.interactive-bg{z-index:-1;pointer-events:none;--parallax-y:0px;background-color:#0a0a0a;position:fixed;inset:0}.interactive-bg--onboarding{z-index:0;background-color:#0000;position:absolute}.interactive-bg__wave,.interactive-bg__glow{-webkit-mask-image:url(/auth-pattern-white-4k.webp);mask-image:url(/auth-pattern-white-4k.webp);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:center var(--parallax-y,0px);-webkit-mask-position:center var(--parallax-y,0px);mask-position:center var(--parallax-y,0px);position:absolute;inset:0}.interactive-bg__wave{opacity:.22;will-change:filter;backface-visibility:hidden;background:conic-gradient(from 200deg at -20% 118%,oklch(82% .18 84),oklch(79% .17 160),oklch(70% .21 291),oklch(82% .18 84));animation:48s linear infinite bg-hue-cycle;transform:translateZ(0)}@keyframes bg-hue-cycle{to{filter:hue-rotate(360deg)}}.interactive-bg__glow{--mx:50%;--my:50%;background:radial-gradient(circle 640px at var(--mx) var(--my), oklch(6% 0 0/.82) 0%, oklch(6% 0 0/.38) 32%, oklch(6% 0 0/.08) 58%, transparent 72%);opacity:.72;contain:paint}.interactive-bg--onboarding .interactive-bg__wave{opacity:.32}.interactive-bg--onboarding .interactive-bg__glow{opacity:.8}@media (width<=767px){.interactive-bg__wave,.interactive-bg__glow{-webkit-mask-size:200%;mask-size:200%}}@media (prefers-reduced-motion:reduce){.interactive-bg__wave{will-change:auto;animation:none}}