/* Shared authentication presentation, scoped away from landing pages. */
.auth-page .auth-panel { max-width: 520px; margin: 0 auto 40px; }
.auth-page .auth-heading { font-size: 22px; margin: 0 0 12px; letter-spacing: -.5px; }
.auth-page .text-secondary,
.auth-page .form-text { color: #6a7b82 !important; }
.auth-page .form-label { color: #405760; font-size: 13px; font-weight: 620; }
.auth-page .form-text { font-size: 12px; }
.auth-page .stack > div { min-width: 0; }
.auth-page .btn { white-space: normal; }
.auth-page .border-top { border-color: var(--line) !important; }
.auth-page .form-control { width: 100%; }
.auth-page #code { font-size: 1.25rem; }
.auth-page .btn-primary,
.auth-page .btn-outline-primary { --bs-btn-focus-shadow-rgb: 22, 78, 99; }
.auth-page .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--teal); --bs-btn-border-color: var(--teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--teal2); --bs-btn-hover-border-color: var(--teal2);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b3443; --bs-btn-active-border-color: #0b3443;
  --bs-btn-disabled-bg: var(--teal); --bs-btn-disabled-border-color: var(--teal);
}
.auth-page .btn-outline-primary {
  --bs-btn-color: var(--teal); --bs-btn-border-color: var(--teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--teal); --bs-btn-hover-border-color: var(--teal);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--teal2); --bs-btn-active-border-color: var(--teal2);
  --bs-btn-disabled-color: var(--teal); --bs-btn-disabled-border-color: var(--teal);
}
@media (max-width: 575px) {
  .auth-page .auth-panel { padding: 22px; margin-bottom: 24px; }
}