.star-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.star-field::before,.star-field::after{content:"";position:absolute;inset:0}.star-field::before{background-image:radial-gradient(1px 1px at 10% 20%, rgba(255, 255, 255, 0.8), transparent),radial-gradient(1px 1px at 30% 65%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 55% 15%, rgba(255, 255, 255, 0.7), transparent),radial-gradient(1px 1px at 70% 45%, rgba(255, 255, 255, 0.5), transparent),radial-gradient(1px 1px at 85% 80%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(0.5px 0.5px at 45% 35%, rgba(255, 255, 255, 0.4), transparent),radial-gradient(0.5px 0.5px at 20% 75%, rgba(255, 255, 255, 0.3), transparent),radial-gradient(0.5px 0.5px at 65% 55%, rgba(255, 255, 255, 0.5), transparent),radial-gradient(0.5px 0.5px at 90% 25%, rgba(255, 255, 255, 0.4), transparent),radial-gradient(1px 1px at 5% 50%, rgba(255, 255, 255, 0.5), transparent),radial-gradient(1px 1px at 40% 80%, rgba(255, 255, 255, 0.4), transparent),radial-gradient(1px 1px at 75% 10%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(0.5px 0.5px at 95% 60%, rgba(255, 255, 255, 0.3), transparent);background-size:300px 300px;animation:twinkle 4s ease-in-out infinite alternate}.star-field::after{background-image:radial-gradient(1px 1px at 25% 50%, rgba(255, 255, 255, 0.5), transparent),radial-gradient(1px 1px at 50% 30%, rgba(255, 255, 255, 0.7), transparent),radial-gradient(1px 1px at 80% 15%, rgba(200, 180, 255, 0.6), transparent),radial-gradient(0.5px 0.5px at 75% 70%, rgba(255, 255, 255, 0.4), transparent),radial-gradient(0.5px 0.5px at 15% 90%, rgba(255, 255, 255, 0.3), transparent),radial-gradient(0.5px 0.5px at 60% 10%, rgba(255, 255, 255, 0.5), transparent),radial-gradient(1px 1px at 35% 40%, rgba(180, 220, 255, 0.4), transparent),radial-gradient(1px 1px at 90% 85%, rgba(255, 255, 255, 0.5), transparent);background-size:250px 250px;animation:twinkle 6s ease-in-out 1.5s infinite alternate}@keyframes twinkle{0%{opacity:.2}100%{opacity:.7}}.nebula-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 15% 20%, rgba(124, 58, 237, 0.12), transparent 65%),radial-gradient(ellipse 50% 50% at 85% 70%, rgba(6, 182, 212, 0.08), transparent 65%),radial-gradient(ellipse 40% 35% at 50% 90%, rgba(217, 70, 239, 0.07), transparent 55%),radial-gradient(ellipse 30% 30% at 70% 10%, rgba(34, 211, 238, 0.06), transparent 50%);animation:nebula-drift 25s ease-in-out infinite alternate}@keyframes nebula-drift{0%{transform:translate(0, 0) scale(1);opacity:.8}50%{transform:translate(20px, -10px) scale(1.03);opacity:1}100%{transform:translate(30px, -20px) scale(1.05);opacity:.8}}.glow-pulse{animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 15px rgba(124,58,237,.35),0 0 30px rgba(124,58,237,.15)}50%{box-shadow:0 4px 25px rgba(124,58,237,.6),0 0 50px rgba(124,58,237,.25),0 0 80px rgba(34,211,238,.1)}}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(22,27,46,.72);border:1px solid rgba(124,58,237,.18)}.glass-light{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.82);border:1px solid rgba(0,0,0,.07)}.cosmic-border-glow{position:relative;transition:box-shadow .3s ease}.cosmic-border-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg, rgba(124, 58, 237, 0.5), rgba(34, 211, 238, 0.5));z-index:-1;opacity:0;transition:opacity .3s ease}.cosmic-border-glow:hover::before{opacity:1}.cosmic-border-glow:hover{box-shadow:0 0 20px rgba(124,58,237,.25)}.countdown-ring{width:120px;height:120px;position:relative;filter:drop-shadow(0 0 12px rgba(124, 58, 237, 0.5))}.countdown-ring svg{width:120px;height:120px}.countdown-ring svg circle{fill:none;stroke-width:4;stroke-linecap:round}.countdown-ring svg .ring-bg{stroke:rgba(124,58,237,.2)}.countdown-ring svg .ring-progress{stroke:url(#cosmic-gradient);stroke-dasharray:339.292;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset 1s linear}@media(prefers-reduced-motion: reduce){.star-field::before,.star-field::after,.nebula-glow,.glow-pulse{animation:none !important}.countdown-ring svg .ring-progress{transition:none !important}}