/* L3: account-flow shell background only. Locked to body.account-page.
   Do not use on cover, public pages, checkout, member pages, or admin. */
body.account-page {
  background-color: #071321;
  background-image:
    linear-gradient(180deg, rgba(7, 19, 33, 0.30), rgba(7, 19, 33, 0.38)),
    url("/assets/cover-bg.png?v=20260915-cover-v17");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* White-card type sizes for login, forgot-password, and register only. */
body.account-page .login-card .login-kind-tab,
body.account-page .login-card .password-toggle,
body.account-page .login-card .account-submit,
body.account-page .login-card .signin-options a,
body.account-page .login-card .account-switch,
body.account-page .login-card .account-switch a,
body.account-page .forgot-password-card #forgotPasswordSubmitBtn,
body.account-page .forgot-password-card .account-switch,
body.account-page .forgot-password-card .account-switch a,
body.account-page #registerForm .trial-plan-option strong,
body.account-page #registerForm .trial-plan-fieldset > legend,
body.account-page #registerForm .account-switch,
body.account-page #registerForm .account-switch a,
body.account-page #registrationFields .password-toggle,
body.account-page #registerSubmitBtn {
  font-size: 18px;
}

body.account-page .login-card .form-field,
body.account-page .login-card .form-field input,
body.account-page .login-card .form-field input::placeholder,
body.account-page .login-card .remember-row,
body.account-page .login-card .account-legal,
body.account-page .login-card .account-legal a,
body.account-page .forgot-password-card .form-field,
body.account-page .forgot-password-card .form-field input,
body.account-page .forgot-password-card .form-field input::placeholder,
body.account-page .forgot-password-card .account-legal,
body.account-page .forgot-password-card .account-legal a,
body.account-page #registerForm .terms-row,
body.account-page #registerForm .terms-row a,
body.account-page #registerForm .trial-plan-note,
body.account-page #registrationFields .form-field,
body.account-page #registrationFields .form-field em,
body.account-page #registrationFields .form-field input,
body.account-page #registrationFields .form-field input::placeholder,
body.account-page #registrationFields .form-field select {
  font-size: 16px;
}

body.account-page #registerForm .trial-plan-badge,
body.account-page #registerForm .trial-plan-option small {
  font-size: 14px;
}

/* Left-column type sizes for login, forgot-password, and register only. */
body.account-page:is(:has(#loginForm), :has(#forgotPasswordForm), :has(#registerForm)) .account-home-btn {
  font-size: 18px;
}

body.account-page:is(:has(#loginForm), :has(#forgotPasswordForm), :has(#registerForm)) .account-intro p {
  font-size: 20px;
}

body.account-page .register-order-summary > span {
  font-size: 18px;
}

body.account-page .register-order-summary strong {
  font-size: 30px;
}

body.account-page .register-order-summary small {
  font-size: 20px;
}
