.branded-login.login-page .page-header {
  background: #ebf8ff url('../images/main/main_bg_clean.png') center bottom / cover no-repeat;
  min-height: calc(100vh - 90px);
  min-height: calc(100svh - 90px);
  height: auto;
  display: flex;
  align-items: center;
  padding: 120px 0 56px;
}
.branded-login.login-page .page-header .container { padding: 0 24px; }
.branded-login .login-column { float: none; max-width: 420px; margin: 0 auto; padding: 0; }
.branded-login .card-signup { margin: 0; border: 1px solid rgba(109, 76, 65, .10); border-radius: 12px; background: #fff; box-shadow: 0 12px 36px rgba(109, 76, 65, .10); }
.branded-login .login-logo { padding: 32px 24px 18px; }
.branded-login .login-logo img { width: 190px; max-width: 100%; height: auto; }
.branded-login .login-mode-label { padding: 0 24px 12px; }
.branded-login .login-mode-title { margin: 0; font-size: 24px; font-weight: 800; line-height: 1.5; color: #333; text-wrap: balance; }
.branded-login .card-signup .card-content { padding: 0 28px 16px 12px; }
.branded-login .form-control { font-size: 15px; }
.branded-login .card-signup .footer { padding: 4px 28px 12px; }
.branded-login .footer button[type=submit] { width: 100%; min-height: 46px; margin: 0; background: #faa716; color: #1a1a1a; font-size: 15px; font-weight: 700; box-shadow: 0 3px 0 #F5D8B5; }
.branded-login .footer button[type=submit]:hover { background: #f0982a; }
.branded-login .login-help { padding: 8px 20px 28px; }
.branded-login .login-help-link { display: inline-block; padding: 10px 0; font-size: 14px; line-height: 1.5; color: #6D4C41; text-decoration: underline; text-underline-offset: 3px; }
.branded-login :is(a, button, input):focus-visible { outline: 2px solid #1a1a1a; outline-offset: 3px; }
@media (max-width: 480px) {
  .branded-login.login-page .page-header { padding: 105px 0 36px; }
  .branded-login .login-logo { padding-top: 26px; }
}