.login-page { display: grid; min-height: 100vh; place-items: center; padding: var(--space-6); }
.login-card {
  width: min(100%, 380px); padding: 28px; border: 1px solid var(--line);
  border-radius: var(--radius-l); background: var(--surface); box-shadow: var(--shadow-1);
}
.login-card h1 { font-size: 20px; }
.login-card p { color: var(--muted); margin-top: var(--space-2); }
.login-form { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.login-form .remember { display: flex; align-items: center; gap: var(--space-2); }
.login-form .remember input { width: auto; min-height: 0; }
.login-error { color: var(--danger) !important; font-weight: 600; }