:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #101218; background: #fafafa; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
body { display: grid; min-height: 100dvh; margin: 0; padding: 32px 24px; place-items: center; }
main { width: 100%; max-width: 390px; }
.wordmark { margin: 0; font-size: 29px; font-weight: 650; letter-spacing: -.06em; }
.tagline { margin: 8px 0 48px; color: #747472; font-size: 13px; }
h1 { margin: 0 0 28px; font-size: 22px; font-weight: 550; letter-spacing: -.025em; }
label { font-size: 12px; color: #747472; }
.password-row { display: flex; gap: 8px; margin-top: 9px; }
input, button { font: inherit; min-height: 48px; border: 1px solid #e0ddd6; border-radius: 11px; }
input { min-width: 0; width: 100%; padding: 12px 14px; background: white; }
button { flex: 0 0 48px; border-color: #101218; color: white; background: #101218; font-size: 23px; cursor: pointer; }
:focus-visible { outline: 2px solid #747472; outline-offset: 3px; }
.error { min-height: 36px; margin-top: 16px; color: #b92735; font-size: 13px; line-height: 1.6; }