.space-container{position:absolute;inset:0;overflow:hidden;background:#000003;transform:translateZ(0);will-change:contents}.glow-layer,.nebula-layer,.space-bg,.stars-layer{position:absolute;inset:0;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.space-bg{background:radial-gradient(ellipse 120% 120% at 30% 40%,rgba(10,5,20,.9) 0,transparent 60%),radial-gradient(ellipse 120% 120% at 70% 60%,rgba(5,10,25,.9) 0,transparent 60%),radial-gradient(ellipse 150% 150% at 50% 50%,rgba(3,3,12,1) 0,rgba(0,0,5,1) 100%)}.nebula-layer{background:radial-gradient(ellipse 50% 70% at 0 50%,rgba(150,30,50,.4) 0,transparent 50%),radial-gradient(ellipse 50% 65% at 95% 25%,rgba(40,80,160,.4) 0,transparent 50%),radial-gradient(ellipse 70% 55% at 20% 95%,rgba(60,30,90,.35) 0,transparent 50%),radial-gradient(ellipse 40% 50% at 50% 85%,rgba(180,60,120,.25) 0,transparent 50%);opacity:0;animation:fadeInNebula .3s ease-out .1s forwards}.stars-layer{background-image:radial-gradient(1px 1px at 5% 10%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 25% 50%,rgba(200,215,255,.55),transparent),radial-gradient(1px 1px at 35% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 45% 70%,rgba(255,250,240,.55),transparent),radial-gradient(1px 1px at 55% 40%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 65% 85%,rgba(200,215,255,.55),transparent),radial-gradient(1px 1px at 75% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 55%,rgba(255,250,240,.55),transparent),radial-gradient(1px 1px at 95% 35%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 12% 18%,rgba(255,180,100,.9),transparent),radial-gradient(2px 2px at 88% 85%,rgba(100,180,255,.9),transparent),radial-gradient(2px 2px at 45% 25%,rgba(255,255,255,.95),transparent),radial-gradient(2px 2px at 18% 72%,rgba(255,120,100,.85),transparent)}.glow-layer{background:radial-gradient(ellipse 40% 50% at 20% 30%,rgba(150,50,100,.15) 0,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(50,100,180,.2) 0,transparent 70%);opacity:0;animation:fadeInGlow .5s ease-out .2s forwards}.stars-3d-container{position:absolute;inset:0;perspective:1200px;perspective-origin:75% 50%;transform:translateZ(0)}.fly-star{position:absolute;top:50%;left:75%;width:2px;height:2px;background:transparent;border-radius:50%;transform-style:preserve-3d;will-change:transform,opacity}.fly-star-1{box-shadow:-350px -250px 0 1.5px rgba(255,255,255,.85),300px 200px 0 1.5px rgba(200,220,255,.8);animation:flyThrough 25s linear infinite}.fly-star-2{box-shadow:250px -300px 0 1.5px rgba(200,220,255,.8),-320px 120px 0 1.5px rgba(255,255,255,.85);animation:flyThrough 30s linear infinite;animation-delay:-12s}.fly-star-3{box-shadow:-80px -380px 0 1.5px rgba(255,255,255,.8),380px 280px 0 1.5px rgba(200,220,255,.75);animation:flyThrough 20s linear infinite;animation-delay:-8s}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 75% 50%,transparent 0,rgba(0,0,0,.6) 100%);pointer-events:none}@keyframes fadeInNebula{0%{opacity:0}to{opacity:1}}@keyframes fadeInGlow{0%{opacity:0}to{opacity:1}}@keyframes flyThrough{0%{transform:translateZ(-600px) scale(.2);opacity:0}15%{opacity:.7}50%{opacity:1}85%{opacity:.6}to{transform:translateZ(400px) scale(2.5);opacity:0}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.stars-layer{animation:twinkle 4s ease-in-out infinite;animation-delay:.5s}.login-panel{background:rgba(0,0,0,.5);border-right:1px solid rgba(255,255,255,.1)}.logo-glow{filter:drop-shadow(0 0 40px rgba(255,255,255,.2))}@media (prefers-reduced-motion:reduce){.fly-star,.glow-layer,.nebula-layer,.stars-layer{animation:none!important}.glow-layer,.nebula-layer{opacity:1}}