.auth-page { min-height: 100vh; display: grid; place-items: center; padding: var(--s6) var(--s4); }
.auth-wrap { width: min(420px, 100%); display: grid; gap: var(--s5); }
.auth-brand { display: flex; align-items: center; gap: var(--s3); justify-content: center; }
.auth-card { padding: var(--s6); display: grid; gap: var(--s4); }
.auth-card h1 { font: 400 var(--h2)/1.2 var(--font-display); }
.auth-card p { font-size: var(--label); }
.auth-card form { display: grid; gap: var(--s4); }
.auth-field { display: grid; gap: var(--s1); font-size: var(--label); font-weight: 700; }
.auth-field input { height: 44px; padding: 0 var(--s3); border: var(--line) solid var(--border-strong); border-radius: var(--radius); background: var(--surface); color: var(--text); font-size: var(--body); font-weight: 400; }
.auth-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s2); }
.link-button.small { font-size: var(--small); }
.auth-submit { height: 44px; width: 100%; }
.auth-error { color: var(--bad); font-weight: 700; font-size: var(--label); }
.small { font-size: var(--small) !important; }
code { font-family: var(--font-mono); font-size: var(--small); background: var(--surface-sunken); padding: 1px 4px; border-radius: 3px; }