.login-layout { display: grid; min-block-size: 100svh; align-items: center; padding: var(--space-3) var(--space-2); }
.login-card { inline-size: 100%; max-inline-size: 30rem; margin-inline: auto; padding: clamp(1.25rem, 5vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.login-card h1 { font-size: clamp(1.8rem, 6vw, 2.5rem); line-height: 1.15; margin-block-end: var(--space-2); }
.login-intro, .login-help { color: var(--muted); }
.login-card form { display: grid; gap: var(--space-1); }
.login-card label { font-weight: 650; }
.login-card input { inline-size: 100%; min-block-size: 2.75rem; padding: .65rem; border: 1px solid var(--muted); border-radius: var(--radius); color: var(--ink); background: var(--surface); margin-block-end: var(--space-1); }
.login-message { min-block-size: 3.1em; margin: 0; color: var(--danger); overflow-wrap: anywhere; }
.login-help { margin-block: var(--space-3) 0; }