.auth-page {
    min-height: calc(100vh - 140px);
    background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 60%, #faf5ff 100%);
    display: flex; align-items: center; justify-content: center;
    padding: 48px 16px;
    position: relative; overflow: hidden;
}
.auth-page::before {
    content: ''; position: absolute;
    width: 560px; height: 560px; border-radius: 50%;
    background: radial-gradient(circle, rgba(99,102,241,.07) 0%, transparent 70%);
    top: -180px; right: -80px; pointer-events: none;
}
.auth-page::after {
    content: ''; position: absolute;
    width: 360px; height: 360px; border-radius: 50%;
    background: radial-gradient(circle, rgba(168,85,247,.05) 0%, transparent 70%);
    bottom: -100px; left: -80px; pointer-events: none;
}

.auth-card {
    width: 100%; max-width: 440px;
    background: #fff; border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,.09), 0 1px 3px rgba(0,0,0,.05);
    padding: 44px 40px;
    position: relative; z-index: 1;
}

.auth-card--wide { max-width: 460px; }

.auth-brand {
    display: flex; align-items: center; justify-content: center; gap: 9px;
    font-size: 18px; font-weight: 800; color: #1e1b4b;
    text-decoration: none; margin-bottom: 32px; letter-spacing: -.3px;
}
.auth-brand-icon {
    width: 36px; height: 36px; border-radius: 10px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    display: flex; align-items: center; justify-content: center;
}

