.auth{min-height:calc(100svh - var(--foot-h));background:radial-gradient(90% 70% at 50% 40%, var(--paper-lit) 0%, var(--paper) 55%, var(--paper-edge) 100%);padding-block:80px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));place-items:center;display:grid;position:relative}.auth .nav{z-index:2;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-left:max(16px, var(--gutter), env(safe-area-inset-left,0px));padding-right:max(16px, var(--gutter), env(safe-area-inset-right,0px));justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.auth__box{flex-direction:column;gap:26px;width:100%;max-width:420px;display:flex}.auth h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,6vw,60px);font-weight:500;line-height:1}.auth h1>span{color:var(--ink-soft);display:block}.auth h1 .wm,.auth h1 .ci{color:var(--ink);display:inline-block}.fields{flex-direction:column;gap:12px;display:flex}.input{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--raised);width:100%;height:48px;color:var(--ink);font:500 16px/1 var(--sans);letter-spacing:-.02em;outline:none;padding:0 22px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--ink-faint)}.input:focus-visible{border-color:var(--violet-text);box-shadow:0 0 0 3px #a58bff2e}.input.shake{animation:shake .36s var(--ease)}.input[aria-invalid=true]{border-color:#ff8a9a8c}.msg{min-height:18px;color:var(--ink-faint);padding-left:22px;font-size:13px}.msg.err{color:var(--error)}.auth .pill--primary{width:100%;height:48px}.auth__note{color:var(--ink-faint);margin:0;font-size:12.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.input.shake{animation:none}}