.login-page {
  display: flex; align-items: center; justify-content: center;
  min-height: 100vh;
  background: #f5f5f5;
}
.login-card {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  width: 380px; padding: var(--spacing-2xl);
}
.login-logo { text-align: center; margin-bottom: var(--spacing-2xl); }
.login-logo h1 { font-size: var(--fs-2xl); color: var(--accent); letter-spacing: -0.03em; }
.login-logo p { font-size: var(--fs-sm); color: var(--text-muted); margin-top: 4px; }
.login-form { display: flex; flex-direction: column; gap: var(--spacing-lg); }
.login-form .field { margin-bottom: 0; }
.login-form .btn-primary { width: 100%; padding: 10px; font-size: var(--fs-base); }
.login-footer { text-align: center; margin-top: var(--spacing-lg); font-size: var(--fs-xs); color: var(--text-muted); }
.login-footer a { color: var(--info); }
.login-error {
  background: rgba(255, 83, 71, 0.1); border: 1px solid var(--danger);
  border-radius: var(--radius-md); padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--fs-sm); color: var(--danger); display: none;
}