/* Decorative space: behind the document, never in the interaction layer. */
body:has(.avix-cosmos){isolation:isolate;background:#020610}
.avix-cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#071b38 0,transparent 57%),linear-gradient(145deg,#02040a,#050b1c 60%,#020610);contain:strict}
.cosmos-cloud{position:absolute;width:105vmax;height:75vmax;left:-40vmax;top:-20vmax;border-radius:50%;will-change:transform;opacity:.75;animation:cosmos-drift 48s ease-in-out infinite alternate;background:radial-gradient(ellipse at 45% 48%,#126baf40,transparent 30%),radial-gradient(ellipse at 58% 55%,#073e8350,transparent 48%)}
.cosmos-cloud-violet{left:30vw;top:10vh;width:95vmax;height:90vmax;opacity:.55;animation-duration:65s;animation-direction:alternate-reverse;background:radial-gradient(ellipse at 40% 45%,#49379740,transparent 36%),radial-gradient(ellipse at 65% 65%,#13749430,transparent 46%)}
.cosmos-orbit{position:absolute;left:-35vw;top:42vh;width:135vw;height:62vw;min-height:420px;border:1px solid #479dff16;border-radius:50%;transform:rotate(-24deg);box-shadow:0 -1px 14px #458aff0a,inset 0 1px 25px #458aff06}
.cosmos-stars,.cosmos-vignette{position:absolute;inset:0;width:100%;height:100%}
.cosmos-vignette{background:radial-gradient(ellipse at 50% 40%,transparent 35%,#01040b75 100%)}
body:has(.avix-cosmos) .brand-panel{mix-blend-mode:screen}
body:has(.avix-cosmos) .form-card{background:linear-gradient(145deg,#0c1a2de8,#060d1bea 80%);box-shadow:0 15px 75px #0005,0 0 60px #247ddd0c,inset 0 1px 0 #a5ceff12}
@keyframes cosmos-drift{from{transform:translate3d(-2%,0,0) rotate(-8deg) scale(1)}to{transform:translate3d(8%,6%,0) rotate(7deg) scale(1.12)}}
@media(max-width:700px){.cosmos-cloud{opacity:.55}.cosmos-cloud-violet{opacity:.4}.cosmos-orbit{opacity:.5}}
@media(prefers-reduced-motion:reduce){.cosmos-cloud{animation:none;will-change:auto}}

.cosmos-paused .cosmos-cloud{animation-play-state:paused}