.login-page {
  background:
    radial-gradient(circle at top left, rgba(245, 197, 24, 0.18), transparent 28%),
    radial-gradient(circle at bottom right, rgba(220, 38, 38, 0.12), transparent 32%),
    #f3f4f6;
}

.login-card {
  min-height: 34rem;
  border-color: #d1d5db !important;
}

.login-hero {
  min-height: 18rem;
  background: linear-gradient(135deg, #111827 0%, #1f2937 45%, #374151 100%) !important;
}

@media (min-width: 1024px) {
  .login-hero {
    min-height: 100%;
  }
}