.auth-form-title {
    font-size: 22px; font-weight: 800; color: #0f172a;
    letter-spacing: -.5px; margin-bottom: 4px; text-align: center;
}
.auth-form-sub {
    font-size: 13.5px; color: #64748b; margin-bottom: 28px; text-align: center;
}
.auth-form-sub a { color: #4f46e5; font-weight: 600; text-decoration: none; }
.auth-form-sub a:hover { text-decoration: underline; }

.auth-field { margin-bottom: 16px; }
.auth-field-label {
    font-size: 12.5px; font-weight: 600; color: #374151;
    margin-bottom: 6px; display: block;
}
.auth-field-input-wrap { position: relative; }
.auth-field-input-wrap i {
    position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
    color: #9ca3af; font-size: 15px; pointer-events: none;
}
.auth-input {
    width: 100%; padding: 11px 14px 11px 40px;
    border: 1.5px solid #e5e7eb; border-radius: 10px;
    font-size: 14px; color: #111827; background: #f9fafb; outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
}
.auth-input:focus {
    border-color: #6366f1; background: #fff;
    box-shadow: 0 0 0 3px rgba(99,102,241,.12);
}
.auth-input--purple:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124,58,237,.1);
}
.auth-input.is-invalid { border-color: #ef4444; background: #fff; }
.auth-input.is-invalid:focus { box-shadow: 0 0 0 3px rgba(239,68,68,.1); }
.auth-input--has-toggle { padding-right: 40px; }
.invalid-feedback { font-size: 12px; color: #ef4444; margin-top: 5px; display: block; }

.auth-field-input-wrap .auth-pw-toggle {
    position: absolute; left: auto; right: 12px;
    top: 50%; transform: translateY(-50%);
    color: #9ca3af; font-size: 15px;
    pointer-events: auto; cursor: pointer;
}
.auth-field-input-wrap .auth-pw-toggle:hover { color: #6366f1; }

.auth-pw-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.auth-pw-row a { font-size: 12px; color: #6366f1; text-decoration: none; font-weight: 500; }
.auth-pw-row a:hover { text-decoration: underline; }

.auth-remember { display: flex; align-items: center; gap: 8px; margin: 4px 0 20px; }
.auth-remember input { width: 15px; height: 15px; accent-color: #6366f1; cursor: pointer; }
.auth-remember label { font-size: 13px; color: #4b5563; cursor: pointer; }

.auth-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.auth-submit {
    width: 100%; padding: 12px; border: none; border-radius: 10px; cursor: pointer;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #fff; font-size: 14.5px; font-weight: 700;
    box-shadow: 0 4px 14px rgba(79,70,229,.3);
    transition: all .2s; display: flex; align-items: center; justify-content: center; gap: 8px;
    margin-top: 6px;
}
.auth-submit:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(79,70,229,.4); filter: brightness(1.06); }
.auth-submit:active { transform: translateY(0); }
.auth-submit:disabled { opacity: .75; cursor: not-allowed; transform: none; filter: none; box-shadow: 0 4px 14px rgba(79,70,229,.2); }

.auth-submit-loading { display: flex; align-items: center; gap: 8px; }

.auth-spinner {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    animation: auth-spin .7s linear infinite;
    flex-shrink: 0;
}
@keyframes auth-spin { to { transform: rotate(360deg); } }

.auth-terms {
    font-size: 12px; color: #94a3b8; text-align: center;
    margin-top: 14px; line-height: 1.6;
}
.auth-terms a { color: #4f46e5; text-decoration: none; }
.auth-terms a:hover { text-decoration: underline; }

.auth-alert {
    border-radius: 10px; padding: 11px 14px;
    font-size: 13px; margin-bottom: 20px;
    display: flex; align-items: center; gap: 8px;
}
.auth-alert-error   { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.auth-alert-info    { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.auth-alert-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }

@media (max-width: 480px) {
    .auth-page { padding: 24px 12px; }
    .auth-card { padding: 36px 24px; }
    .auth-field-row { grid-template-columns: 1fr; gap: 0; }
}

/* PoweredByAIUnify dark auth match for legacy payouts auth pages */
.auth-page {
    --auth-deep: #051923;
    --auth-navy: #0A1128;
    --auth-ink: #001F54;
    --auth-violet: #3d41d5;
    --auth-violet-rgb: 61, 65, 213;
    --auth-mist: #908fb2;
    --auth-mist-rgb: 144, 143, 178;
    --auth-cyan: #00A6FB;
    --auth-white: #FEFCFB;
    --auth-muted: rgba(254, 252, 251, 0.68);
    --auth-field-bg: rgba(1, 19, 29, 0.66);
    --auth-field-bg-focus: rgba(2, 25, 39, 0.84);
    --auth-field-border: rgba(61, 65, 213, 0.28);
    --auth-focus-accent: rgba(var(--auth-mist-rgb), 0.94);
    --auth-focus-line: rgba(var(--auth-mist-rgb), 0.52);
    --auth-link-accent: rgba(226, 228, 245, 0.84);
    --auth-line: rgba(61, 65, 213, 0.24);
    --auth-line-strong: rgba(61, 65, 213, 0.58);
    --auth-brand-logo: url("/poweredby-auth/ai-logo.png");
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: 32px 16px !important;
    color: var(--auth-white) !important;
    background:
        radial-gradient(circle at 18% 16%, rgba(var(--auth-mist-rgb), 0.16), transparent 20%),
        radial-gradient(circle at 78% 14%, rgba(0, 166, 251, 0.14), transparent 24%),
        radial-gradient(circle at 48% 36%, rgba(var(--auth-violet-rgb), 0.18), transparent 30%),
        radial-gradient(circle at 16% 82%, rgba(18, 130, 162, 0.18), transparent 34%),
        linear-gradient(135deg, #03131d 0%, var(--auth-deep) 18%, var(--auth-navy) 52%, var(--auth-ink) 100%) !important;
}

.auth-page::before,
.auth-page::after {
    opacity: 0.36 !important;
}

.auth-page .auth-card {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    padding: 30px !important;
    border: 1px solid var(--auth-line) !important;
    border-radius: 18px !important;
    color: var(--auth-white) !important;
    background:
        linear-gradient(180deg, rgba(var(--auth-violet-rgb), 0.12), rgba(0, 31, 84, 0.16)),
        rgba(5, 25, 35, 0.84) !important;
    box-shadow:
        0 26px 70px rgba(5, 25, 35, 0.58),
        0 0 52px rgba(var(--auth-violet-rgb), 0.1),
        0 0 34px rgba(var(--auth-mist-rgb), 0.08),
        inset 0 1px 0 rgba(254, 252, 251, 0.12) !important;
}

.auth-page .auth-brand {
    width: auto !important;
    min-width: 92px !important;
    min-height: 72px !important;
    margin: 0 auto 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.auth-page .auth-brand::before {
    content: "";
    display: block;
    width: 92px;
    height: 72px;
    background-image: var(--auth-brand-logo);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 12px 26px rgba(5, 25, 35, 0.72));
}

.auth-page .auth-brand img,
.auth-page .auth-brand-icon {
    display: none !important;
}

.auth-page .auth-form-title {
    margin: 0 !important;
    color: var(--auth-white) !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.auth-page .auth-form-sub {
    margin: 8px 0 24px !important;
    color: var(--auth-muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.auth-page .auth-form-sub a,
.auth-page .auth-terms a,
.auth-page .auth-pw-row a {
    color: var(--auth-link-accent) !important;
    background: transparent !important;
    text-decoration: none !important;
}

.auth-page .auth-form-sub a:hover,
.auth-page .auth-form-sub a:focus,
.auth-page .auth-terms a:hover,
.auth-page .auth-terms a:focus,
.auth-page .auth-pw-row a:hover,
.auth-page .auth-pw-row a:focus {
    color: var(--auth-white) !important;
    background: transparent !important;
    text-decoration: none !important;
}

.auth-page .auth-field {
    margin-bottom: 20px !important;
}

.auth-page .auth-field-label {
    margin: 0 0 10px !important;
    padding-left: 12px !important;
    color: var(--auth-muted) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.auth-page .auth-input {
    height: 50px !important;
    border: 1px solid var(--auth-field-border) !important;
    border-bottom-color: var(--auth-line-strong) !important;
    border-radius: 12px !important;
    color: var(--auth-white) !important;
    background: var(--auth-field-bg) !important;
    box-shadow: none !important;
    caret-color: var(--auth-focus-accent) !important;
}

.auth-page .auth-input:focus {
    border-color: var(--auth-focus-line) !important;
    background: var(--auth-field-bg-focus) !important;
    box-shadow: 0 0 0 3px rgba(var(--auth-mist-rgb), 0.12) !important;
}

.auth-page .auth-field-input-wrap i {
    color: var(--auth-focus-accent) !important;
}

.auth-page .auth-submit {
    min-height: 54px !important;
    border: 1px solid rgba(var(--auth-mist-rgb), 0.28) !important;
    border-radius: 14px !important;
    color: var(--auth-white) !important;
    background: #030712 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36), 0 0 24px rgba(0, 166, 251, 0.1) !important;
    font-weight: 800 !important;
}

.auth-page .auth-submit:hover,
.auth-page .auth-submit:focus {
    color: var(--auth-white) !important;
    border-color: rgba(45, 212, 191, 0.42) !important;
    background: #111827 !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.44), 0 0 30px rgba(45, 212, 191, 0.18) !important;
    filter: none !important;
    text-decoration: none !important;
}

@media (max-width: 480px) {
    .auth-page .auth-card {
        padding: 18px 16px !important;
        border-radius: 14px !important;
    }

    .auth-page .auth-brand {
        min-width: 74px !important;
        min-height: 58px !important;
        margin-bottom: 10px !important;
    }

    .auth-page .auth-brand::before {
        width: 74px !important;
        height: 58px !important;
    }

    .auth-page .auth-form-title {
        font-size: 22px !important;
    }
}
/* AIunify full auth logo correction */
.auth-shell .auth-brand {
    margin-bottom: 22px !important;
}

.auth-shell .auth-brand__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 238px !important;
    min-height: 76px !important;
    background: none !important;
    cursor: default !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

.auth-shell .auth-brand__link::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 58px !important;
    min-width: 72px !important;
    background-image: url("/poweredby-auth/ai-logo.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 12px 26px rgba(5, 25, 35, 0.72)) !important;
}

.auth-shell .auth-brand__link::after {
    content: "AIunify" !important;
    display: block !important;
    color: #FEFCFB !important;
    font-size: clamp(32px, 4vw, 42px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #dff8ff 52%, #9fe8ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 12px 26px rgba(5, 25, 35, 0.72) !important;
}

.auth-shell .auth-brand__image,
.auth-shell .auth-brand__text,
.auth-shell .auth-brand__link > span:not([class]) {
    display: none !important;
}

.auth-page .auth-logo,
.auth-page .auth-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 238px !important;
    min-height: 76px !important;
    margin: 0 auto 18px !important;
    background: none !important;
}

.auth-page .auth-logo::before,
.auth-page .auth-brand::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 58px !important;
    min-width: 72px !important;
    background-image: url("/poweredby-auth/ai-logo.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 12px 26px rgba(5, 25, 35, 0.72)) !important;
}

.auth-page .auth-logo::after,
.auth-page .auth-brand::after {
    content: "AIunify" !important;
    display: block !important;
    color: #FEFCFB !important;
    font-size: clamp(32px, 4vw, 42px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #dff8ff 52%, #9fe8ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 12px 26px rgba(5, 25, 35, 0.72) !important;
}

.auth-page .auth-logo-img,
.auth-page .auth-brand img,
.auth-page .auth-brand-icon,
.auth-page .auth-brand > span:not([class]) {
    display: none !important;
}

@media (max-width: 575.98px) {
    .auth-shell .auth-brand__link,
    .auth-page .auth-logo,
    .auth-page .auth-brand {
        gap: 10px !important;
        min-width: 206px !important;
        min-height: 62px !important;
    }

    .auth-shell .auth-brand__link::before,
    .auth-page .auth-logo::before,
    .auth-page .auth-brand::before {
        flex-basis: 58px !important;
        width: 58px !important;
        min-width: 58px !important;
        height: 48px !important;
    }

    .auth-shell .auth-brand__link::after,
    .auth-page .auth-logo::after,
    .auth-page .auth-brand::after {
        font-size: 31px !important;
    }
}
/* End AIunify full auth logo correction */

/* PoweredByAIUnify auth brand restore */
.auth-shell .auth-brand__link,
.auth-page .auth-logo,
.auth-page .auth-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: min(100%, 320px) !important;
    background: none !important;
    cursor: default !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

.auth-shell .auth-brand__link::before,
.auth-shell .auth-brand__link::after,
.auth-page .auth-logo::before,
.auth-page .auth-logo::after,
.auth-page .auth-brand::before,
.auth-page .auth-brand::after {
    content: none !important;
    display: none !important;
}

.auth-shell .auth-brand__image,
.auth-page .auth-logo-img,
.auth-page .auth-brand img,
.auth-page .auth-brand-icon {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: min(100%, 280px) !important;
    max-height: 58px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 12px 26px rgba(5, 25, 35, 0.44)) !important;
}

.auth-shell .auth-brand__text,
.auth-page .auth-brand__text,
.auth-page .auth-brand > span:not([class]) {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #FEFCFB !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #dff8ff 52%, #9fe8ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 12px 26px rgba(5, 25, 35, 0.56) !important;
}

@media (max-width: 575.98px) {
    .auth-shell .auth-brand__link,
    .auth-page .auth-logo,
    .auth-page .auth-brand {
        max-width: min(100%, 240px) !important;
    }

    .auth-shell .auth-brand__image,
    .auth-page .auth-logo-img,
    .auth-page .auth-brand img,
    .auth-page .auth-brand-icon {
        max-width: min(100%, 208px) !important;
        max-height: 46px !important;
    }

    .auth-shell .auth-brand__text,
    .auth-page .auth-brand__text,
    .auth-page .auth-brand > span:not([class]) {
        font-size: 31px !important;
    }
}

/* PoweredByAIUnify compact auth form sync */
.auth-shell .auth-card {
    padding: 24px 22px 20px !important;
}

/* Payout auth wide logo restore */
.auth-page .auth-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: min(100%, 320px) !important;
    margin: 0 auto 16px !important;
    background: none !important;
}

.auth-page .auth-brand::before,
.auth-page .auth-brand::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.auth-page .auth-brand img,
.auth-page .auth-brand-icon {
    content: normal !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: min(100%, 280px) !important;
    max-height: 58px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.auth-page .auth-brand__text,
.auth-page .auth-brand > span:not([class]) {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #FEFCFB !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #dff8ff 52%, #9fe8ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 12px 26px rgba(5, 25, 35, 0.56) !important;
}

@media (max-width: 575.98px) {
    .auth-page .auth-brand {
        max-width: min(100%, 240px) !important;
    }

    .auth-page .auth-brand img,
    .auth-page .auth-brand-icon {
        max-width: min(100%, 208px) !important;
        max-height: 46px !important;
    }

    .auth-page .auth-brand__text,
    .auth-page .auth-brand > span:not([class]) {
        font-size: 31px !important;
    }
}

.auth-shell .auth-form {
    gap: 14px !important;
}

.auth-shell .auth-form__stack {
    display: grid !important;
    gap: 14px !important;
}

.auth-shell .auth-form-grid {
    column-gap: 14px !important;
    row-gap: 14px !important;
}

.auth-shell #form-box {
    display: grid !important;
    gap: 12px !important;
}

.auth-shell .auth-form-row {
    gap: 10px !important;
    margin-top: 0 !important;
}

.auth-shell .auth-floating-field {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 5px !important;
    margin: 0 !important;
}

.auth-shell .auth-floating-field label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    position: static !important;
    transform: none !important;
    line-height: 1.2 !important;
    font-size: 12px !important;
}

.auth-shell .auth-input,
.auth-shell .form-control {
    min-height: 46px !important;
    height: 46px !important;
    padding: 10px 13px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
}

.auth-shell .auth-check--terms {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}

.auth-shell .auth-submit {
    min-height: 48px !important;
    margin-top: 2px !important;
    padding: 12px 20px !important;
}

.auth-shell .auth-card__footer {
    margin-top: 14px !important;
    display: block !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.auth-shell .auth-card.auth-card--wide {
    width: min(100vw - 28px, 540px) !important;
    padding: 22px 22px 20px !important;
}

.auth-shell .auth-card__header {
    margin-bottom: 14px !important;
}

.auth-shell .auth-card__header h2 {
    font-size: 24px !important;
    line-height: 1.08 !important;
}

.auth-shell .auth-card__header p {
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

@media (max-width: 575.98px) {
    .auth-shell .auth-card,
    .auth-shell .auth-card.auth-card--wide {
        padding: 18px 16px !important;
    }

    .auth-shell .auth-form,
    .auth-shell .auth-form__stack,
    .auth-shell .auth-form-grid {
        gap: 12px !important;
    }

    .auth-shell #form-box {
        gap: 10px !important;
    }

    .auth-shell .auth-floating-field {
        gap: 4px !important;
    }

    .auth-shell .auth-floating-field label {
        padding: 0 0 0 8px !important;
        font-size: 11.5px !important;
    }

    .auth-shell .auth-input,
    .auth-shell .form-control {
        min-height: 44px !important;
        height: 44px !important;
        padding: 9px 12px !important;
    }

    .auth-shell .auth-card__header {
        margin-bottom: 12px !important;
    }

    .auth-shell .auth-card__header h2 {
        font-size: 22px !important;
    }

    .auth-shell .auth-card__header p {
        font-size: 12px !important;
    }

    .auth-shell .auth-submit {
        min-height: 46px !important;
    }

    .auth-shell .auth-card__footer {
        margin-top: 12px !important;
    }
}
/* PoweredByAIUnify exact auth spacing sync */
.auth-shell .auth-card,
.auth-shell .auth-card.auth-card--wide,
.auth-shell .auth-shell__frame > form {
    padding: 30px 30px !important;
    border-radius: 18px !important;
}

.auth-shell .auth-card.auth-card--wide {
    width: min(100vw - 32px, 560px) !important;
}

.auth-shell .auth-card__header {
    margin-bottom: 24px !important;
}

.auth-shell .auth-card__header h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.auth-shell .auth-card__header p {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.auth-shell .auth-form,
.auth-shell .auth-form__stack {
    gap: 20px !important;
}

.auth-shell .auth-form-grid {
    column-gap: 18px !important;
    row-gap: 18px !important;
}

.auth-shell .auth-floating-field {
    gap: 10px !important;
}

.auth-shell .auth-floating-field label {
    padding-left: 12px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.auth-shell .auth-input,
.auth-shell .form-control {
    min-height: 50px !important;
    height: 50px !important;
    padding: 13px 14px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
}

.auth-shell .auth-form-row {
    gap: 12px !important;
}

.auth-shell .auth-check {
    gap: 9px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.auth-shell .auth-link,
.auth-shell .auth-card__footer,
.auth-shell .auth-card__footer a {
    font-size: 12px !important;
}

.auth-shell .auth-submit,
.auth-shell .btn,
.auth-shell #login-form .btn-primary,
.auth-shell #login-form .btn-secondary,
.auth-shell #login-form a.height_50 {
    min-height: 54px !important;
    padding: 14px 24px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.auth-shell .auth-card__footer {
    margin-top: 18px !important;
    line-height: 1.5 !important;
}

@media (max-width: 575.98px) {
    .auth-shell .auth-card,
    .auth-shell .auth-card.auth-card--wide,
    .auth-shell .auth-shell__frame > form {
        padding: 18px 16px !important;
        border-radius: 14px !important;
        width: 100% !important;
    }

    .auth-shell .auth-card__header {
        margin-bottom: 16px !important;
    }

    .auth-shell .auth-card__header h2 {
        font-size: 22px !important;
    }

    .auth-shell .auth-card__header p {
        margin-top: 5px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .auth-shell .auth-form,
    .auth-shell .auth-form__stack,
    .auth-shell .auth-form-grid {
        gap: 16px !important;
    }

    .auth-shell .auth-floating-field {
        gap: 8px !important;
    }

    .auth-shell .auth-floating-field label {
        padding-left: 8px !important;
        font-size: 12px !important;
    }

    .auth-shell .auth-input,
    .auth-shell .form-control {
        min-height: 44px !important;
        height: 44px !important;
        padding: 11px 12px !important;
        border-radius: 11px !important;
        font-size: 14px !important;
    }

    .auth-shell .auth-submit,
    .auth-shell .btn,
    .auth-shell #login-form .btn-primary,
    .auth-shell #login-form .btn-secondary,
    .auth-shell #login-form a.height_50 {
        min-height: 48px !important;
        padding: 13px 18px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
    }

    .auth-shell .auth-card__footer {
        margin-top: 14px !important;
    }
}