:root{--bg:#0a0a0c;--teal:#2dd4bf;--teal-bright:#5eead4;--cyan:#22d3ee;--indigo:#4f46e5;--indigo-deep:#1e1b4b;--navy:#0f172a;--star-white:#f8fafc}.cosmic-bg{z-index:-1;pointer-events:none;background:var(--bg);isolation:isolate;position:fixed;inset:0;overflow:hidden}.cosmic-bg__nebula,.cosmic-bg__dust-parallax,.cosmic-bg__dust,.cosmic-bg__bloom,.cosmic-bg__grain,.cosmic-bg__galaxy,.cosmic-bg__stars,.cosmic-bg__grid{pointer-events:none;position:absolute;inset:0}.cosmic-bg__nebula{opacity:var(--cosmic-glow-scale,1);background:radial-gradient(ellipse 42% 36% at 17% 14%, color-mix(in srgb, var(--teal) calc(var(--cosmic-nebula-teal,.14) * 100%), transparent), transparent 75%), radial-gradient(ellipse 44% 39% at 88% 24%, color-mix(in srgb, var(--indigo) calc(var(--cosmic-nebula-indigo,.16) * 100%), transparent), transparent 74%), radial-gradient(ellipse 55% 42% at 60% 95%, color-mix(in srgb, var(--indigo-deep) calc(var(--cosmic-nebula-deep,.2) * 100%), transparent), transparent 72%), radial-gradient(ellipse 30% 34% at 4% 78%, #22d3ee14, transparent 74%);transform-origin:50%;animation:cosmic-nebula-drift var(--cosmic-nebula-duration,90s) ease-in-out infinite alternate;will-change:transform}.cosmic-bg__dust-parallax--far{transform:translate3d(0, var(--cosmic-dust-far-y,0px), 0)}.cosmic-bg__dust-parallax--near{transform:translate3d(0, var(--cosmic-dust-near-y,0px), 0)}.cosmic-bg__dust{background:var(--navy);filter:blur(105px);opacity:.18;will-change:transform;border-radius:50%;width:160%;inset:auto auto auto -30%}.cosmic-bg__dust--far{height:25vh;animation:cosmic-dust-far var(--cosmic-dust-far-duration,140s) ease-in-out infinite alternate;top:35%;transform:rotate(-18deg)}.cosmic-bg__dust--near{opacity:.14;height:22vh;animation:cosmic-dust-near var(--cosmic-dust-near-duration,110s) ease-in-out infinite alternate;top:66%;transform:rotate(12deg)}.cosmic-bg__bloom{aspect-ratio:1;width:clamp(240px,32vw,520px);filter:blur(var(--cosmic-bloom-blur,150px));mix-blend-mode:screen;opacity:var(--cosmic-bloom-min,.25);border-radius:50%;position:absolute;inset:auto}.cosmic-bg__bloom--teal{background:var(--teal);animation:cosmic-bloom var(--cosmic-bloom-teal-duration,15s) ease-in-out infinite alternate;top:8%;left:-9%}.cosmic-bg__bloom--indigo{background:var(--indigo);animation:cosmic-bloom var(--cosmic-bloom-indigo-duration,18s) ease-in-out -7s infinite alternate;bottom:4%;right:-11%}.cosmic-bg__grain{z-index:5;opacity:.1;mix-blend-mode:overlay;width:100%;height:100%}.cosmic-bg__galaxy{z-index:6;width:var(--cosmic-galaxy-size,640px);height:var(--cosmic-galaxy-size,640px);opacity:.22;filter:blur(1.3px);transform-origin:50%;max-width:48vw;max-height:70vh;translate:0 var(--cosmic-galaxy-y,0px);animation:cosmic-galaxy-rotate var(--cosmic-galaxy-duration,600s) linear infinite;inset:1.5rem 1.5rem auto auto;overflow:visible}.cosmic-bg__stars{z-index:7;width:100%;height:100%}.cosmic-bg__grid{z-index:8;opacity:var(--cosmic-grid-opacity,.035);background-image:linear-gradient(to right, var(--teal) 1px, transparent 1px), linear-gradient(to bottom, var(--teal) 1px, transparent 1px);background-size:var(--cosmic-grid-spacing,72px) var(--cosmic-grid-spacing,72px);-webkit-mask-image:radial-gradient(#0000 0 15%,#000000b3 42%,#0000 88%);mask-image:radial-gradient(#0000 0 15%,#000000b3 42%,#0000 88%)}@keyframes cosmic-nebula-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.08)}}@keyframes cosmic-dust-far{0%{transform:rotate(-18deg)translate(-1.5%,-6%)}to{transform:rotate(-18deg)translate(1.5%,6%)}}@keyframes cosmic-dust-near{0%{transform:rotate(12deg)translate(1%,5%)}to{transform:rotate(12deg)translate(-1%,-5%)}}@keyframes cosmic-bloom{0%{opacity:var(--cosmic-bloom-min,.25)}to{opacity:calc(var(--cosmic-bloom-max,.5) * var(--cosmic-glow-scale,1))}}@keyframes cosmic-galaxy-rotate{to{transform:rotate(360deg)}}@media (max-width:767px){.cosmic-bg__dust{filter:blur(68px)}.cosmic-bg__bloom{filter:blur(var(--cosmic-bloom-mobile-blur,90px))}.cosmic-bg__galaxy{width:min(78vw,400px);max-width:none;height:min(78vw,400px);max-height:none;animation:none;top:-2rem;right:-3rem}}@media (prefers-reduced-motion:reduce){.cosmic-bg__nebula,.cosmic-bg__dust,.cosmic-bg__bloom,.cosmic-bg__galaxy{will-change:auto;animation:none!important}.cosmic-bg__dust-parallax--far,.cosmic-bg__dust-parallax--near,.cosmic-bg__galaxy{transform:translate(0,0)}}:root[data-theme=light] .cosmic-bg,.light .cosmic-bg{opacity:0}