/* Guest authentication — compact, calm and consistent with the business workspace. */
body[data-page="login"] main.page-content { padding-top: 104px !important; }
body[data-page="login"] .access-shell {
  width: min(100%, 1120px);
  min-height: 500px;
  margin: 0 auto;
  border-radius: 10px;
}
body[data-page="login"] .access-intro { padding: clamp(40px, 5vw, 64px); }
body[data-page="login"] .access-intro::after {
  top: -18%;
  right: -22%;
  width: 68%;
  height: 76%;
  opacity: .72;
}
body[data-page="login"] .access-intro h1 { max-width: 500px; font-size: clamp(29px, 2.6vw, 36px) !important; line-height: 1.1 !important; }
body[data-page="login"] .access-intro > p { max-width: 480px; margin-top: 16px; font-size: 13px; }
body[data-page="login"] .access-assurance { margin-top: 24px; }
body[data-page="login"] .access-form-wrap { padding: clamp(40px, 5vw, 62px); }
body[data-page="login"] .access-form-head h2 { font-size: 29px !important; }
body[data-page="login"] .access-submit[aria-busy="true"] { cursor: wait; opacity: .72; }
body[data-page="login"] .access-help__signup a { border-bottom: 1px solid #a9b8c3; }
body[data-page="login"] .access-help__signup a:hover { border-color: #345f7f; }

body[data-page="register"] main.page-content > .container { max-width: 1120px !important; }
body[data-page="register"] .registration-page { width: 100%; }
body[data-page="register"] .registration-head { width: min(100%, 960px); margin: 0 auto 18px; }
body[data-page="register"] .registration-head .page-intro { max-width: 710px; }
body[data-page="register"] .registration-head .page-head__right .btn { min-height: 40px !important; }
body[data-page="register"] .kyc-form { margin-top: 0 !important; padding: 26px 30px 30px !important; }
body[data-page="register"] .kyc-stepper-min { margin-bottom: 19px; padding: 0 0 15px !important; }
body[data-page="register"] .kyc-step { padding-top: 2px !important; }
body[data-page="register"] .kyc-step .form-grid { max-width: 840px; margin: 14px auto 0 !important; }
body[data-page="register"] .kyc-title { width: min(100%, 840px); margin: 0 auto; }
body[data-page="register"] .kyc-step > .hint { width: min(100%, 840px); margin-right: auto !important; margin-left: auto !important; }
body[data-page="register"] .kyc-actions { padding-top: 18px; border-top: 1px solid #e5ebef; }
body[data-page="register"] .upload-card { padding: 14px 0 !important; border-bottom: 1px solid #e5ebef !important; }
body[data-page="register"] .upload-title { margin-bottom: 8px; color: #30495d; font-size: 11px; font-weight: 400 !important; }

@media (max-width: 980px) {
  body[data-page="login"] .access-shell { max-width: 760px; }
  body[data-page="login"] .access-intro { min-height: 300px !important; }
  body[data-page="login"] .access-form-wrap { min-height: 470px !important; }
}

@media (max-width: 620px) {
  body[data-page="login"] main.page-content { padding-top: 68px !important; }
  body[data-page="login"] main.page-content > .container { width: 100% !important; }
  body[data-page="login"] .access-shell { border-radius: 0; }
  body[data-page="login"] .access-intro { padding: 27px 20px 24px; }
  body[data-page="login"] .access-intro h1 { font-size: 27px !important; }
  body[data-page="login"] .access-form-wrap { padding: 30px 20px 34px; }
  body[data-page="register"] .registration-head { margin-bottom: 15px; }
  body[data-page="register"] .registration-head .page-head__right,
  body[data-page="register"] .registration-head .page-head__right .btn { width: 100% !important; }
  body[data-page="register"] .kyc-form { margin-inline: 0 !important; padding: 18px 14px 22px !important; }
}