.auth{gap:var(--space-8);min-height:100dvh;padding:calc(var(--safe-top) + var(--space-10)) var(--gutter) calc(var(--safe-bottom) + var(--space-3));flex-direction:column;max-width:480px;margin:0 auto;display:flex}.auth__body{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.auth__footer{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.auth h1{font:var(--type-display-l);letter-spacing:var(--tracking-display);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}.auth__lead{font:var(--type-body);color:var(--ink-muted)}.auth__note{font:var(--type-caption);color:var(--ink-muted);text-align:center}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth .wordmark{font:var(--type-display-m);letter-spacing:-.02em;color:var(--ink);font-style:italic;font-weight:600}.auth .wordmark i{color:var(--accent-text)}.recovery-codes{gap:var(--space-4);flex-direction:column;display:flex}.recovery-codes__list{font-family:var(--font-mono);gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-1);counter-reset:code;grid-template-columns:repeat(auto-fill,minmax(18ch,1fr));display:grid}.recovery-codes__list li{counter-increment:code;gap:var(--space-2);min-width:0;display:flex}.recovery-codes__list li:before{content:counter(code, decimal-leading-zero);font:var(--type-label-l);font-family:var(--font-mono);color:var(--ink-faint);font-weight:500}.recovery-codes__list code{font:var(--type-label-l);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;font-weight:500}.recovery-codes__actions{gap:var(--space-2);display:flex}.recovery-codes__actions>*{flex:1}.recovery-codes__title{font:var(--type-display-l);letter-spacing:var(--tracking-display);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}h2.recovery-codes__title{font:var(--type-display-m)}