.auth{background:var(--frame);place-items:center;min-height:100dvh;padding:40px 24px;display:grid}.auth .panel{border-radius:var(--r-frame);width:100%;max-width:420px;box-shadow:var(--shadow-frame);border:0;flex-direction:column;gap:16px;padding:36px 36px 28px;display:flex}.auth .wordmark{align-self:flex-start;margin-bottom:4px;text-decoration:none;display:inline-flex}.auth h1{letter-spacing:-.4px;margin:0;font-size:24px;font-weight:700;line-height:1.25}.auth .lead{color:var(--ink-2);margin:0;font-size:14px}.auth h1+.lead{margin-top:-8px}.auth .hint,.auth .muted{color:var(--ink-3);margin:0;font-size:14px}.auth .alt{text-align:center;color:var(--ink-2);margin:0;font-size:14px}.auth .alt a{color:var(--blue);font-weight:600;text-decoration:none}.auth .alt a:hover{text-underline-offset:2px;text-decoration:underline}.auth .panel>:not(.alt)+.alt{border-top:1px solid var(--line);padding-top:16px}.auth .or{color:var(--ink-3);align-items:center;gap:12px;font-size:13px;display:flex}.auth .or:before,.auth .or:after{content:"";border-top:1px solid var(--line);flex:1}@media (width<=520px){.auth{place-items:start center;padding:16px}.auth .panel{padding:28px 20px 24px}}