.login-container { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; }
.login-card { width: 100%; max-width: 28rem; padding: 2rem; }
.login-card p { color: var(--color-muted); }
.login-card label { display: block; margin: 1.25rem 0 .5rem; font-weight: 600; }
.login-card input:not([type=hidden]) { width: 100%; padding: .75rem; border: .0625rem solid var(--color-border); border-radius: .5rem; background: var(--color-surface); color: var(--color-text); }
.login-card .primary-btn { margin-top: 1.5rem; width: 100%; }
.login-card .field-help { margin: .5rem 0 0; font-size: .8125rem; line-height: 1.5; }