.login-page { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: var(--s4); }
.login-card { width: 100%; max-width: 400px; padding: var(--s4); border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.login-card h1 { font-size: 24px; margin-bottom: var(--s1); }
.login-card form { display: grid; margin-top: var(--s4); }
.login-card label { font-weight: 600; margin-bottom: var(--s1); }
.login-card input { width: 100%; height: 42px; margin-bottom: var(--s3); }
.login-card .btn { height: 42px; }
.login-error { min-height: 1.6em; color: var(--need); margin-bottom: var(--s3); }