/* Registration layout: natural page scrolling and stable OTP controls. */
html, body.auth-page { min-height: 100%; overflow-x: hidden; }
body.auth-page { padding-top: 82px; }
.auth-register-page .auth-wrap { min-height: calc(100vh - 82px); align-items: stretch; }
.auth-register-page .auth-left { min-height: calc(100vh - 82px); }
.auth-register-page .auth-right { overflow: visible; align-items: flex-start; padding: 34px clamp(22px,3vw,48px) 60px; }
.auth-register-page .auth-card.auth-card-wide { max-width: 980px; }
.auth-register-page .otp-contact-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.auth-register-page .otp-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; align-items: stretch; }
.auth-register-page .otp-row > input { width: 100%; min-width: 0; margin: 0; }
.auth-register-page .otp-row > button { min-width: 112px; margin: 0; }
.auth-register-page .otp-status { margin-bottom: 4px; }
@media (max-width:1000px) {
  .auth-register-page .auth-left { display: none; }
  .auth-register-page .auth-wrap { display: block; }
  .auth-register-page .auth-right { min-height: calc(100vh - 82px); padding: 28px 22px 60px; }
}
@media (max-width:760px) {
  body.auth-page { padding-top: 112px; }
  .auth-register-page .auth-right { min-height: calc(100vh - 112px); padding: 18px 12px 50px; }
  .auth-register-page .auth-card { padding: 22px 16px; box-shadow: 5px 5px 0 #f2a516; }
  .auth-register-page .otp-contact-row { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width:480px) {
  .auth-register-page .otp-row { grid-template-columns: 1fr; }
  .auth-register-page .otp-row > button { width: 100%; min-height: 46px; }
  .auth-register-page .otp-verify { grid-template-columns: minmax(0,1fr) auto; }
  .auth-register-page .otp-verify > button { width: auto; min-width: 100px; }
}