.auth-shell{--auth-ink: color-mix(in oklab, var(--color-text) 88%, black);--auth-ink-2: color-mix(in oklab, var(--color-text) 74%, black);--auth-on-ink: var(--color-bg);--auth-on-ink-muted: color-mix(in oklab, var(--color-bg) 68%, transparent);--auth-on-ink-faint: color-mix(in oklab, var(--color-bg) 44%, transparent);--auth-beat: 17s}.auth-panel{position:relative;isolation:isolate;overflow:hidden;background-color:var(--auth-ink);background-image:radial-gradient(120% 80% at 78% 8%,color-mix(in oklab,var(--color-primary) 26%,transparent),transparent 62%),radial-gradient(90% 70% at 8% 96%,color-mix(in oklab,var(--color-accent) 18%,transparent),transparent 60%)}@media(min-width:1024px){.auth-panel__material{background-image:url(/auth-panel-material.webp);background-image:-webkit-image-set(url(/auth-panel-material.avif) type("image/avif"),url(/auth-panel-material.webp) type("image/webp"));background-image:image-set(url(/auth-panel-material.avif) type("image/avif"),url(/auth-panel-material.webp) type("image/webp"));background-size:cover;background-position:62% 50%;background-repeat:no-repeat}}.auth-panel__material{position:absolute;inset:0;z-index:0;opacity:.9;mix-blend-mode:luminosity;pointer-events:none}.auth-panel__tint{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(54% 34% at 92% 46%,color-mix(in oklab,var(--color-primary) 52%,transparent),transparent 70%),radial-gradient(70% 50% at 70% 78%,color-mix(in oklab,var(--color-accent) 24%,transparent),transparent 74%),radial-gradient(52% 36% at 6% 100%,color-mix(in oklab,var(--color-accent) 18%,transparent),transparent 76%)}.auth-panel__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--auth-ink) 72%,transparent),color-mix(in oklab,var(--auth-ink) 34%,transparent) 42%,color-mix(in oklab,var(--auth-ink) 82%,transparent))}.auth-aurora{position:absolute;z-index:1;pointer-events:none;border-radius:50%;filter:none;will-change:transform}.auth-aurora--warm{inset:22% -34% auto auto;width:74%;aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-primary) 26%,transparent),transparent 72%);animation:auth-drift-a 46s var(--ease-in-out) infinite}.auth-aurora--cool{inset:auto auto -28% -24%;width:66%;aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-accent) 26%,transparent),transparent 74%);animation:auth-drift-b 62s var(--ease-in-out) infinite}@keyframes auth-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-5%,4%,0) scale(1.14)}}@keyframes auth-drift-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6%,-5%,0) scale(1.1)}}.auth-glass{background:color-mix(in oklab,var(--color-bg) 9%,transparent);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border:1px solid color-mix(in oklab,var(--color-bg) 16%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--color-bg) 22%,transparent),0 32px 64px -28px #000000a6}@media(prefers-reduced-transparency:reduce){.auth-glass{background:color-mix(in oklab,var(--auth-ink-2) 92%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}}.auth-beat-done{animation:auth-beat-done var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-done{0%,14%{opacity:0;transform:scale(.55)}22%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.55)}}.auth-beat-idle{animation:auth-beat-idle var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-idle{0%,14%{opacity:1}22%,90%{opacity:0}to{opacity:1}}.auth-beat-bar{transform-origin:left center;animation:auth-beat-bar var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-bar{0%,26%{transform:scaleX(0)}36%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}.auth-beat-weight{animation:auth-beat-weight var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-weight{0%,36%{opacity:0;transform:translate3d(0,7px,0)}45%,90%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,7px,0)}}.auth-beat-sign{animation:auth-beat-sign var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-sign{0%,50%{opacity:0;transform:translate3d(-104%,0,0)}66%,90%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-104%,0,0)}}.auth-beat-confirm{animation:auth-beat-confirm var(--auth-beat) var(--ease-out) infinite}@keyframes auth-beat-confirm{0%,66%{opacity:0;transform:translate3d(0,12px,0) scale(.95)}75%,90%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,12px,0) scale(.95)}}