/* V143 — giữ bố cục đăng nhập/đăng ký cũ, tinh chỉnh độ rõ và chống rớt chữ */
body.auth-page {
    font-family: Inter, "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Giữ giao diện sáng cũ, chỉ làm bề mặt gọn và rõ hơn. */
body.auth-page .auth-card {
    border-color: rgba(205, 220, 235, .96);
    box-shadow: 0 28px 74px rgba(24, 55, 92, .145);
}

body.auth-page .auth-feature,
body.auth-page .auth-stat {
    border-color: rgba(207, 222, 237, .96);
    background: rgba(255, 255, 255, .88);
}

/* Tên miền nhỏ hơn, nằm gọn cùng tiêu đề và không bị bẻ giữa chữ. */
body.auth-page .auth-brand h1 {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
}

body.auth-page .auth-brand h1 strong {
    display: inline;
    margin: 0 0 0 .14em;
    font-size: .68em;
    line-height: inherit;
    letter-spacing: -.035em;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
}

/* Các nhãn quan trọng luôn nằm ngang, không rơi từng chữ. */
body.auth-page .auth-kicker,
body.auth-page .auth-feature b,
body.auth-page .auth-stat b,
body.auth-page .auth-stat small,
body.auth-page .auth-tab,
body.auth-page .auth-submit,
body.auth-page .auth-provider-button {
    overflow-wrap: normal;
    word-break: keep-all;
}

body.auth-page .auth-feature b,
body.auth-page .auth-tab,
body.auth-page .auth-submit,
body.auth-page .auth-provider-button {
    white-space: nowrap;
}

body.auth-page .auth-stat > span:last-child {
    min-width: 0;
}

body.auth-page .auth-stat b,
body.auth-page .auth-stat small {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Nút và ô nhập rõ hơn nhưng không đổi phong cách cũ. */
body.auth-page .auth-input {
    border-color: #d4e0ec;
    background: rgba(255, 255, 255, .98);
}

body.auth-page .auth-input:focus {
    box-shadow: 0 0 0 4px var(--auth-primary-soft), 0 10px 25px rgba(21, 67, 96, .07);
}

body.auth-page .auth-submit {
    box-shadow: 0 14px 30px color-mix(in srgb, var(--theme-primary-dark) 24%, transparent);
}

@media (max-width: 1180px) and (min-width: 841px) {
    body.auth-page .auth-brand h1 {
        font-size: clamp(38px, 4.5vw, 58px);
    }

    body.auth-page .auth-brand h1 strong {
        font-size: .64em;
    }
}

@media (max-width: 980px) and (min-width: 841px) {
    body.auth-page .auth-brand h1 strong {
        display: block;
        width: fit-content;
        max-width: 100%;
        margin: 6px 0 0;
        font-size: .66em;
        white-space: nowrap;
    }
}

@media (max-width: 560px) {
    body.auth-page .auth-card-title,
    body.auth-page .auth-tab,
    body.auth-page .auth-submit,
    body.auth-page .auth-provider-button {
        word-break: normal;
    }

    body.auth-page .auth-card-title {
        font-size: 26px;
        line-height: 1.18;
    }

    body.auth-page .auth-tab {
        min-width: 0;
        font-size: 11.5px;
    }

    body.auth-page .auth-tab > span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    body.auth-page .auth-card-body {
        padding-right: 13px;
        padding-left: 13px;
    }

    body.auth-page .auth-tab-icon {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.auth-page *,
    body.auth-page *::before,
    body.auth-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}


/* V144 — cân lại tỷ lệ tiêu đề đăng ký và tên miền */
@media (min-width: 841px) {
    body.auth-page--register .auth-brand h1 {
        font-size: clamp(36px, 4.2vw, 58px);
        line-height: 1.02;
        letter-spacing: -.045em;
    }

    body.auth-page--register .auth-brand h1 strong {
        display: inline;
        margin: 0 0 0 .12em;
        font-size: .84em;
        line-height: inherit;
        letter-spacing: -.035em;
        white-space: nowrap;
    }
}


/* V145 — đồng bộ tiêu đề lớn và hậu tố số liệu trên đăng nhập/đăng ký */
@media (min-width: 841px) {
    body.auth-page--login .auth-brand h1,
    body.auth-page--register .auth-brand h1 {
        font-size: clamp(36px, 4.2vw, 58px);
        line-height: 1.02;
        letter-spacing: -.045em;
    }

    body.auth-page--login .auth-brand h1 strong,
    body.auth-page--register .auth-brand h1 strong {
        display: inline;
        margin: 0 0 0 .12em;
        font-size: .84em;
        line-height: inherit;
        letter-spacing: -.035em;
        white-space: nowrap;
    }
}

body.auth-page .auth-count-plus {
    display: inline;
    margin-left: 1px;
    color: #000 !important;
    font-size: .78em;
    font-weight: 950;
    line-height: 1;
    vertical-align: .1em;
}