.auth-slide{animation:7.2s linear both auth-fade}.auth-before{animation:7.2s both auth-outer;transform:translate(-50%)}.auth-before-inner{animation:7.2s both auth-inner;transform:translate(50%)}.auth-line{will-change:transform, opacity;animation:7.2s both auth-line;transform:translate(50%)}.auth-before,.auth-before-inner{will-change:transform}.auth-line-dots{filter:drop-shadow(0 0 6px #00000059);background-image:repeating-linear-gradient(#fffffff2 0 7px,#0000 7px 13px)}.auth-name{animation:.7s cubic-bezier(.22,1,.36,1) both auth-name;display:inline-block}@keyframes auth-fade{0%{opacity:0}7%{opacity:1}93%{opacity:1}to{opacity:0}}@keyframes auth-outer{0%,16%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(0,0)}58%,to{transform:translate(-100%)}}@keyframes auth-inner{0%,16%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(0,0)}58%,to{transform:translate(100%)}}@keyframes auth-line{0%,10%{opacity:0;transform:translate(100%)}16%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(100%)}58%{opacity:1;transform:translate(0%,0)}66%,to{opacity:0;transform:translate(0%,0)}}@keyframes auth-name{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-rise{animation:.7s cubic-bezier(.22,1,.36,1) both auth-rise;animation-delay:calc(var(--d,0) * 60ms)}@media (prefers-reduced-motion:reduce){.auth-stage .auth-slide,.auth-stage .auth-before,.auth-stage .auth-before-inner,.auth-stage .auth-line,.auth-stage .auth-name,.auth-rise{opacity:1;animation-name:none!important}}.auth-field{position:relative}.auth-input{background:var(--bg-elev);width:100%;height:3.5rem;color:var(--fg);border:1px solid var(--line-strong);transition:border-color .2s ease, box-shadow .25s var(--ease), background-color .2s ease;appearance:none;border-radius:1rem;padding:1.35rem 1rem .45rem;font-size:1rem;line-height:1.5rem;box-shadow:0 1px #00000005}.auth-input:hover{border-color:color-mix(in oklab, var(--fg) 24%, transparent)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.auth-input[aria-invalid=true]{border-color:var(--err)}.auth-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in oklab, var(--err) 14%, transparent)}.auth-input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--bg-elev) inset;-webkit-text-fill-color:var(--fg);caret-color:var(--fg)}.auth-label{pointer-events:none;color:var(--fg-muted);transform-origin:0;transition:transform .28s var(--ease), color .2s ease;font-size:1rem;line-height:1;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}:-webkit-any(.auth-input:focus+.auth-label,.auth-input:not(:placeholder-shown)+.auth-label,.auth-input:-webkit-autofill+.auth-label){transform:translateY(-1.05rem)scale(.76)}:is(.auth-input:focus+.auth-label,.auth-input:not(:placeholder-shown)+.auth-label,.auth-input:autofill+.auth-label){transform:translateY(-1.05rem)scale(.76)}.auth-input:focus+.auth-label{color:var(--accent)}.auth-input[aria-invalid=true]+.auth-label{color:var(--err)}.auth-input::placeholder{color:#0000}@media (min-width:1800px){.auth-input{height:4rem;padding-top:1.55rem;font-size:1.125rem}.auth-label{font-size:1.125rem}}