.cosmic-backdrop{--cb-base:#f2f5ff;--cb-grid:rgba(6,148,162,.11);--cb-void-a:rgba(200,210,255,.45);--cb-void-b:rgba(230,240,255,.85);--cb-nebula-a:rgba(120,100,220,.12);--cb-nebula-b:rgba(0,180,200,.1);--cb-nebula-c:rgba(220,100,180,.08);--cb-aur-1:rgba(80,140,220,.22);--cb-aur-2:rgba(0,170,190,.16);--cb-aur-3:rgba(200,100,180,.14);--cb-star:rgba(30,58,95,.55);--cb-scan:rgba(0,0,0,.025)}html.dark .cosmic-backdrop{--cb-base:#03040c;--cb-grid:rgba(0,245,255,.045);--cb-void-a:rgba(20,10,48,.9);--cb-void-b:rgba(8,20,40,.95);--cb-nebula-a:rgba(188,19,254,.14);--cb-nebula-b:rgba(0,245,255,.1);--cb-nebula-c:rgba(255,0,170,.09);--cb-aur-1:rgba(120,90,255,.35);--cb-aur-2:rgba(0,245,255,.22);--cb-aur-3:rgba(255,0,170,.18);--cb-star:hsla(0,0%,100%,.92);--cb-scan:rgba(0,0,0,.04)}.cosmic-backdrop__void{background:radial-gradient(ellipse 140% 100% at 50% 120%,var(--cb-void-a),transparent 55%),radial-gradient(ellipse 100% 60% at 50% -10%,var(--cb-void-b),transparent 50%),var(--cb-base);inset:0;pointer-events:none;position:fixed;z-index:0}.cosmic-backdrop__nebula{animation:cosmic-nebula-spin 90s linear infinite;background:conic-gradient(from 0deg at 50% 50%,var(--cb-nebula-a),transparent 16%,var(--cb-nebula-b),transparent 34%,var(--cb-nebula-c),transparent 52%,var(--cb-nebula-b),transparent 70%,var(--cb-nebula-a),transparent 88%,var(--cb-nebula-a));filter:blur(55px);inset:-60%;opacity:.75;pointer-events:none;position:fixed;z-index:0}html:not(.dark) .cosmic-backdrop__nebula{opacity:.55}@keyframes cosmic-nebula-spin{to{transform:rotate(1turn)}}.cosmic-backdrop__aurora{animation:cosmic-aurora-a 22s ease-in-out infinite;background:radial-gradient(ellipse 55% 45% at 25% 30%,var(--cb-aur-1),transparent 55%),radial-gradient(ellipse 50% 40% at 75% 65%,var(--cb-aur-2),transparent 50%),radial-gradient(ellipse 45% 50% at 50% 95%,var(--cb-aur-3),transparent 45%);filter:blur(48px);inset:-25%;mix-blend-mode:screen;opacity:.55;pointer-events:none;position:fixed;z-index:0}html:not(.dark) .cosmic-backdrop__aurora{filter:blur(56px);mix-blend-mode:multiply;opacity:.45}.cosmic-backdrop__aurora--b{animation:cosmic-aurora-b 28s ease-in-out infinite;animation-delay:-8s;background:radial-gradient(ellipse 50% 42% at 70% 25%,var(--cb-aur-2),transparent 52%),radial-gradient(ellipse 48% 48% at 15% 70%,var(--cb-aur-3),transparent 48%),radial-gradient(ellipse 40% 38% at 90% 85%,var(--cb-aur-1),transparent 50%)}@keyframes cosmic-aurora-a{0%,to{opacity:.72;transform:translate(0) scale(1) rotate(0)}33%{opacity:.9;transform:translate(6%,-4%) scale(1.08) rotate(4deg)}66%{opacity:.78;transform:translate(-5%,5%) scale(.96) rotate(-3deg)}}@keyframes cosmic-aurora-b{0%,to{opacity:.6;transform:translate(0) scale(1.02) rotate(0)}50%{opacity:.88;transform:translate(-7%,6%) scale(1.12) rotate(-5deg)}}.cosmic-backdrop__stars{animation:cosmic-stars-twinkle 7s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 8% 12%,var(--cb-star),transparent),radial-gradient(1px 1px at 22% 8%,var(--cb-star),transparent),radial-gradient(1.2px 1.2px at 35% 28%,var(--cb-star),transparent),radial-gradient(1px 1px at 48% 15%,var(--cb-star),transparent),radial-gradient(1px 1px at 62% 22%,var(--cb-star),transparent),radial-gradient(1px 1px at 78% 10%,var(--cb-star),transparent),radial-gradient(1.2px 1.2px at 92% 18%,var(--cb-star),transparent),radial-gradient(1px 1px at 12% 38%,var(--cb-star),transparent),radial-gradient(1px 1px at 28% 45%,var(--cb-star),transparent),radial-gradient(1px 1px at 55% 42%,var(--cb-star),transparent),radial-gradient(1.2px 1.2px at 72% 38%,var(--cb-star),transparent),radial-gradient(1px 1px at 88% 48%,var(--cb-star),transparent),radial-gradient(1px 1px at 5% 58%,var(--cb-star),transparent),radial-gradient(1px 1px at 42% 62%,var(--cb-star),transparent),radial-gradient(1px 1px at 65% 55%,var(--cb-star),transparent),radial-gradient(1.2px 1.2px at 95% 62%,var(--cb-star),transparent),radial-gradient(1px 1px at 18% 72%,var(--cb-star),transparent),radial-gradient(1px 1px at 38% 82%,var(--cb-star),transparent),radial-gradient(1px 1px at 58% 78%,var(--cb-star),transparent),radial-gradient(1.2px 1.2px at 82% 85%,var(--cb-star),transparent),radial-gradient(1px 1px at 15% 92%,var(--cb-star),transparent),radial-gradient(1px 1px at 50% 88%,var(--cb-star),transparent),radial-gradient(1px 1px at 70% 92%,var(--cb-star),transparent);background-repeat:no-repeat;background-size:100% 100%;inset:0;opacity:.48;pointer-events:none;position:fixed;z-index:0}html:not(.dark) .cosmic-backdrop__stars{opacity:.35}@keyframes cosmic-stars-twinkle{0%{filter:brightness(.94);opacity:.35}to{filter:brightness(1.12);opacity:.55}}.cosmic-backdrop__grid{background-image:linear-gradient(var(--cb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cb-grid) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 42%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 75% 75% at 50% 42%,#000 15%,transparent 72%)}.cosmic-backdrop__grid,.cosmic-backdrop__scan{inset:0;pointer-events:none;position:fixed;z-index:1}.cosmic-backdrop__scan{animation:cosmic-scan 10s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--cb-scan) 2px,var(--cb-scan) 4px)}@keyframes cosmic-scan{0%{opacity:.4}50%{opacity:.72}to{opacity:.4}}@media(prefers-reduced-motion:reduce){.cosmic-backdrop__aurora,.cosmic-backdrop__aurora--b,.cosmic-backdrop__nebula,.cosmic-backdrop__scan,.cosmic-backdrop__stars{animation:none}}