.auth-page {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(243, 156, 18, 0.08) 0%, rgba(44, 46, 51, 0.04) 42%, rgba(244, 246, 249, 1) 100%),
    var(--iduwa-bg-light);
}

.auth-shell {
  width: min(100%, 390px);
}

.auth-brand {
  color: var(--iduwa-dark-grey) !important;
  font-size: clamp(2.5rem, 9vw, 3.55rem);
  line-height: 1;
  width: fit-content;
  margin-inline: auto;
}

.auth-brand:visited,
.auth-brand:hover,
.auth-brand:focus {
  color: var(--iduwa-dark-grey) !important;
}

.auth-brand .bi,
.auth-brand-accent {
  color: var(--iduwa-orange) !important;
}

.auth-brand .fw-black {
  color: var(--iduwa-dark-grey) !important;
}

.auth-card {
  border: 1px solid var(--iduwa-border-color) !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 28px rgba(44, 46, 51, 0.07) !important;
}

.auth-card .card-body {
  padding: 1.65rem;
}

.auth-page .form-control,
.auth-page .btn,
.auth-page .form-check-input {
  border-radius: 0 !important;
}

.auth-page .form-control {
  border-color: var(--iduwa-border-color);
}

.auth-page .form-control:focus {
  border-color: var(--iduwa-orange) !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.16) !important;
}

.auth-submit {
  min-height: 44px;
}

.auth-back-link {
  color: var(--iduwa-grey);
}

.auth-back-link:hover {
  color: var(--iduwa-orange);
}

#authStatus {
  min-height: 1.25rem;
}

@media (max-width: 575.98px) {
  .auth-card .card-body {
    padding: 1.5rem;
  }
}