:root {
  --app-bg: #f6f8fb;
}

body {
  background: var(--app-bg);
}

.login-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(900px 480px at 15% 0%, rgba(13, 110, 253, 0.14), transparent 55%),
    radial-gradient(800px 420px at 95% 20%, rgba(111, 66, 193, 0.1), transparent 50%),
    var(--app-bg);
}

/* Chenar + umbră doar pe cardul formularului (nu pe zona logo) */
.login-card.card-soft {
  max-width: 100%;
  border: 1px solid rgba(16, 24, 40, 0.08);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

/* Logo în stânga, la fel de „înalt” ca zona formularului din dreapta */
.login-logo-pane {
  min-height: 0;
}

.login-logo-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (max-width: 575.98px) {
  .login-logo-pane {
    max-height: 7rem;
    min-height: 0;
  }

  .login-logo-img {
    max-height: 6.5rem;
  }
}

.link-muted {
  color: var(--bs-secondary-color);
  text-decoration: none;
}

.link-muted:hover {
  color: var(--bs-body-color);
}