:root{--stars-density:0}.aurora-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(40% 30% at 20% 20%,rgba(255,0,128,.25),transparent 60%),radial-gradient(40% 30% at 80% 30%,rgba(0,200,255,.25),transparent 60%),radial-gradient(40% 30% at 50% 80%,rgba(0,255,170,.2),transparent 60%),radial-gradient(50% 40% at 30% 70%,rgba(0,148,96,.12),transparent 60%);background-repeat:no-repeat;background-size:200% 200%,200% 200%,200% 200%,200% 200%;background-position:50% 50%,50% 50%,50% 50%,50% 50%;opacity:.8;animation:aurora-shift 60s linear infinite}@keyframes aurora-shift{0%{background-position:50% 50%,50% 50%,50% 50%,100% 50%}50%{background-position:80% 40%,10% 60%,80% 80%,20% 20%}to{background-position:50% 50%,50% 50%,50% 50%,100% 50%}}.stars-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:transparent;opacity:clamp(0,var(--stars-density,1),1);background-image:radial-gradient(2px 2px at 20% 30%,hsla(0,0%,100%,.52),transparent 60%),radial-gradient(1.5px 1.5px at 60% 70%,hsla(0,0%,100%,.44),transparent 60%),radial-gradient(1px 1px at 80% 20%,hsla(0,0%,100%,.34),transparent 60%),radial-gradient(1.2px 1.2px at 35% 85%,hsla(0,0%,100%,.4),transparent 60%),radial-gradient(1.5px 1.5px at 10% 60%,hsla(0,0%,100%,.42),transparent 60%),radial-gradient(1px 1px at 45% 40%,hsla(0,0%,100%,.33),transparent 60%),radial-gradient(1.2px 1.2px at 75% 55%,hsla(0,0%,100%,.41),transparent 60%),radial-gradient(1px 1px at 90% 80%,hsla(0,0%,100%,.28),transparent 60%),radial-gradient(1px 1px at 15% 10%,hsla(0,0%,100%,.3),transparent 60%),radial-gradient(1.2px 1.2px at 12% 25%,hsla(0,0%,100%,.24),transparent 60%),radial-gradient(1px 1px at 28% 18%,hsla(0,0%,100%,.2),transparent 60%),radial-gradient(1.5px 1.5px at 42% 12%,hsla(0,0%,100%,.36),transparent 60%),radial-gradient(2px 2px at 58% 22%,hsla(0,0%,100%,.55),transparent 60%),radial-gradient(1px 1px at 71% 15%,hsla(0,0%,100%,.26),transparent 60%),radial-gradient(1.2px 1.2px at 83% 27%,hsla(0,0%,100%,.32),transparent 60%),radial-gradient(1px 1px at 94% 18%,hsla(0,0%,100%,.22),transparent 60%),radial-gradient(1.5px 1.5px at 6% 44%,hsla(0,0%,100%,.46),transparent 60%),radial-gradient(1px 1px at 18% 52%,hsla(0,0%,100%,.25),transparent 60%),radial-gradient(1.2px 1.2px at 27% 63%,hsla(0,0%,100%,.38),transparent 60%),radial-gradient(1px 1px at 39% 57%,hsla(0,0%,100%,.21),transparent 60%),radial-gradient(1.5px 1.5px at 52% 65%,hsla(0,0%,100%,.48),transparent 60%),radial-gradient(1px 1px at 66% 58%,hsla(0,0%,100%,.19),transparent 60%),radial-gradient(1.2px 1.2px at 74% 66%,hsla(0,0%,100%,.34),transparent 60%),radial-gradient(1px 1px at 87% 62%,hsla(0,0%,100%,.23),transparent 60%),radial-gradient(1.2px 1.2px at 93% 69%,hsla(0,0%,100%,.28),transparent 60%),radial-gradient(1px 1px at 9% 78%,hsla(0,0%,100%,.18),transparent 60%),radial-gradient(1.5px 1.5px at 21% 88%,hsla(0,0%,100%,.45),transparent 60%),radial-gradient(1px 1px at 33% 79%,hsla(0,0%,100%,.22),transparent 60%),radial-gradient(1.2px 1.2px at 46% 90%,hsla(0,0%,100%,.36),transparent 60%),radial-gradient(1px 1px at 58% 84%,hsla(0,0%,100%,.2),transparent 60%),radial-gradient(1.5px 1.5px at 70% 92%,hsla(0,0%,100%,.4),transparent 60%),radial-gradient(1px 1px at 82% 86%,hsla(0,0%,100%,.17),transparent 60%),radial-gradient(1.2px 1.2px at 95% 93%,hsla(0,0%,100%,.29),transparent 60%);background-repeat:no-repeat;filter:drop-shadow(0 0 2px rgba(92,92,92,.2));animation:stars-parallax 120s linear infinite}@keyframes stars-parallax{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.stars-tiles{position:fixed;inset:0;z-index:-3;pointer-events:none;background-color:transparent;background-image:repeating-radial-gradient(hsla(0,0%,100%,.28) 0 1px,transparent 2px),repeating-radial-gradient(hsla(0,0%,100%,.22) 0 1px,transparent 2px),repeating-radial-gradient(hsla(0,0%,100%,.18) 0 1px,transparent 2px);background-size:calc(260px / clamp(.25, var(--stars-density, 1), 4)),calc(320px / clamp(.25, var(--stars-density, 1), 4)),calc(380px / clamp(.25, var(--stars-density, 1), 4));background-position:0 0,40px 60px,-60px 30px;animation:stars-tiles-parallax 10000s linear infinite}@keyframes stars-tiles-parallax{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.starfield-canvas{position:fixed;inset:0;z-index:-4;width:100%;height:100%;pointer-events:none}@media (prefers-reduced-motion:reduce){.aurora-bg,.stars-bg,.stars-tiles{animation:none!important}}@media (max-width:640px){.aurora-bg{opacity:.65;animation-duration:120s}.stars-bg{opacity:min(.5,var(--stars-density,.6))}.stars-tiles{animation-duration:20000s}}@media (prefers-color-scheme:light){.aurora-bg{background-image:radial-gradient(42% 32% at 18% 22%,rgba(255,0,153,.45),transparent 60%),radial-gradient(42% 32% at 82% 28%,rgba(0,210,255,.42),transparent 60%),radial-gradient(42% 32% at 50% 78%,rgba(0,255,190,.35),transparent 60%),radial-gradient(52% 42% at 28% 72%,rgba(255,230,0,.24),transparent 60%);opacity:.95}}