*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 50% 10%,rgba(53,72,190,.2),transparent 30%),radial-gradient(circle at 85% 35%,rgba(255,46,191,.1),transparent 24%),#02040d;color:#f6f7ff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#5d75ff 1px,transparent 1px);background-size:80px 80px,130px 130px;z-index:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container,.hero-inner,.feature-inner,.section-inner{width:min(calc(100% - 40px),1400px);margin:auto;position:relative;z-index:2}.site-header{position:relative;z-index:100;background:rgba(2,4,13,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(86,111,185,.35)}.navbar{width:min(calc(100% - 40px),1400px);height:72px;margin:auto;display:flex;align-items:center;gap:28px;position:relative}.logo{display:flex;align-items:center;gap:9px;min-width:185px}.logo-mark{width:31px;height:31px;border:2px solid #21d8ff;border-radius:9px;transform:rotate(-25deg);position:relative;box-shadow:0 0 18px rgba(33,216,255,.35);display:inline-block}.logo-mark:after{content:"";position:absolute;width:15px;height:15px;border:2px solid #ff3fc8;border-radius:50%;left:8px;top:5px}.logo strong{font-size:11px;letter-spacing:2px;line-height:1.05}.logo span{display:block;color:#9da8c9;font-size:8px;letter-spacing:2px}.nav-links{display:flex;gap:28px;align-items:center;flex:1;justify-content:center}.nav-links a{font-size:12px;color:#aeb7d0}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{display:flex;gap:15px;align-items:center}.icon-btn{border:0;background:none;color:#dce4ff;cursor:pointer;font-size:17px;position:relative}.cart-link b{position:absolute;top:-8px;right:-10px;background:#247cff;color:#fff;border-radius:20px;font:700 8px Arial;padding:3px 5px}.menu-btn{display:none}.flash{position:relative;z-index:120;margin:12px auto 0;width:min(calc(100% - 40px),1400px);padding:11px 14px;border:1px solid rgba(39,156,255,.4);border-radius:8px;background:rgba(13,35,64,.8);color:#bfe7ff;font-size:12px}.hero{min-height:520px;border-bottom:1px solid #273d7a;background:#02040d;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,13,.35),transparent 65%)}.hero-inner{min-height:520px}.hero-content{position:relative;z-index:2;padding:100px 0;max-width:650px}.eyebrow{font-size:10px;letter-spacing:3px;color:#46dfff;margin-bottom:20px;text-transform:uppercase}.hero h1{font-size:clamp(46px,6vw,84px);line-height:.87;letter-spacing:-4px;text-transform:uppercase}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#bd5cff 55%,#ff3ed0);-webkit-background-clip:text;color:transparent}.hero p{margin-top:22px;color:#aeb8d1;max-width:450px;font-size:14px;line-height:1.7}.primary-btn{display:inline-flex;gap:9px;margin-top:28px;padding:13px 21px;border-radius:8px;border:1px solid #37ddff;background:linear-gradient(90deg,#197cff,#a23fff);color:#fff;font-weight:800;font-size:11px}.page{padding:55px 0}.page-head{text-align:center;margin-bottom:32px}.page-head h1{font-size:clamp(28px,4vw,48px);text-transform:uppercase}.page-head p{margin-top:9px;color:#8995b4;font-size:12px}.universe-section{padding:42px 0 38px;background:transparent;border:0;outline:0}.universe-section-inner{width:min(calc(100% - 40px),1400px);margin:auto}.universe-heading,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.universe-heading h2,.section-head h2{font-size:19px;text-transform:uppercase}.universe-heading p,.section-head p{margin-top:6px;color:#737f9f;font-size:9px}.view-all{color:#7f8cad;font-size:9px}.universe-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.universe-item{text-align:center;min-width:0}.universe-image-box{width:100%;aspect-ratio:1/.78;overflow:hidden;border-radius:12px;border:1px solid rgba(62,99,160,.2)}.universe-image-box img{width:100%;height:100%;object-fit:cover;transition:.35s}.universe-item:hover img{transform:scale(1.045)}.universe-item h3{margin-top:10px;font-size:10px}.universe-item p{margin-top:4px;color:#687593;font-size:7px}.universe-explore{display:inline-block;margin-top:9px;padding:5px 13px;border:1px solid rgba(25,151,239,.75);border-radius:20px;color:#a8dcff;font-size:7px}.feature-section{width:100%;padding:55px 0 0}.feature{min-height:230px;border-top:1px solid #263e72;border-bottom:1px solid #263e72;overflow:hidden;position:relative;background:linear-gradient(90deg,#071023,rgba(18,8,50,.92) 48%,rgba(8,16,42,.45))}.feature-image{position:absolute;top:0;right:0;width:65%;height:100%;object-fit:cover;opacity:.9;mask-image:linear-gradient(to right,transparent,black 25%,black)}.feature:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(255,26,209,.25),transparent 22%),radial-gradient(circle at 88% 55%,rgba(34,117,255,.28),transparent 28%)}.feature-inner{min-height:230px;display:flex;align-items:center}.feature-content{padding:35px 0;max-width:520px;z-index:2}.feature small{font-size:8px;color:#b98cff;letter-spacing:2px}.feature h2{font-size:30px;text-transform:uppercase;margin:7px 0}.feature p{font-size:10px;color:#8c96b4}.neo-banner{margin-top:60px;min-height:190px;padding:20px 4%;border-top:1px solid rgba(39,156,255,.35);border-bottom:1px solid rgba(39,156,255,.35)}.neo-content{width:100%;max-width:1450px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1.4fr;align-items:center;gap:25px}.featured{font-size:13px;font-weight:700;letter-spacing:2px;color:#8ecfff}.neo-title{font-size:42px;color:#72caff;text-shadow:0 0 8px rgba(0,157,255,.7)}.neo-subtitle{margin-top:8px;max-width:390px;color:#b7cbe0;font-size:11px;line-height:1.5}.neo-button,.neo-shop-btn{display:inline-block;margin-top:15px;padding:9px 22px;border:1px solid #168cff;border-radius:30px;color:#dff4ff;font-size:11px}.neo-stats{display:flex;justify-content:center;gap:9px}.stat{width:55px;height:58px;border:1px solid rgba(30,142,224,.55);border-radius:10px;background:rgba(4,19,35,.55);display:flex;flex-direction:column;justify-content:center;align-items:center}.stat b{font-size:17px}.stat span{margin-top:3px;font-size:8px;color:#8bb3d4;text-transform:uppercase}.neo-product-card{min-height:125px;border:1px solid rgba(39,158,255,.65);border-radius:13px;padding:10px;display:flex;align-items:center;gap:12px;background:rgba(4,20,37,.75)}.neo-product-image{width:105px;height:100px;flex-shrink:0;border-radius:9px;overflow:hidden}.neo-product-image img{width:100%;height:100%;object-fit:cover}.neo-product-title{font-size:13px;font-weight:700}.neo-product-price{margin-top:8px;font-size:16px;font-weight:800}.neo-product-bottom{display:flex;gap:10px}.neo-shop-btn{margin-top:9px;padding:6px 13px;font-size:9px}.neo-cart-icon{margin-top:9px;width:25px;height:25px;border:1px solid rgba(71,181,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.section{padding:55px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:linear-gradient(145deg,#071020,#040813);border:1px solid #263e71;border-radius:9px;overflow:hidden}.product-img{aspect-ratio:1.25/1;overflow:hidden;background:#071020}.product-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.product:hover img{transform:scale(1.05)}.product-info{padding:14px}.product-info h3{font-size:11px}.product-info p{font-size:8px;color:#717c9b;margin-top:4px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.price{font-size:12px}.heart{border:0;background:none;color:#7180a4;font-size:16px;cursor:pointer}.liked{color:#ff4bbf!important}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}.search{display:flex;gap:8px}.search input,.field input,.field textarea,.field select{background:#071020;border:1px solid #263e71;color:#fff;border-radius:7px;padding:11px 12px;outline:0}.search input{min-width:260px}.btn{display:inline-block;border:1px solid #278cff;background:#0b1c39;color:#fff;border-radius:7px;padding:10px 15px;font-size:11px;cursor:pointer}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 11px;border:1px solid #263e71;border-radius:20px;color:#94a1c1;font-size:9px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{border:1px solid #263e71;border-radius:12px;overflow:hidden;background:#071020}.category-card img{width:100%;aspect-ratio:1.7/1;object-fit:cover}.category-card .pad{padding:15px}.category-card h3{font-size:15px}.category-card p{color:#7f8ba8;font-size:10px;margin-top:6px}.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:start}.detail-image{border:1px solid #263e71;border-radius:14px;overflow:hidden;background:#071020}.detail-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.detail-info small{color:#8ecfff;letter-spacing:2px}.detail-info h1{font-size:clamp(30px,5vw,54px);margin:10px 0}.detail-info .desc{color:#8f9bb9;line-height:1.7;font-size:12px}.detail-price{font-size:26px;font-weight:800;margin:22px 0}.qty{display:flex;gap:10px;align-items:center;margin-bottom:12px}.qty input{width:70px}.form{max-width:650px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:10px;color:#a8b4d0}.field textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid #263e71;border-radius:10px}.cart-table{width:100%;border-collapse:collapse;min-width:650px}.cart-table th,.cart-table td{padding:14px;border-bottom:1px solid #182b4d;text-align:left;font-size:11px}.cart-table th{color:#8e9cbb}.cart-product{display:flex;gap:12px;align-items:center}.cart-product img{width:60px;height:60px;object-fit:cover;border-radius:8px}.summary{max-width:400px;margin:20px 0 0 auto;border:1px solid #263e71;border-radius:10px;padding:18px}.sum-line{display:flex;justify-content:space-between;padding:8px 0;color:#a9b4cd;font-size:11px}.sum-line.total{border-top:1px solid #263e71;margin-top:7px;padding-top:14px;color:#fff;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{border:1px solid #263e71;border-radius:12px;padding:22px;background:#071020}.info-card h3{font-size:15px}.info-card p{margin-top:8px;color:#8290ad;font-size:11px;line-height:1.7}.order-box{max-width:760px;margin:auto;border:1px solid #263e71;border-radius:12px;padding:25px;background:#071020}.status{display:inline-block;padding:6px 10px;border:1px solid #28a8ff;border-radius:20px;color:#9fe0ff;font-size:9px}.timeline{margin-top:25px;border-left:1px solid #2c74a8;padding-left:20px}.step{padding:0 0 20px;position:relative}.step:before{content:"";position:absolute;left:-25px;top:2px;width:9px;height:9px;border-radius:50%;background:#31b8ff}.step h4{font-size:11px}.step p{font-size:9px;color:#7f8ba8;margin-top:4px}footer{margin-top:55px;border-top:1px solid #1d2d51;padding:35px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.footer-brand p{font-size:9px;color:#697491;line-height:1.7;max-width:300px;margin-top:11px}footer h4{font-size:10px;margin-bottom:13px}footer a{display:block;color:#66718e;font-size:9px;margin:8px 0}.copy{border-top:1px solid #15223d;margin-top:25px;padding-top:14px;font-size:8px;color:#4f5b77;display:flex;justify-content:space-between}.empty{text-align:center;padding:60px 15px;border:1px solid #263e71;border-radius:12px;color:#8490ad}.empty h2{color:#fff;margin-bottom:8px}
@media(max-width:1000px){.universe-row{grid-template-columns:repeat(3,1fr)}.neo-content{grid-template-columns:1fr 1fr}.neo-left{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid,.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.product-detail{grid-template-columns:1fr}}@media(max-width:900px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:20px;background:rgba(2,4,13,.99);border-bottom:1px solid #263e71}.menu-btn{display:block}.logo{flex:1}}@media(max-width:650px){.neo-content{grid-template-columns:1fr}.neo-left{grid-column:auto}.neo-title{font-size:32px}.neo-stats{justify-content:flex-start}.neo-product-image{width:85px;height:85px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.category-grid,.cards{grid-template-columns:1fr}}@media(max-width:600px){.container,.section-inner,.feature-inner,.hero-inner,.universe-section-inner,.navbar{width:calc(100% - 20px)}.hero,.hero-inner{min-height:500px}.hero-content{padding:60px 0}.hero h1{font-size:43px}.universe-row{grid-template-columns:repeat(2,1fr);gap:18px 10px}.universe-heading h2{font-size:14px}.feature{min-height:260px}.feature-image{width:100%;opacity:.45}.feature-inner{min-height:260px}.feature h2{font-size:23px}.product-grid{gap:10px}.footer-grid{grid-template-columns:1fr 1fr}.copy{display:block;line-height:1.8}.search input{min-width:190px}}

/* ================= COSMIC GALAXY BACKGROUND ================= */
body{background:#02040d;position:relative}
.cosmic-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(46,67,175,.18),transparent 38%),radial-gradient(ellipse at 15% 75%,rgba(113,34,173,.13),transparent 30%),radial-gradient(ellipse at 88% 18%,rgba(19,112,188,.12),transparent 28%),#02040d}
.cosmic-background:before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse at 48% 42%,transparent 0 24%,rgba(84,78,255,.08) 29%,transparent 43%),radial-gradient(ellipse at 52% 48%,transparent 0 34%,rgba(255,44,207,.055) 39%,transparent 50%);transform:rotate(-17deg);filter:blur(7px)}
.cosmic-background:after{content:"";position:absolute;inset:0;opacity:.52;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(103,185,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,105,222,.6) 0 1px,transparent 1.4px);background-size:97px 113px,173px 151px,257px 223px;background-position:12px 25px,55px 80px,110px 30px}
.stars{position:absolute;inset:0;background-repeat:repeat;opacity:.42}.stars-one{background-image:radial-gradient(circle,white 0 1px,transparent 1.2px);background-size:61px 71px;background-position:19px 11px}.stars-two{background-image:radial-gradient(circle,rgba(111,198,255,.9) 0 1px,transparent 1.3px);background-size:139px 127px;background-position:73px 43px;opacity:.3}
.galaxy{position:absolute;border-radius:50%;filter:blur(2px);opacity:.24;transform:rotate(-20deg)}.galaxy-one{width:72vw;height:22vw;left:14vw;top:34vh;background:radial-gradient(ellipse at center,rgba(91,120,255,.2),rgba(177,61,255,.12) 35%,transparent 70%);box-shadow:0 0 90px rgba(91,120,255,.12)}.galaxy-two{width:55vw;height:15vw;left:-12vw;top:12vh;background:radial-gradient(ellipse at center,rgba(25,197,255,.15),rgba(255,70,204,.08) 38%,transparent 72%);transform:rotate(25deg)}
.planet{position:absolute;border-radius:50%;box-shadow:inset -25px -18px 45px rgba(0,0,0,.58),0 0 45px rgba(74,129,255,.13);opacity:.48}.planet:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 5%),radial-gradient(circle at 60% 65%,rgba(0,0,0,.28) 0 7%,transparent 8%),radial-gradient(circle at 25% 70%,rgba(0,0,0,.18) 0 10%,transparent 11%)}.planet-one{width:180px;height:180px;right:-70px;top:18%;background:radial-gradient(circle at 32% 27%,#6c8dff,#302d91 45%,#090d2e 72%)}.planet-two{width:105px;height:105px;left:-35px;top:58%;background:radial-gradient(circle at 35% 30%,#ff8ee7,#632b8e 48%,#0b0d28 74%);box-shadow:inset -20px -12px 30px rgba(0,0,0,.58),0 0 55px rgba(255,70,209,.12)}.planet-three{width:75px;height:75px;right:12%;bottom:8%;background:radial-gradient(circle at 35% 30%,#72e7ff,#19518c 50%,#071126 75%);opacity:.34}
main,.site-header,footer,.flash{position:relative;z-index:2}.site-header{background:rgba(2,4,13,.78)}
/* ================= ACCOUNT DROPDOWN ================= */
.account-menu{position:relative}.account-toggle{border:0;background:transparent;color:#aeb7d0;font:inherit;font-size:12px;cursor:pointer;padding:12px 0}.account-toggle span{font-size:10px;margin-left:4px;color:#6e7b9c}.account-menu:hover .account-toggle,.account-menu.active .account-toggle{color:#fff}.account-dropdown{position:absolute;top:calc(100% + 14px);right:-12px;min-width:150px;padding:7px;background:rgba(4,8,22,.98);border:1px solid rgba(67,104,175,.55);border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s;backdrop-filter:blur(18px)}.account-dropdown:before{content:"";position:absolute;top:-6px;right:22px;width:10px;height:10px;background:#040816;border-left:1px solid rgba(67,104,175,.55);border-top:1px solid rgba(67,104,175,.55);transform:rotate(45deg)}.account-dropdown a{display:block;padding:10px 12px;color:#8f9bb9;font-size:10px;border-radius:6px}.account-dropdown a:hover{color:#fff;background:rgba(36,124,255,.12)}.account-menu:hover .account-dropdown,.account-menu:focus-within .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
/* ================= PRODUCT DETAIL ================= */
.detail-image{position:relative;box-shadow:0 0 45px rgba(41,116,255,.08)}.detail-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(70,190,255,.08),transparent 35%,rgba(255,51,206,.08))}.detail-info{padding:8px 0}.detail-info h1{letter-spacing:-1px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.detail-tag{padding:7px 11px;border:1px solid rgba(43,139,226,.42);border-radius:20px;background:rgba(7,18,38,.55);color:#91b9df;font-size:9px}.detail-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.detail-panel{border:1px solid rgba(48,84,143,.5);border-radius:11px;padding:16px;background:linear-gradient(145deg,rgba(7,16,32,.82),rgba(7,9,24,.62))}.detail-panel strong{display:block;font-size:10px;color:#b9dfff;text-transform:uppercase;letter-spacing:1px}.detail-panel p{margin-top:7px;color:#7785a5;font-size:9px;line-height:1.6}.product-detail-wrap{position:relative}.product-detail-wrap:before{content:"";position:absolute;width:300px;height:300px;right:8%;top:-80px;background:radial-gradient(circle,rgba(63,110,255,.12),transparent 68%);pointer-events:none}
@media(max-width:900px){.account-dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:4px 0 5px;width:100%;text-align:center}.account-menu.open .account-dropdown{display:block}.account-dropdown:before{display:none}.account-toggle{padding:8px}.nav-links.open .account-menu{width:100%;text-align:center}}
@media(max-width:650px){.detail-panels{grid-template-columns:1fr}.planet-one{width:120px;height:120px}.galaxy-one{width:120vw;height:40vw}}


/* ================= PROFILE MENU + FULL-SITE COSMIC OVERLAY ================= */
.cosmic-background{z-index:1!important}
.site-header,main,footer,.flash{position:relative;z-index:2}
.account-toggle{display:inline-flex;align-items:center;text-decoration:none}
.account-toggle:focus-visible{outline:1px solid #36c8ff;outline-offset:5px;border-radius:4px}
.account-menu{position:relative}
.account-dropdown{z-index:300}
@media(max-width:900px){
  .nav-links.open .account-menu{width:100%;text-align:center}
  .nav-links.open .account-toggle{justify-content:center;width:100%;padding:11px 0}
  .nav-links.open .account-dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;margin:2px auto 8px;max-width:180px;text-align:left}
  .nav-links.open .account-menu:hover .account-dropdown,
  .nav-links.open .account-menu:focus-within .account-dropdown{display:block}
}
/* subtle cosmic veil keeps the universe atmosphere visible across the complete site */

/* CLICK-TO-OPEN PROFILE MENU — stays open until clicking outside */
.account-menu.open .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.account-toggle{appearance:none;-webkit-appearance:none;}
@media(max-width:900px){.nav-links.open .account-menu.open .account-dropdown{display:block;}}

/* ================= ANIMATED COSMIC UNIVERSE ================= */
/* Full-site animated space layer. It stays behind all content and never captures clicks. */
.cosmic-background{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(71,91,255,.16),transparent 34%),
    radial-gradient(ellipse at 18% 76%,rgba(178,47,255,.13),transparent 32%),
    radial-gradient(ellipse at 86% 20%,rgba(22,158,255,.12),transparent 30%),
    #02040d;
}
.cosmic-background:before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(ellipse at 48% 42%,transparent 0 21%,rgba(73,111,255,.13) 29%,transparent 43%),
    radial-gradient(ellipse at 54% 52%,transparent 0 32%,rgba(255,49,207,.10) 39%,transparent 52%),
    radial-gradient(ellipse at 30% 65%,transparent 0 30%,rgba(28,207,255,.08) 37%,transparent 50%);
  filter:blur(12px);
  transform:rotate(-17deg) scale(1.05);
  animation:nebulaPulseDrift 24s ease-in-out infinite alternate;
  will-change:transform,filter,opacity;
}
.cosmic-background:after{
  content:"";
  position:absolute;
  inset:-20%;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.98) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(98,191,255,.85) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(255,111,225,.72) 0 1px,transparent 1.7px);
  background-size:97px 113px,173px 151px,257px 223px;
  background-position:12px 25px,55px 80px,110px 30px;
  opacity:.48;
  animation:starFieldMove 34s linear infinite;
  will-change:background-position,opacity;
}
.stars{position:absolute;inset:-15%;background-repeat:repeat;will-change:transform,background-position,opacity}
.stars-one{
  background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px);
  background-size:61px 71px;
  background-position:19px 11px;
  opacity:.45;
  animation:starsFloatOne 20s linear infinite,starsTwinkleOne 4s ease-in-out infinite alternate;
}
.stars-two{
  background-image:radial-gradient(circle,rgba(104,201,255,.92) 0 1.2px,transparent 1.7px);
  background-size:139px 127px;
  background-position:73px 43px;
  opacity:.32;
  animation:starsFloatTwo 31s linear infinite,starsTwinkleTwo 5.5s ease-in-out infinite alternate-reverse;
}
.galaxy{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  mix-blend-mode:screen;
  will-change:transform,filter,opacity;
}
.galaxy-one{
  width:78vw;height:25vw;left:10vw;top:31vh;
  background:
    radial-gradient(ellipse at center,rgba(91,120,255,.24),rgba(176,62,255,.14) 30%,rgba(33,180,255,.07) 48%,transparent 72%);
  box-shadow:0 0 120px rgba(91,120,255,.18);
  filter:blur(3px);
  transform:rotate(-20deg);
  animation:galaxyDriftOne 27s ease-in-out infinite alternate;
}
.galaxy-two{
  width:62vw;height:18vw;left:-15vw;top:8vh;
  background:
    radial-gradient(ellipse at center,rgba(25,197,255,.19),rgba(255,70,204,.11) 38%,transparent 72%);
  box-shadow:0 0 110px rgba(25,197,255,.13);
  filter:blur(3px);
  transform:rotate(25deg);
  animation:galaxyDriftTwo 33s ease-in-out infinite alternate-reverse;
}
/* Milky Way: a wide diagonal star-dust band across the complete site. */
.milkyway{
  position:absolute;
  width:150vw;height:34vw;
  left:-25vw;top:28%;
  border-radius:50%;
  transform:rotate(-17deg);
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.12) 0%,rgba(180,205,255,.10) 18%,rgba(111,131,255,.07) 35%,transparent 68%),
    repeating-radial-gradient(ellipse at center,rgba(255,255,255,.055) 0 2px,transparent 3px 9px);
  filter:blur(5px);
  opacity:.7;
  mix-blend-mode:screen;
  animation:milkyWayDrift 38s ease-in-out infinite alternate;
  will-change:transform,filter,opacity;
}
.planet{
  position:absolute;border-radius:50%;pointer-events:none;
  box-shadow:inset -28px -22px 48px rgba(0,0,0,.62),0 0 55px rgba(74,129,255,.18);
  will-change:transform,filter;
}
.planet:after{
  content:"";position:absolute;inset:11%;border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%,rgba(255,255,255,.30),transparent 5%),
    radial-gradient(circle at 60% 65%,rgba(0,0,0,.30) 0 7%,transparent 8%),
    radial-gradient(circle at 25% 70%,rgba(0,0,0,.20) 0 10%,transparent 11%);
}
.planet-one{width:180px;height:180px;right:-70px;top:18%;background:radial-gradient(circle at 32% 27%,#7b9aff,#302d91 45%,#090d2e 72%);opacity:.58;animation:planetOrbitOne 18s ease-in-out infinite alternate,planetLightOne 5s ease-in-out infinite alternate}
.planet-two{width:105px;height:105px;left:-35px;top:58%;background:radial-gradient(circle at 35% 30%,#ff9de9,#632b8e 48%,#0b0d28 74%);opacity:.54;animation:planetOrbitTwo 23s ease-in-out infinite alternate-reverse,planetLightTwo 6s ease-in-out infinite alternate}
.planet-three{width:78px;height:78px;right:12%;bottom:8%;background:radial-gradient(circle at 35% 30%,#7beaff,#19518c 50%,#071126 75%);opacity:.45;animation:planetOrbitThree 16s ease-in-out infinite alternate,planetLightThree 4.5s ease-in-out infinite alternate}
/* Keep site surfaces translucent enough for the animated universe to remain visible. */
.page,.section,.universe-section{position:relative;z-index:2;background:transparent}
.product,.category-card,.info-card,.order-box,.summary,.detail-panel,.neo-product-card{background:linear-gradient(145deg,rgba(7,16,32,.78),rgba(4,8,19,.68))}

@keyframes nebulaPulseDrift{
  0%{transform:rotate(-17deg) scale(1.02) translate3d(-1%,0,0);filter:blur(12px);opacity:.72}
  50%{transform:rotate(-13deg) scale(1.10) translate3d(2%,1%,0);filter:blur(16px);opacity:1}
  100%{transform:rotate(-21deg) scale(1.06) translate3d(-2%,-1%,0);filter:blur(11px);opacity:.78}
}
@keyframes starFieldMove{
  0%{background-position:12px 25px,55px 80px,110px 30px;opacity:.36}
  50%{background-position:62px -20px,5px 135px,175px 65px;opacity:.62}
  100%{background-position:-35px 70px,105px 45px,55px -15px;opacity:.40}
}
@keyframes starsFloatOne{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(2%,1%,0)}100%{transform:translate3d(-2%,-1%,0)}}
@keyframes starsFloatTwo{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,2%,0) scale(1.02)}100%{transform:translate3d(2%,-1%,0) scale(1)}}
@keyframes starsTwinkleOne{0%{opacity:.22}50%{opacity:.62}100%{opacity:.30}}
@keyframes starsTwinkleTwo{0%{opacity:.18}50%{opacity:.48}100%{opacity:.24}}
@keyframes galaxyDriftOne{0%{transform:rotate(-20deg) translate3d(-3%,0,0) scale(1);opacity:.50}50%{transform:rotate(-15deg) translate3d(2%,2%,0) scale(1.08);opacity:.82}100%{transform:rotate(-24deg) translate3d(-1%,-2%,0) scale(1.12);opacity:.58}}
@keyframes galaxyDriftTwo{0%{transform:rotate(25deg) translate3d(0,0,0) scale(1);opacity:.40}50%{transform:rotate(31deg) translate3d(4%,2%,0) scale(1.10);opacity:.68}100%{transform:rotate(19deg) translate3d(-3%,-2%,0) scale(1.05);opacity:.46}}
@keyframes milkyWayDrift{0%{transform:rotate(-17deg) translate3d(-4%,1%,0) scale(1);filter:blur(5px);opacity:.48}50%{transform:rotate(-12deg) translate3d(3%,-2%,0) scale(1.08);filter:blur(8px);opacity:.82}100%{transform:rotate(-20deg) translate3d(-2%,2%,0) scale(1.04);filter:blur(5px);opacity:.58}}
@keyframes planetOrbitOne{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(-35px,22px,0) rotate(8deg) scale(1.04)}100%{transform:translate3d(-70px,-18px,0) rotate(15deg) scale(1.08)}}
@keyframes planetOrbitTwo{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(42px,-25px,0) rotate(-12deg) scale(1.06)}100%{transform:translate3d(75px,18px,0) rotate(-22deg) scale(1)}}
@keyframes planetOrbitThree{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(-28px,-20px,0) rotate(14deg) scale(1.08)}100%{transform:translate3d(20px,25px,0) rotate(28deg) scale(.96)}}
@keyframes planetLightOne{0%{filter:brightness(.82)}100%{filter:brightness(1.15)}}
@keyframes planetLightTwo{0%{filter:brightness(.78)}100%{filter:brightness(1.14)}}
@keyframes planetLightThree{0%{filter:brightness(.82)}100%{filter:brightness(1.20)}}
@media(max-width:650px){.planet-one{width:120px;height:120px}.planet-two{width:82px;height:82px}.planet-three{width:58px;height:58px}.galaxy-one{width:145vw;height:46vw}.galaxy-two{width:120vw;height:34vw}.milkyway{width:190vw;height:50vw}}
@media(prefers-reduced-motion:reduce){.cosmic-background *,.cosmic-background:before,.cosmic-background:after{animation:none!important}}


