/* Focused authentication layout — separate from lead-generation forms.
   The shared chrome (.site-header, .site-nav, .btn, .site-footer) is no
   longer scoped to body:not(.dashboard):not(.auth-page) in styles.css,
   so it's already identical here without needing a local copy -- only
   .hero (below) still needs its own rule for the narrower auth layout. */
.auth-page { min-height: 100vh; background: #f4f7fa; }
.auth-page .hero { padding: 3.5rem 0 2.25rem; background: linear-gradient(135deg, #eff7f7 0%, #f4f7fa 55%, #e7f0f7 100%); }
.auth-page .hero h1 { color: #15243a; letter-spacing: -.035em; }
.auth-page main > section:last-child { padding: 0 0 3.5rem; background: transparent; }
.auth-page .assessment { width: min(100%, 34rem); margin: 0 auto; padding: 2rem; border: 1px solid #d9e1ea; border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(19, 37, 62, .11); }
.auth-page .assessment h2 { margin-bottom: .4rem; color: #15243a; }
.auth-page .auth-form { display: grid; gap: .55rem; margin: 1.5rem 0 0; padding: 0; border: 0; }
.auth-page .auth-form label { margin: 0; padding-top: .35rem; font-size: .88rem; color: #32445b; }
.auth-page .auth-form input { min-height: 2.8rem; margin: 0; padding: .65rem .75rem; border: 1px solid #bfcbd8; border-radius: 8px; color: #162033; background: #fff; }
.auth-page .auth-form input:focus { outline: none; border-color: #0b7568; box-shadow: 0 0 0 3px rgba(11,117,104,.14); }
.auth-page .auth-form .btn { position: static; display: inline-flex; justify-self: start; min-height: 2.8rem; margin: .85rem 0 0; padding: .65rem 1.15rem; border-radius: 8px; }
.auth-page .auth-form .form-status { min-height: 0; margin: .2rem 0 0; }
.auth-page .auth-helper { margin: 1.35rem 0 0; padding-top: 1.2rem; border-top: 1px solid #e3e8ee; font-size: .92rem; }
.auth-page .auth-helper a { color: #086858; font-weight: 650; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.auth-page .auth-helper a:hover { color: #054d43; }
@media (max-width: 560px) {
  .auth-page .hero { padding: 2.6rem 0 1.75rem; }
  .auth-page .assessment { padding: 1.35rem; border-radius: 13px; }
  .auth-page .auth-form .btn { width: 100%; }
}