.login-wrap {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--surface-2);
  background-image: radial-gradient(circle at 20% 20%, rgba(232,121,29,0.06), transparent 40%),
                     radial-gradient(circle at 80% 80%, rgba(11,18,87,0.05), transparent 40%);
}
.login-card {
  width: 380px; background: var(--surface-0); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: var(--space-8) var(--space-6);
}
.login-logo { display: flex; justify-content: center; margin-bottom: var(--space-6); }
.login-logo img { height: 46px; }
.login-title { text-align: center; font-size: var(--fs-lg); font-weight: 700; margin-bottom: var(--space-1); }
.login-subtitle { text-align: center; font-size: var(--fs-sm); color: var(--text-tertiary); margin-bottom: var(--space-6); }
.login-error { background: var(--color-danger-bg); color: var(--color-danger); font-size: var(--fs-sm); padding: var(--space-3); border-radius: var(--radius-md); margin-bottom: var(--space-4); }
.login-card .btn-primary { width: 100%; height: 40px; }
.login-footer { text-align: center; font-size: var(--fs-xs); color: var(--text-tertiary); margin-top: var(--space-6); }