/* =========================================================
   CDU CODES
   auth.css
   Authentication
   ========================================================= */


/* =========================================================
   AUTH PAGE
   ========================================================= */

.auth-page {
    min-height:
        calc(100vh - 68px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 50px 20px;
}


.auth-card {
    width: 100%;
    max-width: 430px;

    padding: 38px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 26, 34, 0.96),
            rgba(10, 16, 21, 0.98)
        );

    border: 1px solid var(--border);

    border-radius: var(--radius-lg);

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.35);
}


.auth-logo {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    margin-bottom: 25px;

    color: var(--primary);

    background: var(--primary-soft);

    border: 1px solid rgba(0, 230, 160, 0.25);

    border-radius: 11px;

    font-family: monospace;

    font-size: 16px;

    font-weight: 900;
}


.auth-card h1 {
    margin-top: 7px;

    font-size: 29px;

    letter-spacing: -1px;
}


.auth-subtitle {
    margin: 6px 0 28px;

    color: var(--muted);

    font-size: 13px;
}


.auth-submit {
    width: 100%;

    margin-top: 5px;
}


.auth-message {
    min-height: 20px;

    margin-top: 12px;

    font-size: 12px;

    text-align: center;
}


.auth-switch {
    margin-top: 25px;

    padding-top: 22px;

    border-top: 1px solid var(--border);

    color: var(--muted);

    text-align: center;

    font-size: 12px;
}


.auth-switch a {
    color: var(--primary);

    font-weight: 700;
}


.auth-switch a:hover {
    text-decoration: underline;
}


/* =========================================================
   PASSWORD
   ========================================================= */

input[type="password"] {
    letter-spacing: 0.5px;
}


/* =========================================================
   AUTH RESPONSIVE
   ========================================================= */

@media (max-width: 500px) {

    .auth-page {
        padding: 30px 15px;
    }


    .auth-card {
        padding: 28px 22px;
    }


    .auth-card h1 {
        font-size: 25px;
    }

}

.password-strength{margin:-4px 0 18px;}
.password-strength-track{height:5px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;}
.password-strength-track span{display:block;width:0;height:100%;background:var(--hard);border-radius:999px;transition:width .35s ease,background .35s ease;}
.password-strength-meta{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px;}
.password-strength-meta strong{color:var(--hard);transition:color .25s ease;}
.password-strength[data-level="2"] .password-strength-meta strong,.password-strength[data-level="3"] .password-strength-meta strong{color:var(--medium);}
.password-strength[data-level="4"] .password-strength-meta strong{color:var(--primary);}
.password-strength[data-level="4"] .password-strength-track span{background:var(--primary);}
.password-strength[data-level="2"] .password-strength-track span,.password-strength[data-level="3"] .password-strength-track span{background:var(--medium);}


/* =========================================================
   SIGNUP COUNTRY / CURRENCY
   ========================================================= */
.country-select-wrap{position:relative;display:flex;align-items:center}
.country-globe{position:absolute;left:14px;z-index:2;font-size:15px;pointer-events:none}
.country-select-wrap select{width:100%;padding-left:42px;appearance:auto}
.country-select-wrap.has-value select{border-color:color-mix(in srgb,var(--primary) 38%,var(--border))}
.country-currency-hint{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:11px;background:var(--primary-soft);color:var(--muted);font-size:9px;line-height:1.45}
.country-currency-hint span:first-child{font-size:12px}

/* CduCodes V13.8 — Light + Dark theme compatible stylesheet */