/* Guest pages use the same calm palette and typography as Money. */
body.money-auth:not(.app-shell) {
    --ml26-canvas: #fff;
    --ml26-ink: #142348;
    --ml26-text: #52637f;
    --ml26-muted: #8190aa;
    --ml26-line: #e2e9f4;
    --ml26-green: #286bca;
    --ml26-green-hover: #1958b1;
    --ml26-green-soft: #eaf2ff;
    background: #fff;
    color: #142348;
}
body.money-auth:not(.app-shell) .auth-left {
    width: min(42vw, 580px);
    max-width: none;
    padding: clamp(30px, 4vw, 64px);
    color: #142348;
    background: #f2f7ff;
    border-right: 1px solid #e2eaf6;
}
body.money-auth:not(.app-shell) .auth-left::before {
    inset: 18% -45% auto auto;
    width: 110%;
    height: 66%;
    border: 1px solid #e2ebfa;
    border-radius: 50%;
    background: transparent;
    transform: rotate(-32deg);
}
body.money-auth:not(.app-shell) .auth-left::after {
    position: absolute;
    inset: 27% -47% auto auto;
    display: block;
    width: 110%;
    height: 66%;
    content: '';
    border: 1px solid #e2ebfa;
    border-radius: 50%;
    transform: rotate(-32deg);
}
body.money-auth:not(.app-shell) .auth-brand,
body.money-auth:not(.app-shell) .auth-brand-name { color: #18294f; }
body.money-auth:not(.app-shell) .auth-brand-name { font-size: 1.25rem; letter-spacing: -.05em; }
body.money-auth:not(.app-shell) .auth-brand-name strong { font-weight: 800; }
body.money-auth:not(.app-shell) .auth-brand-dot {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 11px;
    background: url('../images/money-icon-light.svg?v=2') center / contain no-repeat;
    overflow: hidden;
}
body.money-auth:not(.app-shell) .auth-brand-dot::after {
    display: none;
}
html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-brand-dot { background-image: url('../images/money-icon-dark.svg?v=2'); }
body.money-auth:not(.app-shell) .auth-eyebrow { color: #3975dc; }
body.money-auth:not(.app-shell) .auth-left-body h2 { max-width: 480px; color: #14234b; font-size: clamp(2.6rem, 4vw, 4.2rem); font-weight: 700; }
body.money-auth:not(.app-shell) .auth-left-body p { max-width: 390px; color: #6d7f9c; font-size: .96rem; }
body.money-auth:not(.app-shell) .auth-feature { color: #607493; }
body.money-auth:not(.app-shell) .auth-feature-dot { background: #3975dc; }
body.money-auth:not(.app-shell) .auth-right { background: #fff; }
body.money-auth:not(.app-shell) .auth-card { max-width: 450px; padding: 42px; border: 1px solid #e5ebf5; border-radius: 18px; box-shadow: 0 10px 36px rgba(33,65,118,.05); }
body.money-auth:not(.app-shell) .auth-card-title { color: #14234b; font-size: 1.8rem; }
body.money-auth:not(.app-shell) .auth-input { min-height: 48px; border-color: #dce5f2; border-radius: 10px; }
body.money-auth:not(.app-shell) .auth-input:focus { border-color: #9cbef1; outline: 0; box-shadow: 0 0 0 3px #edf4ff; }
body.money-auth:not(.app-shell) .auth-btn { min-height: 48px; border-radius: 10px; }
body.money-auth:not(.app-shell) .auth-btn-secondary { color: #286bca; border-color: #d9e6fa; }
body.money-auth:not(.app-shell) .auth-btn-secondary:hover { color: #1958b1; background: #edf4ff; border-color: #aecbf3; }
body.money-auth:not(.app-shell) .auth-icon-wrap { color: #286bca; background: #eaf2ff; }
body.money-auth:not(.app-shell) .auth-mobile-brand { display: none; }
@media (min-width: 901px) {
    body.money-auth:not(.app-shell) .auth-left { display: flex; }
}
@media (max-width: 900px) {
    body.money-auth:not(.app-shell) .auth-left { display: none; }
    body.money-auth:not(.app-shell) .auth-right { position: relative; min-height: 100vh; padding: 76px 24px 24px; }
    body.money-auth:not(.app-shell) .auth-mobile-brand { position: absolute; top: 24px; left: 24px; display: inline-flex; color: #18294f; font-size: 1.12rem; font-weight: 700; letter-spacing: -.05em; text-decoration: none; }
    body.money-auth:not(.app-shell) .auth-mobile-brand strong { margin-left: .3em; font-weight: 800; }
}
@media (max-width: 560px) {
    body.money-auth:not(.app-shell) .auth-right { align-items: flex-start; padding: 76px 18px 28px; }
    body.money-auth:not(.app-shell) .auth-card { padding: 28px 22px; }
}

body.money-auth .auth-form-grid { display: grid; gap: 18px; }
body.money-auth .auth-form-grid .auth-label { display: block; margin-bottom: 6px; }