body:has(.hero) .band{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse 30% 13% at 72% 11%,#d7ffff22 0 1%,#6fe8ff12 8%,transparent 64%),radial-gradient(ellipse 58% 20% at 8% 14%,#48e0ff17,transparent 72%),radial-gradient(ellipse 54% 18% at 96% 38%,#976fff1c,transparent 74%),radial-gradient(ellipse 62% 17% at 10% 69%,#4ef7d813,transparent 75%),radial-gradient(ellipse 55% 16% at 91% 88%,#6478ff17,transparent 76%),linear-gradient(180deg,#111638 0%,#080b20 47%,#10132f 100%)}
body:has(.hero) .band:before{content:"";position:absolute;z-index:-2;inset:-2%;pointer-events:none;opacity:.86;background:radial-gradient(circle at 4% 7%,#d9fff3 0 1px,transparent 2px),radial-gradient(circle at 13% 19%,#70fbe6 0 1.7px,transparent 3px),radial-gradient(circle at 29% 4%,#a991ff 0 1px,transparent 2.2px),radial-gradient(circle at 43% 16%,#d9fff3 0 .8px,transparent 2px),radial-gradient(circle at 61% 8%,#70fbe6 0 1.3px,transparent 2.5px),radial-gradient(circle at 82% 22%,#b99fff 0 2px,transparent 3.5px),radial-gradient(circle at 95% 11%,#d9fff3 0 .7px,transparent 2px),radial-gradient(circle at 7% 34%,#9e87ff 0 1.4px,transparent 3px),radial-gradient(circle at 22% 43%,#70fbe6 0 .8px,transparent 2px),radial-gradient(circle at 48% 31%,#d9fff3 0 1.6px,transparent 3px),radial-gradient(circle at 73% 39%,#70fbe6 0 2px,transparent 4px),radial-gradient(circle at 91% 48%,#a991ff 0 1px,transparent 2.5px),radial-gradient(circle at 3% 63%,#70fbe6 0 1.9px,transparent 4px),radial-gradient(circle at 18% 72%,#d9fff3 0 .8px,transparent 2px),radial-gradient(circle at 37% 58%,#a991ff 0 1.3px,transparent 3px),radial-gradient(circle at 56% 77%,#70fbe6 0 .9px,transparent 2.5px),radial-gradient(circle at 79% 64%,#d9fff3 0 1.7px,transparent 3px),radial-gradient(circle at 97% 81%,#70fbe6 0 1px,transparent 2.6px),radial-gradient(circle at 11% 91%,#b99fff 0 1px,transparent 2px),radial-gradient(circle at 31% 86%,#70fbe6 0 2px,transparent 4px),radial-gradient(circle at 68% 94%,#a991ff 0 1.4px,transparent 3px),radial-gradient(circle at 88% 91%,#d9fff3 0 .8px,transparent 2px);filter:drop-shadow(0 0 6px #6ff8e6a0);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);animation:home-signal-stars 24s ease-in-out infinite alternate}
body:has(.hero) .band:after{content:"";position:absolute;z-index:-1;inset:-24% -18%;pointer-events:none;opacity:.52;background:conic-gradient(from 249deg at 72% 12%,transparent 0 5deg,#66f8e012 6deg,transparent 8deg 19deg,#9279ff13 20deg,transparent 22deg 41deg,#d9ffff10 42deg,transparent 44deg 69deg,#67cfff12 70deg,transparent 72deg 104deg,#ae86ff10 105deg,transparent 107deg 145deg,#65f8dd12 146deg,transparent 149deg 360deg);mask-image:radial-gradient(ellipse at 72% 12%,transparent 0 3%,#000 20%,transparent 73%);transform:scale(1.05);animation:home-cosmic-tunnel 7s cubic-bezier(.4,0,.2,1) infinite}
body:has(.hero) .band>.wrap{position:relative;z-index:1}body:has(.hero) .band>.wrap>*{position:relative;z-index:1}body:has(.hero) .band>.wrap>section{isolation:isolate}body:has(.hero) .band>.wrap>section:nth-of-type(2),body:has(.hero) .band>.wrap>section:nth-of-type(4){background:radial-gradient(ellipse at 0 48%,#57f8dc0b,transparent 58%)}body:has(.hero) .band>.wrap>section:nth-of-type(3),body:has(.hero) .band>.wrap>section:nth-of-type(5){background:radial-gradient(ellipse at 100% 46%,#9777ff0f,transparent 58%)}
.home-starlight{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;perspective:500px;mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent)}.home-starlight i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#dffeff;opacity:var(--o);box-shadow:0 0 calc(var(--s)*2) #8ffbea,0 0 calc(var(--s)*5) #7f9dff80;animation:home-star-warp var(--d) cubic-bezier(.25,.05,.35,1) var(--delay) infinite;will-change:transform,opacity}.home-starlight i:nth-child(3n){background:#b89cff;box-shadow:0 0 calc(var(--s)*3) #a88dff,0 0 calc(var(--s)*6) #725fff70}.home-starlight i:nth-child(7n){background:#d8ff77;box-shadow:0 0 calc(var(--s)*3) #caff6f,0 0 calc(var(--s)*6) #77ffd055}.home-starlight i.is-bright{border-radius:999px;transform-origin:left center}.home-starlight i.is-bright:after{content:"";position:absolute;right:40%;top:50%;width:clamp(22px,5vw,80px);height:1px;background:linear-gradient(90deg,transparent,#dffeffaa);transform:translateY(-50%);filter:blur(.3px)}@keyframes home-star-warp{0%{opacity:0;transform:translate3d(calc(var(--drift)*-.2),-3px,-180px) scale(.2)}18%{opacity:calc(var(--o)*.5)}72%{opacity:var(--o);transform:translate3d(var(--drift),3px,80px) scale(1.15)}100%{opacity:0;transform:translate3d(calc(var(--drift)*2.8),10px,210px) scale(2.2)}}
@keyframes home-signal-stars{0%{transform:translate3d(-.4%,0,0) scale(1);opacity:.66}37%{transform:translate3d(.9%,-.25%,0) scale(1.012);opacity:.92}100%{transform:translate3d(-.2%,.45%,0) scale(.995);opacity:.76}}@keyframes home-cosmic-tunnel{0%{transform:scale(.72) rotate(-2deg);opacity:.18}55%{opacity:.58}100%{transform:scale(1.35) rotate(3deg);opacity:.06}}@media(prefers-reduced-motion:reduce){body:has(.hero) .band:before,body:has(.hero) .band:after,.home-starlight i{animation:none}}@media(max-width:720px){body:has(.hero) .band:before{opacity:.58}body:has(.hero) .band:after{opacity:.3}.home-starlight i:nth-child(2n){display:none}}