.login { max-width: 400px; margin: 0 auto; padding: 14vh 16px 24px; }
.login .card { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 22px; margin: 22px 0 14px; display: flex; flex-direction: column; gap: 10px; }
.login label { font-weight: 600; }
.login .btn.primary { padding: 10px 22px; font-size: 16px; margin-top: 4px; }
.login .err { margin: 0; color: var(--danger); font-size: 14px; }
@media (max-width: 560px) { .login { padding-top: 9vh; } }