/* Shared ambient glow for the landing and authentication pages. */
.ambient{
  --ambient-fade:var(--nav-height,0px);
  --ambient-mask:linear-gradient(to bottom,transparent var(--ambient-fade),#000 calc(var(--ambient-fade) + 560px));
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--glow-strength,.85);
  -webkit-mask-image:var(--ambient-mask);mask-image:var(--ambient-mask);
}
.ambient::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 10%,transparent 72%)}
.ambient i{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}
.ambient i:nth-child(1){width:640px;height:640px;left:4%;top:calc(var(--nav-height,0px) - 220px);background:#2f6bff;opacity:.34;animation:drift1 24s ease-in-out infinite alternate}
.ambient i:nth-child(2){width:580px;height:580px;right:2%;top:calc(var(--nav-height,0px) - 160px);background:#7c3aed;opacity:.34;animation:drift2 28s ease-in-out infinite alternate}
.ambient i:nth-child(3){width:420px;height:420px;left:38%;top:calc(var(--nav-height,0px) + 220px);background:#06b6d4;opacity:.16;animation:drift3 32s ease-in-out infinite alternate}
.ambient i:nth-child(4){width:360px;height:360px;right:12%;bottom:-140px;background:#db2777;opacity:.1;animation:drift1 30s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate3d(140px,90px,0) scale(1.15)}}
@keyframes drift2{to{transform:translate3d(-160px,110px,0) scale(.9)}}
@keyframes drift3{to{transform:translate3d(-120px,-60px,0) scale(1.25)}}
@media(prefers-reduced-motion:reduce){.ambient i{animation:none;will-change:auto}}