/* Account entry follows the light, cyan visual language of the public pages. */
body.wc-theme.auth-reference {
    --theme-ink: #25212d;
    --theme-ink-2: #514a5d;
    --theme-muted: #726b79;
    --theme-bg: #f9fbfc;
    --theme-line: #e8e5ec;
    --theme-accent: #00aeef;
    --theme-accent-dark: #008bc2;
    --wc-text: #25212d;
    --wc-text-2: #514a5d;
    --wc-muted: #726b79;
    --wc-border: #e8e5ec;
    --bs-primary-rgb: 0, 174, 239;
    background: #fff;
}
body.wc-theme.auth-reference main { background: #f9fbfc; }
body.wc-theme.auth-reference #main-content { padding-bottom: 0 !important; }
body.wc-theme.auth-reference .site-footer { margin-top: 0; }
.auth-reference .wc-auth-page { padding-block: 44px 56px; }
.auth-reference .auth-column { width: 100%; max-width: 500px; }
.auth-reference.page-register .auth-column { max-width: 580px; }
body.wc-theme.auth-reference .card.auth-card {
    padding: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.auth-reference .auth-heading { text-align: center; margin-bottom: 26px; }
body.wc-theme.auth-reference .auth-heading h1 {
    margin: 0 0 10px;
    color: #25212d;
    font-size: clamp(24px, 3vw, 28px);
    font-weight: 600;
    line-height: 1.35;
}
.auth-reference .auth-heading p {
    margin: 0;
    color: #726b79;
    font-size: 14px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.auth-reference .auth-card .form-label { margin-bottom: 8px; color: #514a5d; font-size: 13px; font-weight: 500; }
.auth-reference .auth-card .form-control {
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #dcd9e2;
    border-radius: 9px;
    background: #fff;
    color: #25212d;
    font-size: 16px;
    box-shadow: none;
}
.auth-reference .auth-card .form-control:focus {
    border-color: #168db8;
    box-shadow: 0 0 0 3px #00aeef15;
}
.auth-reference .auth-card .form-control::placeholder { color: #928b99; }
.auth-reference .auth-card .form-text { margin-top: 7px; color: #726b79; font-size: 12px; line-height: 1.7; }
.auth-reference .auth-card .btn { border-radius: 9px !important; font-size: 14px; font-weight: 500; }
.auth-reference .auth-card .btn-lg { min-height: 48px; }
.auth-reference .auth-card :is(.btn-primary, .btn-success) { background-color: #00aeef !important; border-color: #00aeef; color: #fff; box-shadow: none; }
.auth-reference .auth-card :is(.btn-primary, .btn-success):is(:hover, :focus) { background-color: #008bc2 !important; border-color: #008bc2; transform: none; box-shadow: none; }
.auth-reference .auth-card .btn-outline-secondary { border-color: #dcd9e2; color: #514a5d; }
.auth-reference .auth-card .btn-outline-secondary:hover { background: #f9fbfc !important; border-color: #b9dbe7; transform: none; }
.auth-reference .auth-card a, .auth-reference .auth-card .btn-link { color: #087da8; }
.auth-reference .auth-card a:hover { color: #00688f; }
.auth-reference .auth-switch { margin-top: 24px; padding-top: 20px; border-top: 1px solid #efedf2; text-align: center; color: #726b79; font-size: 13px; }
.auth-reference .auth-switch a { margin-inline-start: 4px; font-weight: 500; }
.auth-reference .auth-password-label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.auth-reference .auth-password-label a { font-size: 12px; }
.auth-reference .auth-card .btn-group { gap: 8px; }
.auth-reference .auth-card .btn-outline-primary { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; color: #726b79; border: 1px solid #e8e5ec; background: #fff; }
.auth-reference .auth-card .btn-check:checked + .btn { color: #087da8; border-color: #8fcfe7; background: #effbff; box-shadow: none; }
.auth-reference .auth-card .btn-check:focus-visible + .btn { outline: 3px solid #00aeef55; outline-offset: 2px; }
.auth-reference .auth-card .form-check-label { color: #514a5d; line-height: 1.8; }
.auth-reference .auth-card .alert { border-radius: 9px; font-size: 13px; line-height: 1.8; }
.auth-reference .auth-card .otp-input { flex: 0 1 46px; min-width: 0; width: 46px; height: 52px; margin-inline: 3px; border-radius: 9px; border-color: #dcd9e2; color: #25212d; font-size: 22px; box-shadow: none; }
.auth-reference .auth-card .otp-input:focus { border-color: #168db8; box-shadow: 0 0 0 3px #00aeef15; transform: none; }
.auth-reference .auth-steps { display: flex; gap: 6px; padding: 0; margin: 0 0 24px; list-style: none; }
.auth-reference .auth-steps li { flex: 1; padding: 9px 2px; border-bottom: 2px solid #e8e5ec; color: #726b79; text-align: center; font-size: 12px; }
.auth-reference .auth-steps [aria-current="step"] { border-color: #00aeef; color: #087da8; font-weight: 500; }
@media (max-width: 575.98px) {
    .auth-reference .wc-auth-page { padding: 24px 16px 32px; }
    .auth-reference .auth-column { padding-inline: 0; }
    .auth-reference .wc-auth-page > .row { margin-inline: 0; }
    body.wc-theme.auth-reference .card.auth-card { padding: 24px 20px; }
    .auth-reference .auth-heading { margin-bottom: 22px; }
    .auth-reference .auth-heading h1 { font-size: 24px; }
}
@media (max-width: 359.98px) {
    body.wc-theme.auth-reference .card.auth-card { padding-inline: 16px; }
}