/* Shared cosmic page banner: shown on every page except the homepage. */
.site-page-banner{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 20px);min-height:165px;margin:13px 10px 22px;padding:25px 30px;box-sizing:border-box;border:1px solid #145c91;border-radius:8px;color:#edf5ff;background:radial-gradient(circle at 80% 20%,rgba(20,105,220,.34),transparent 28%),radial-gradient(circle at 60% 100%,rgba(101,30,230,.18),transparent 35%),linear-gradient(110deg,#061a34,#020913 75%);box-shadow:inset 0 0 50px rgba(0,110,200,.08)}
.site-page-banner:after{content:"✦    ·    ✧       ·       ✦       ·       ✧";position:absolute;z-index:-1;right:24px;top:14px;color:rgba(69,155,230,.35);font-size:24px;letter-spacing:12px;transform:rotate(-7deg);pointer-events:none}
.site-page-banner-content{position:relative;z-index:1;width:100%}
.site-page-banner-title{margin:0;color:#f2f7ff;font-size:clamp(27px,3vw,40px);font-weight:900;line-height:1.05;letter-spacing:-.8px;text-transform:uppercase}
.site-page-banner-title span{color:#2a9bf0}
.site-page-banner-subtitle{margin:7px 0 12px;color:#83a5c7;font-size:12px}
.site-page-banner-search{display:flex;align-items:center;overflow:hidden;width:min(560px,100%);height:40px;border:1px solid #116ba6;border-radius:22px;background:rgba(2,15,32,.92);box-sizing:border-box}
.site-page-search-icon{display:flex;align-items:center;justify-content:center;width:42px;flex-shrink:0;color:#55a6d9;font-size:20px}
.site-page-banner-search input{flex:1;min-width:0;height:100%;padding:0 4px;border:0;outline:0;background:transparent;color:#e5f3ff;font-size:12px}
.site-page-banner-search input::placeholder{color:#5d7d9a}
.site-page-banner-search button{height:32px;margin:0 4px 0 8px;padding:0 18px;flex-shrink:0;border:0;border-radius:18px;background:linear-gradient(90deg,#236bd9,#7136e9);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:600px){.site-page-banner{width:calc(100% - 20px);min-height:145px;margin:10px;padding:22px 16px}.site-page-banner-title{font-size:clamp(24px,7vw,32px)}.site-page-banner:after{right:-25px;top:12px;font-size:19px;letter-spacing:8px}.site-page-banner-search{height:40px}.site-page-banner-search button{padding:0 14px}}

/* Remove the duplicate centered page title/subtitle strip site-wide. */
.page-head{display:none!important}

/* =========================================================
   FICTIONKART GLOBAL LAYOUT / READABILITY / PRODUCT HOVER
   ========================================================= */
.container,.hero-inner,.feature-inner,.section-inner,.universe-section-inner,.navbar{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:clamp(18px,3.2vw,55px);padding-right:clamp(18px,3.2vw,55px)}
main{width:100%;max-width:none}.page{width:100%;padding:42px 0 65px}.page>.container{width:100%}
body{font-size:15px;line-height:1.55}.nav-links a{font-size:13px}
.page-head p,.universe-heading p,.section-head p,.product-info p,.category-card p,.footer-brand p,footer a,.copy{font-size:11px;line-height:1.65}
.page-head h1{font-size:clamp(32px,4vw,52px)}
.product-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product{position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.product:hover{transform:translateY(-8px);border-color:rgba(55,190,255,.95);box-shadow:0 16px 42px rgba(0,0,0,.45),0 0 28px rgba(28,146,255,.16);background:linear-gradient(145deg,#0a1930,#050b18)}
.product:hover .product-img img{transform:scale(1.07)}.product-info h3{font-size:14px;line-height:1.35}.product-info p{font-size:11px;line-height:1.55}.price{font-size:14px}
.cosmic-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.cosmic-card:hover{transform:translateY(-8px);border-color:rgba(76,188,255,.95);box-shadow:0 18px 45px rgba(0,0,0,.48),0 0 30px rgba(42,150,255,.17)}
.cosmic-card:hover .cosmic-card-image img{transform:scale(1.07)}
.category-card,.universe-item{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.category-card:hover{transform:translateY(-7px);border-color:rgba(66,190,255,.9);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 28px rgba(42,150,255,.14)}.category-card:hover img{transform:scale(1.05)}.category-card img{transition:transform .35s ease}.universe-item:hover{transform:translateY(-5px)}
/* Homepage banner: image stays clear; only left side protects text */
.hero{min-height:clamp(500px,39vw,700px);background-size:cover!important;background-position:center center!important}
.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,13,.88) 0%,rgba(2,4,13,.62) 30%,rgba(2,4,13,.18) 55%,rgba(2,4,13,0) 78%)}
.hero-inner{min-height:clamp(500px,39vw,700px);display:flex;align-items:center}.hero-content{max-width:min(650px,54vw);padding:70px 0}
.hero h1{font-size:clamp(44px,5.6vw,82px);line-height:.92;letter-spacing:-3px;text-shadow:0 4px 28px rgba(0,0,0,.35)}.hero p{max-width:560px;font-size:16px;line-height:1.75;color:#d2dcf0}.eyebrow{font-size:12px}
/* Shared page banners: image stays clear */
.site-page-banner{width:100%;margin:0 0 22px;min-height:210px;border-left:0;border-right:0;border-radius:0;background-size:cover!important;background-position:center!important}
.site-page-banner:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,13,29,.88) 0%,rgba(3,13,29,.55) 35%,rgba(3,13,29,.12) 65%,rgba(3,13,29,0) 85%);pointer-events:none}
.site-page-banner-title{font-size:clamp(30px,4vw,50px);text-shadow:0 3px 18px rgba(0,0,0,.45)}.site-page-banner-content{max-width:760px}.site-page-banner p{font-size:14px;line-height:1.65}
/* Dimensional footer background */
footer{position:relative;isolation:isolate;overflow:hidden;margin-top:70px;padding:60px 0 28px;border-top:1px solid rgba(72,151,230,.38);background:none}
footer:before{content:none !important}
footer:after{content:none !important}
.footer-grid{width:100%;max-width:none;padding-left:clamp(18px,3.2vw,55px);padding-right:clamp(18px,3.2vw,55px)}.footer-brand p,footer a{font-size:11px;line-height:1.7}
footer a{transition:color .2s ease,transform .2s ease}footer a:hover{color:#8edcff;transform:translateX(4px)}.copy{width:100%;max-width:none;padding-left:clamp(18px,3.2vw,55px);padding-right:clamp(18px,3.2vw,55px)}
@keyframes footerStars{from{background-position:12px 8px,45px 65px}to{background-position:-70px 90px,110px -45px}}
.section,.universe-section,.feature-section,.neo-banner{width:100%}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{max-width:68vw}}
@media(max-width:650px){.container,.hero-inner,.feature-inner,.section-inner,.universe-section-inner,.navbar{padding-left:16px;padding-right:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:11px}.product-info h3{font-size:12px}.product-info p{font-size:10px}.hero,.hero-inner{min-height:520px}.hero-content{max-width:90%;padding:50px 0}.hero h1{font-size:clamp(38px,11vw,62px)}.hero p{font-size:14px}.site-page-banner{min-height:180px;padding-left:16px;padding-right:16px}footer{padding-top:45px}}

/* =========================================================
   FICTIONKART FRONTEND POLISH
   ========================================================= */
.site-header{z-index:1000}
.menu-overlay{display:none}
.site-page-banner p{margin:10px 0 26px!important;max-width:760px}
.site-page-banner-search{margin-top:0}

@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .site-header{z-index:2000}
  .menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.22s;z-index:1990}
  .menu-overlay.open{opacity:1;visibility:visible}
  .nav-links{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(340px,88vw)!important;height:100vh!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:88px 22px 28px!important;background:linear-gradient(180deg,#050a18 0%,#02040d 100%)!important;border-left:1px solid rgba(57,112,190,.55)!important;border-bottom:0!important;box-shadow:-20px 0 60px rgba(0,0,0,.55)!important;overflow-y:auto!important;z-index:2001!important;transform:translateX(105%);transition:transform .24s ease!important}
  .nav-links.open{transform:translateX(0)!important}
  .nav-links>a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 12px!important;border-bottom:1px solid rgba(67,104,175,.18)!important;color:#dce7ff!important;font-size:14px!important}
  .nav-links>a:hover,.nav-links>a.active{color:#fff!important;background:rgba(40,130,255,.10)!important}
  .account-menu{width:100%!important;text-align:left!important;border-bottom:1px solid rgba(67,104,175,.18)!important}
  .nav-links.open .account-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:15px 12px!important;color:#dce7ff!important;font-size:14px!important}
  .nav-links.open .account-dropdown{position:static!important;display:none!important;max-width:none!important;width:100%!important;margin:0!important;padding:0 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important}
  .nav-links.open .account-menu.open .account-dropdown{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .nav-links.open .account-dropdown:before{display:none!important}
  .nav-links.open .account-dropdown a{display:block!important;padding:11px 24px!important;color:#9eb0d0!important;font-size:12px!important}
  .nav-links.open .account-dropdown a:hover{background:rgba(40,130,255,.10)!important;color:#fff!important}
  .nav-actions{margin-left:auto}
  .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(73,119,190,.5);border-radius:8px;background:rgba(7,16,32,.8);font-size:20px;z-index:2100}
}
@media(max-width:600px){
  .site-page-banner{margin-bottom:30px!important}
  .site-page-banner p{margin-bottom:28px!important;font-size:13px!important}
}


/* =========================================================
   VISIBLE LEFT -> RIGHT STAR + PLANET MOTION
   Only stars and planets move. Galaxy / nebula layers stay still.
========================================================= */
.cosmic-background{z-index:0!important;position:fixed!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;background:#02040d;}
.cosmic-background:before{animation:none!important;transform:none!important;opacity:.18!important;}
.cosmic-background:after{animation:none!important;background-image:none!important;}
.moving-stars,.moving-planets{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.moving-star{position:absolute;left:-20px;top:var(--top);width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 7px rgba(255,255,255,.8);opacity:var(--opacity);animation:starLeftToRight var(--duration) linear var(--delay) infinite;will-change:transform;}
.moving-star:nth-child(3n){background:#9edfff;box-shadow:0 0 8px rgba(90,190,255,.9);}
.moving-star:nth-child(5n){background:#ffd6f4;box-shadow:0 0 8px rgba(255,110,220,.8);}
.s1{--top:8%;--size:2px;--opacity:.8;--duration:13s;--delay:-2s}.s2{--top:17%;--size:1px;--opacity:.65;--duration:19s;--delay:-11s}.s3{--top:27%;--size:2px;--opacity:.9;--duration:16s;--delay:-7s}.s4{--top:38%;--size:1px;--opacity:.7;--duration:22s;--delay:-18s}.s5{--top:49%;--size:2px;--opacity:.8;--duration:14s;--delay:-4s}.s6{--top:61%;--size:1px;--opacity:.6;--duration:20s;--delay:-15s}.s7{--top:72%;--size:2px;--opacity:.85;--duration:17s;--delay:-9s}.s8{--top:84%;--size:1px;--opacity:.7;--duration:24s;--delay:-20s}.s9{--top:93%;--size:2px;--opacity:.8;--duration:15s;--delay:-6s}.s10{--top:13%;--size:1px;--opacity:.55;--duration:18s;--delay:-13s}
.s11{--top:23%;--size:2px;--opacity:.75;--duration:21s;--delay:-3s}.s12{--top:34%;--size:1px;--opacity:.65;--duration:15s;--delay:-10s}.s13{--top:44%;--size:2px;--opacity:.9;--duration:23s;--delay:-17s}.s14{--top:55%;--size:1px;--opacity:.6;--duration:16s;--delay:-5s}.s15{--top:67%;--size:2px;--opacity:.8;--duration:19s;--delay:-12s}.s16{--top:78%;--size:1px;--opacity:.65;--duration:25s;--delay:-21s}.s17{--top:89%;--size:2px;--opacity:.85;--duration:14s;--delay:-8s}.s18{--top:5%;--size:1px;--opacity:.7;--duration:22s;--delay:-16s}.s19{--top:31%;--size:2px;--opacity:.75;--duration:17s;--delay:-1s}.s20{--top:63%;--size:1px;--opacity:.6;--duration:20s;--delay:-14s}
.s21{--top:15%;--size:2px;--opacity:.8;--duration:18s;--delay:-9s}.s22{--top:29%;--size:1px;--opacity:.55;--duration:23s;--delay:-19s}.s23{--top:41%;--size:2px;--opacity:.85;--duration:15s;--delay:-4s}.s24{--top:52%;--size:1px;--opacity:.65;--duration:21s;--delay:-12s}.s25{--top:74%;--size:2px;--opacity:.8;--duration:16s;--delay:-7s}.s26{--top:86%;--size:1px;--opacity:.6;--duration:24s;--delay:-18s}.s27{--top:97%;--size:2px;--opacity:.85;--duration:13s;--delay:-2s}.s28{--top:10%;--size:1px;--opacity:.7;--duration:20s;--delay:-15s}.s29{--top:36%;--size:2px;--opacity:.75;--duration:19s;--delay:-11s}.s30{--top:58%;--size:1px;--opacity:.6;--duration:22s;--delay:-20s}
.s31{--top:19%;--size:2px;--opacity:.8;--duration:14s;--delay:-6s}.s32{--top:47%;--size:1px;--opacity:.65;--duration:18s;--delay:-13s}.s33{--top:69%;--size:2px;--opacity:.9;--duration:21s;--delay:-3s}.s34{--top:81%;--size:1px;--opacity:.6;--duration:15s;--delay:-9s}.s35{--top:25%;--size:2px;--opacity:.8;--duration:23s;--delay:-17s}.s36{--top:43%;--size:1px;--opacity:.7;--duration:17s;--delay:-5s}.s37{--top:64%;--size:2px;--opacity:.85;--duration:20s;--delay:-14s}.s38{--top:91%;--size:1px;--opacity:.6;--duration:16s;--delay:-8s}.s39{--top:3%;--size:2px;--opacity:.75;--duration:22s;--delay:-19s}.s40{--top:76%;--size:1px;--opacity:.65;--duration:19s;--delay:-10s}
@keyframes starLeftToRight{from{transform:translateX(-30px);opacity:0}8%{opacity:var(--opacity)}92%{opacity:var(--opacity)}to{transform:translateX(calc(100vw + 60px));opacity:0}}
.moving-planet{position:absolute;left:-240px;border-radius:50%;will-change:transform;animation:planetLeftToRight var(--pduration) linear var(--pdelay) infinite;}
.planet-a{top:20%;width:170px;height:170px;--pduration:28s;--pdelay:-10s;background:radial-gradient(circle at 30% 27%,#8aa4ff 0 5%,#4a4ec0 30%,#201d65 58%,#070b25 78%);box-shadow:inset -35px -25px 55px rgba(0,0,0,.65),0 0 55px rgba(80,130,255,.35)}
.planet-b{top:57%;width:105px;height:105px;--pduration:22s;--pdelay:-4s;background:radial-gradient(circle at 32% 28%,#ffc1ef 0 5%,#9c3e9e 32%,#512060 58%,#170c29 78%);box-shadow:inset -25px -18px 38px rgba(0,0,0,.65),0 0 45px rgba(255,70,210,.3)}
.planet-c{top:78%;width:72px;height:72px;--pduration:18s;--pdelay:-12s;background:radial-gradient(circle at 32% 28%,#a6f2ff 0 5%,#3287b7 32%,#16446d 58%,#071326 78%);box-shadow:inset -18px -13px 28px rgba(0,0,0,.65),0 0 38px rgba(70,210,255,.3)}
.moving-planet:after{content:"";position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.28),transparent 6%),radial-gradient(circle at 65% 68%,rgba(0,0,0,.28) 0 8%,transparent 9%);}
@keyframes planetLeftToRight{from{transform:translateX(-260px) rotate(0deg)}to{transform:translateX(calc(100vw + 300px)) rotate(360deg)}}
@media(max-width:650px){.planet-a{width:120px;height:120px}.planet-b{width:78px;height:78px}.planet-c{width:55px;height:55px}.moving-star{box-shadow:0 0 5px rgba(255,255,255,.7)}}
@media(prefers-reduced-motion:reduce){.moving-star,.moving-planet{animation:none!important}}

/* ================================================================
   SITE-WIDE SOLAR PROCESSION → BLACK HOLE
   Each body travels from left to right independently, one after
   another, and is visibly captured by the black hole.
   ================================================================ */
.cosmic-background{z-index:0!important;position:fixed!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;background:#02040d;}
.cosmic-background:before{opacity:.16!important;animation:none!important;}
.cosmic-background:after{opacity:.38!important;animation:none!important;}
.moving-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.moving-planet{display:none!important;}

.black-hole-attractor{position:absolute;right:-76px;top:50%;width:210px;height:210px;transform:translateY(-50%);border-radius:50%;z-index:3;}
.black-hole-core{position:absolute;inset:38px;border-radius:50%;background:#000;box-shadow:0 0 28px 8px rgba(0,0,0,.95),0 0 80px 24px rgba(0,0,0,.72);}
.black-hole-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);border-style:solid;opacity:.8;}
.black-hole-ring.ring-1{width:164px;height:104px;border-width:8px 3px;border-color:rgba(255,166,75,.72) rgba(255,65,194,.5) rgba(88,139,255,.28) transparent;filter:blur(1px);animation:holeSpin 5s linear infinite;}
.black-hole-ring.ring-2{width:195px;height:122px;border-width:3px 8px;border-color:rgba(255,80,186,.38) transparent rgba(65,185,255,.45) rgba(255,186,78,.42);filter:blur(2px);animation:holeSpinReverse 7s linear infinite;}
.black-hole-ring.ring-3{width:215px;height:142px;border:2px solid rgba(119,137,255,.22);filter:blur(4px);animation:holePulse 2.6s ease-in-out infinite;}
.black-hole-label{position:absolute;right:110px;top:50%;transform:translateY(-50%);font-size:7px;letter-spacing:2px;color:rgba(191,202,255,.55);white-space:nowrap;opacity:.7;}

.solar-procession{position:absolute;inset:0;z-index:4;overflow:hidden;}
.solar-body{position:absolute;left:-180px;top:var(--y);width:var(--size);height:var(--size);border-radius:50%;opacity:0;will-change:transform,opacity;animation:solarCapture 16s cubic-bezier(.22,.65,.25,1) var(--delay) infinite;}
.solar-body:before{content:"";position:absolute;left:-100px;top:50%;width:125px;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(150,200,255,.22),rgba(255,255,255,.6));filter:blur(1px);}
.solar-body:after{content:attr(data-name);position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);font-size:7px;letter-spacing:1.5px;color:rgba(210,221,255,.62);white-space:nowrap;text-shadow:0 0 8px rgba(80,120,255,.8);}
.solar-body.sun{--y:18%;--size:74px;--delay:0s;background:radial-gradient(circle at 32% 28%,#fffbd0 0 8%,#ffc52f 27%,#ff6b20 56%,#9d2618 78%);box-shadow:0 0 28px 8px rgba(255,174,42,.34),inset -14px -10px 20px rgba(90,18,0,.45);}
.solar-body.mercury{--y:31%;--size:16px;--delay:1.35s;background:radial-gradient(circle at 35% 28%,#d9d9d9,#777 52%,#292929);box-shadow:0 0 10px rgba(200,200,200,.45);}
.solar-body.venus{--y:42%;--size:23px;--delay:2.7s;background:radial-gradient(circle at 32% 27%,#fff0a0,#d18a35 50%,#653116);box-shadow:0 0 12px rgba(255,188,76,.35);}
.solar-body.earth{--y:53%;--size:27px;--delay:4.05s;background:radial-gradient(circle at 32% 25%,#b7f4ff 0 7%,#3e9be8 28%,#1451a2 57%,#08204e);box-shadow:0 0 14px rgba(55,170,255,.5);}
.solar-body.mars{--y:64%;--size:21px;--delay:5.4s;background:radial-gradient(circle at 33% 26%,#ff9b69,#bd492d 48%,#5b1d18);box-shadow:0 0 12px rgba(255,90,55,.35);}
.solar-body.jupiter{--y:28%;--size:58px;--delay:6.75s;background:repeating-linear-gradient(0deg,#a86f42 0 7px,#e8c18f 7px 13px,#8c573c 13px 19px,#e7b97f 19px 25px);box-shadow:inset -13px -8px 25px rgba(0,0,0,.45),0 0 18px rgba(226,177,115,.24);}
.solar-body.jupiter:after{top:calc(100% + 7px);}
.solar-body.saturn{--y:47%;--size:48px;--delay:8.1s;background:radial-gradient(circle at 32% 27%,#f5dc9d,#c49555 55%,#765331);box-shadow:inset -12px -8px 21px rgba(0,0,0,.48),0 0 16px rgba(242,194,110,.25);}
.solar-body.saturn{border:1px solid rgba(255,218,154,.25);}
.solar-body.saturn:before{left:-21px;width:90px;height:18px;background:transparent;border:2px solid rgba(229,202,151,.62);border-radius:50%;transform:translateY(-50%) rotate(-12deg);filter:blur(.3px);}
.solar-body.uranus{--y:67%;--size:34px;--delay:9.45s;background:radial-gradient(circle at 32% 27%,#c4ffff,#65cdd5 54%,#23717e);box-shadow:0 0 15px rgba(101,227,232,.3);}
.solar-body.neptune{--y:80%;--size:33px;--delay:10.8s;background:radial-gradient(circle at 32% 27%,#9dbaff,#406fd2 52%,#172d7b);box-shadow:0 0 15px rgba(82,130,255,.34);}

@keyframes solarCapture{
  0%{transform:translate3d(-30px,0,0) scale(.72);opacity:0;}
  6%{opacity:.92;}
  48%{transform:translate3d(44vw,0,0) scale(1);opacity:.95;}
  72%{transform:translate3d(72vw,0,0) scale(1.04);opacity:.92;}
  84%{transform:translate3d(88vw,0,0) scale(.72) rotate(18deg);opacity:.72;}
  92%{transform:translate3d(99vw,0,0) scale(.26) rotate(42deg);opacity:.18;}
  96%,100%{transform:translate3d(108vw,0,0) scale(.02);opacity:0;}
}
@keyframes holeSpin{to{transform:translate(-50%,-50%) rotate(348deg);}}
@keyframes holeSpinReverse{to{transform:translate(-50%,-50%) rotate(-372deg);}}
@keyframes holePulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.04)}}

@media(max-width:650px){
  .black-hole-attractor{right:-100px;width:160px;height:160px;}
  .black-hole-core{inset:31px;}
  .black-hole-ring.ring-1{width:126px;height:82px;}
  .black-hole-ring.ring-2{width:150px;height:94px;}
  .black-hole-ring.ring-3{width:166px;height:110px;}
  .black-hole-label{display:none;}
  .solar-body.sun{--size:55px;}
  .solar-body.jupiter{--size:44px;}
  .solar-body.saturn{--size:38px;}
  .solar-body.uranus,.solar-body.neptune{--size:27px;}
}
@media(prefers-reduced-motion:reduce){
  .solar-body,.black-hole-ring{animation:none!important;}
  .solar-body{left:48%;opacity:.75;}
  .black-hole-ring{transform:translate(-50%,-50%);}
}
/* ================================================================
   REFINED SITE-WIDE SPACE PROCESSION
   Homepage hero is intentionally untouched; this layer lives only
   in the shared header/background and is visible across the site.
   Bodies are larger, stars are denser, and dust particles are visible.
   ================================================================ */
.cosmic-background{z-index:0!important;position:fixed!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;background:#01030b!important;}
.moving-stars{z-index:1!important;}
.moving-star{width:2px!important;height:2px!important;opacity:calc(var(--opacity) + .08)!important;box-shadow:0 0 9px rgba(255,255,255,.9)!important;}
.s41{--top:6%;--size:2px;--opacity:0.62;--duration:29s;--delay:-2s}
.s42{--top:12%;--size:3px;--opacity:0.62;--duration:18s;--delay:-12s}
.s43{--top:18%;--size:2px;--opacity:0.62;--duration:25s;--delay:-15s}
.s44{--top:24%;--size:2px;--opacity:0.82;--duration:14s;--delay:-10s}
.s45{--top:30%;--size:3px;--opacity:0.62;--duration:21s;--delay:-15s}
.s46{--top:36%;--size:2px;--opacity:0.62;--duration:28s;--delay:-6s}
.s47{--top:42%;--size:2px;--opacity:0.62;--duration:17s;--delay:-14s}
.s48{--top:48%;--size:3px;--opacity:0.82;--duration:24s;--delay:0s}
.s49{--top:54%;--size:2px;--opacity:0.62;--duration:13s;--delay:-11s}
.s50{--top:60%;--size:2px;--opacity:0.62;--duration:20s;--delay:-10s}
.s51{--top:66%;--size:3px;--opacity:0.62;--duration:27s;--delay:-12s}
.s52{--top:72%;--size:2px;--opacity:0.82;--duration:16s;--delay:-4s}
.s53{--top:78%;--size:2px;--opacity:0.62;--duration:23s;--delay:-12s}
.s54{--top:84%;--size:3px;--opacity:0.62;--duration:12s;--delay:-6s}
.s55{--top:90%;--size:2px;--opacity:0.62;--duration:19s;--delay:-9s}
.s56{--top:96%;--size:2px;--opacity:0.82;--duration:26s;--delay:-20s}
.s57{--top:6%;--size:3px;--opacity:0.62;--duration:15s;--delay:0s}
.s58{--top:12%;--size:2px;--opacity:0.62;--duration:22s;--delay:-4s}
.s59{--top:18%;--size:2px;--opacity:0.62;--duration:29s;--delay:-5s}
.s60{--top:24%;--size:3px;--opacity:0.82;--duration:18s;--delay:-12s}
.s61{--top:30%;--size:2px;--opacity:0.62;--duration:25s;--delay:-5s}
.s62{--top:36%;--size:2px;--opacity:0.62;--duration:14s;--delay:-2s}
.s63{--top:42%;--size:3px;--opacity:0.62;--duration:21s;--delay:0s}
.s64{--top:48%;--size:2px;--opacity:0.82;--duration:28s;--delay:-12s}
.s65{--top:54%;--size:2px;--opacity:0.62;--duration:17s;--delay:-2s}
.s66{--top:60%;--size:3px;--opacity:0.62;--duration:24s;--delay:-18s}
.s67{--top:66%;--size:2px;--opacity:0.62;--duration:13s;--delay:-10s}
.s68{--top:72%;--size:2px;--opacity:0.82;--duration:20s;--delay:0s}
.s69{--top:78%;--size:3px;--opacity:0.62;--duration:27s;--delay:-21s}
.s70{--top:84%;--size:2px;--opacity:0.62;--duration:16s;--delay:-14s}
.s71{--top:90%;--size:2px;--opacity:0.62;--duration:23s;--delay:-10s}
.s72{--top:96%;--size:3px;--opacity:0.82;--duration:12s;--delay:0s}
.s73{--top:6%;--size:2px;--opacity:0.62;--duration:19s;--delay:-4s}
.s74{--top:12%;--size:2px;--opacity:0.62;--duration:26s;--delay:-6s}
.s75{--top:18%;--size:3px;--opacity:0.62;--duration:15s;--delay:0s}
.s76{--top:24%;--size:2px;--opacity:0.82;--duration:22s;--delay:-6s}
.s77{--top:30%;--size:2px;--opacity:0.62;--duration:29s;--delay:-8s}
.s78{--top:36%;--size:3px;--opacity:0.62;--duration:18s;--delay:-12s}
.s79{--top:42%;--size:2px;--opacity:0.62;--duration:25s;--delay:-20s}
.s80{--top:48%;--size:2px;--opacity:0.82;--duration:14s;--delay:-8s}
.cosmic-dust{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;}
.cosmic-dust i{position:absolute;display:block;border-radius:50%;background:rgba(205,224,255,.9);opacity:var(--dust-opacity);box-shadow:0 0 7px rgba(150,205,255,.5);animation:dustDrift var(--dust-duration) linear var(--dust-delay) infinite;will-change:transform,opacity;}
.cosmic-dust i:nth-child(3n){background:rgba(255,210,236,.9);box-shadow:0 0 8px rgba(255,135,210,.42);}
.cosmic-dust i:nth-child(5n){background:rgba(255,238,185,.9);box-shadow:0 0 8px rgba(255,205,112,.42);}
@keyframes dustDrift{0%{transform:translate3d(-25px,0,0) scale(.7);opacity:0}12%{opacity:var(--dust-opacity)}50%{transform:translate3d(8vw,-2vh,0) scale(1.15);opacity:calc(var(--dust-opacity) + .12)}88%{opacity:var(--dust-opacity)}100%{transform:translate3d(16vw,3vh,0) scale(.65);opacity:0}}

/* Larger, more legible planets */
.solar-procession{z-index:4!important;}
.solar-body{animation:solarCapture 108s cubic-bezier(.18,.68,.2,1) var(--delay) infinite!important;}
.solar-body.sun{--size:96px!important;--delay:0s!important;}
.solar-body.mercury{--size:22px!important;--delay:-12s!important;}
.solar-body.venus{--size:31px!important;--delay:-24s!important;}
.solar-body.earth{--size:37px!important;--delay:-36s!important;}
.solar-body.mars{--size:29px!important;--delay:-48s!important;}
.solar-body.jupiter{--size:76px!important;--delay:-60s!important;}
.solar-body.saturn{--size:64px!important;--delay:-72s!important;}
.solar-body.uranus{--size:46px!important;--delay:-84s!important;}
.solar-body.neptune{--size:44px!important;--delay:-96s!important;}
.solar-body:before{width:155px;height:3px;left:-125px;background:linear-gradient(90deg,transparent,rgba(130,190,255,.18),rgba(255,255,255,.72));}
.solar-body:after{font-size:8px;color:rgba(226,234,255,.78);}
.black-hole-attractor{width:270px!important;height:270px!important;right:-92px!important;}
.black-hole-core{inset:48px!important;}
.black-hole-ring.ring-1{width:214px!important;height:136px!important;border-width:10px 4px!important;}
.black-hole-ring.ring-2{width:250px!important;height:156px!important;border-width:4px 10px!important;}
.black-hole-ring.ring-3{width:278px!important;height:184px!important;}
.black-hole-label{font-size:8px!important;right:135px!important;}
@keyframes solarCapture{
  0%,.8%{transform:translate3d(-30px,0,0) scale(.72);opacity:0;}
  1.2%{transform:translate3d(0,0,0) scale(1);opacity:.98;}
  2.8%{transform:translate3d(22vw,0,0) scale(1.04);opacity:.98;}
  5%{transform:translate3d(52vw,0,0) scale(1.08);opacity:.98;}
  6.7%{transform:translate3d(72vw,0,0) scale(1.02) rotate(12deg);opacity:.94;}
  8.1%{transform:translate3d(88vw,0,0) scale(.72) rotate(25deg);opacity:.72;}
  9.2%{transform:translate3d(99vw,0,0) scale(.24) rotate(42deg);opacity:.2;}
  10%,100%{transform:translate3d(108vw,0,0) scale(.02);opacity:0;}
}
@media(max-width:650px){
  .moving-star{width:2px!important;height:2px!important;}
  .solar-body.sun{--size:70px!important;}
  .solar-body.jupiter{--size:56px!important;}
  .solar-body.saturn{--size:48px!important;}
  .solar-body.uranus{--size:35px!important;}
  .solar-body.neptune{--size:34px!important;}
  .black-hole-attractor{width:205px!important;height:205px!important;right:-116px!important;}
  .black-hole-core{inset:36px!important;}
  .black-hole-ring.ring-1{width:162px!important;height:104px!important;}
  .black-hole-ring.ring-2{width:188px!important;height:118px!important;}
  .black-hole-ring.ring-3{width:210px!important;height:140px!important;}
  .black-hole-label{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .solar-body,.black-hole-ring,.moving-star,.cosmic-dust i{animation:none!important;}
  .solar-body{left:38%;opacity:.8!important;transform:none!important;}
}

/* Stronger planet visibility across the whole site. */
.solar-body.sun{--size:120px!important;}
.solar-body.mercury{--size:32px!important;}
.solar-body.venus{--size:42px!important;}
.solar-body.earth{--size:50px!important;}
.solar-body.mars{--size:40px!important;}
.solar-body.jupiter{--size:96px!important;}
.solar-body.saturn{--size:82px!important;}
.solar-body.uranus{--size:60px!important;}
.solar-body.neptune{--size:58px!important;}
.solar-body:after{font-size:9px!important;}

@media(max-width:650px){
  .solar-body.sun{--size:88px!important;}
  .solar-body.mercury{--size:24px!important;}
  .solar-body.venus{--size:32px!important;}
  .solar-body.earth{--size:38px!important;}
  .solar-body.mars{--size:31px!important;}
  .solar-body.jupiter{--size:70px!important;}
  .solar-body.saturn{--size:60px!important;}
  .solar-body.uranus{--size:43px!important;}
  .solar-body.neptune{--size:42px!important;}
}

/* FINAL COSMIC PASS: oversized gravity well + highly visible planets. */
.black-hole-attractor{
  width:390px!important;height:390px!important;right:-142px!important;
  filter:drop-shadow(0 0 18px rgba(115,145,255,.18));
}
.black-hole-core{inset:70px!important;box-shadow:0 0 42px 14px rgba(0,0,0,.98),0 0 125px 42px rgba(0,0,0,.82),0 0 190px 70px rgba(70,90,180,.18)!important;}
.black-hole-ring.ring-1{width:310px!important;height:190px!important;border-width:14px 6px!important;opacity:.92!important;filter:blur(.7px)!important;}
.black-hole-ring.ring-2{width:355px!important;height:225px!important;border-width:6px 14px!important;opacity:.8!important;filter:blur(1.5px)!important;}
.black-hole-ring.ring-3{width:405px!important;height:255px!important;border-width:3px!important;opacity:.58!important;filter:blur(3px)!important;}
.black-hole-attractor:before,.black-hole-attractor:after{
  content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;
}
.black-hole-attractor:before{width:330px;height:250px;border:2px dashed rgba(130,170,255,.24);box-shadow:0 0 35px rgba(95,130,255,.12),inset 0 0 35px rgba(255,150,70,.08);animation:gravityOrbit 8s linear infinite;}
.black-hole-attractor:after{width:460px;height:330px;border:1px solid rgba(120,145,255,.12);filter:blur(1px);animation:gravityPulse 3s ease-in-out infinite;}
@keyframes gravityOrbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes gravityPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.04)}}
.solar-body.sun{--size:145px!important;}
.solar-body.mercury{--size:38px!important;}
.solar-body.venus{--size:50px!important;}
.solar-body.earth{--size:60px!important;}
.solar-body.mars{--size:48px!important;}
.solar-body.jupiter{--size:118px!important;}
.solar-body.saturn{--size:102px!important;}
.solar-body.uranus{--size:72px!important;}
.solar-body.neptune{--size:70px!important;}
.solar-body:before{width:190px!important;height:4px!important;left:-155px!important;}
.solar-body:after{font-size:10px!important;color:rgba(235,241,255,.9)!important;text-shadow:0 0 10px rgba(90,130,255,.9)!important;}
@media (max-width:700px){
 .black-hole-attractor{width:260px!important;height:260px!important;right:-100px!important;}
 .black-hole-core{inset:46px!important;}
 .black-hole-ring.ring-1{width:205px!important;height:128px!important;}
 .black-hole-ring.ring-2{width:235px!important;height:148px!important;}
 .black-hole-ring.ring-3{width:270px!important;height:172px!important;}
 .black-hole-attractor:before{width:220px;height:165px;}
 .black-hole-attractor:after{width:300px;height:220px;}
 .solar-body.sun{--size:105px!important;}
 .solar-body.mercury{--size:29px!important;}
 .solar-body.venus{--size:38px!important;}
 .solar-body.earth{--size:45px!important;}
 .solar-body.mars{--size:36px!important;}
 .solar-body.jupiter{--size:88px!important;}
 .solar-body.saturn{--size:76px!important;}
 .solar-body.uranus{--size:54px!important;}
 .solar-body.neptune{--size:52px!important;}
}
@media (prefers-reduced-motion:reduce){
 .black-hole-attractor:before,.black-hole-attractor:after{animation:none!important;}
}