.auth-logo { max-width: 200px; }
.auth-verification-card { max-width: 520px; border: 1px solid var(--bs-border-color); border-radius: 1.25rem; box-shadow: var(--bs-box-shadow-lg); }
.auth-verification-code { min-height: 3.6rem; padding: .65rem 1rem; font-size: 1.55rem; font-weight: 700; letter-spacing: .55em; text-indent: .55em; }
.auth-verification-code::placeholder { letter-spacing: normal; text-indent: 0; }
.auth-resend-row { flex-wrap: wrap; gap: .25rem 0; }
.auth-verification-page #main-wrapper { min-height: 100dvh; }

@media (max-width: 575.98px) {
  .auth-verification-page .min-vh-100 { min-height: 100dvh !important; padding: 1rem; }
  .auth-verification-page .row.my-5 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .auth-verification-card { max-width: 100%; border-radius: 1rem; }
  .auth-verification-card .card-body { padding: 1.25rem 1rem; }
  .auth-verification-card .row.py-4 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
  .auth-logo { max-width: 165px; margin-inline: auto; }
  .auth-verification-code { min-height: 3.4rem; font-size: 1.35rem; letter-spacing: .42em; text-indent: .42em; }
  .auth-resend-row { justify-content: center; text-align: center; }
}