/*
 LoginViaSms Modern UI v3
 Alvand Network Design System
 New layout - standalone module stylesheet
*/

.module-clientarea.cusp-layout {
    --sms-primary:#2563eb;
    --sms-primary-dark:#1d4ed8;
    --sms-bg:#f8fafc;
    --sms-card:#ffffff;
    --sms-border:#e5eaf2;
    --sms-text:#0f172a;
    --sms-muted:#64748b;

    min-height:520px;
    padding:32px 20px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:55px;

    background:
        radial-gradient(circle at 20% 20%,rgba(37,99,235,.08),transparent 30%),
        transparent;
}


/* Main authentication card */
.module-clientarea .alvand-sms-card {

    width:100%;
    max-width:470px;

    padding:34px !important;

    background:rgba(255,255,255,.92)!important;

    border:1px solid var(--sms-border)!important;
    border-radius:24px!important;

    box-shadow:
        0 25px 70px rgba(15,23,42,.10),
        0 5px 20px rgba(15,23,42,.04)!important;

    backdrop-filter:blur(12px);

    position:relative;
    overflow:hidden;
}


.module-clientarea .alvand-sms-card:before {

    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #60a5fa
        );
}


/* Text */
.module-clientarea .cusp-lead {

    margin:10px 0 28px!important;

    color:var(--sms-text);

    font-size:.95rem;

    font-weight:700;

    line-height:2;
}


/* Error */
.module-clientarea .cusp-alert {

    border-radius:14px!important;

    padding:14px!important;

    border:1px solid #fecaca!important;

    background:#fff7f7!important;

}


/* Labels */

.module-clientarea .cusp-form label {

    margin-bottom:9px!important;

    color:#334155;

    font-size:.74rem;

    font-weight:750;

}


/* Inputs */

.module-clientarea .cusp-form .form-control {

    height:54px;

    padding:0 18px!important;

    border-radius:14px!important;

    background:#fff!important;

    border:1px solid var(--sms-border)!important;

    font-size:.85rem!important;

    transition:.25s ease;

}


.module-clientarea .cusp-form .form-control:hover {

    border-color:#cbd5e1!important;

}


.module-clientarea .cusp-form .form-control:focus {

    border-color:var(--sms-primary)!important;

    box-shadow:
        0 0 0 5px rgba(37,99,235,.10)!important;

}


/* Account cards */

.module-clientarea .cusp-choice {

    padding:0!important;

    margin-bottom:12px!important;

    border-radius:15px!important;

    border:1px solid var(--sms-border)!important;

    overflow:hidden;

    background:#fff;

    transition:.25s ease;

}


.module-clientarea .cusp-choice:hover {

    border-color:#bfdbfe!important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 30px rgba(37,99,235,.08);

}


.module-clientarea .cusp-choice label {

    min-height:60px;

    padding:15px!important;

    display:flex;

    align-items:center;

}


/* Captcha */

.module-clientarea .cusp-form .text-center[style*="overflow-x"] {

    padding:15px!important;

    background:#f8fafc;

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

    border-radius:15px;

}


/* Main button */

.module-clientarea .cusp-full-width,
.module-clientarea .btn-success {

    min-height:54px!important;

    border-radius:15px!important;

    border:none!important;

    background:
        linear-gradient(
            135deg,
            var(--sms-primary),
            var(--sms-primary-dark)
        )!important;

    color:#fff!important;

    font-size:.82rem!important;

    font-weight:800!important;

    box-shadow:
        0 15px 30px rgba(37,99,235,.22)!important;

    transition:.25s ease;

}


.module-clientarea .cusp-full-width:hover {

    transform:translateY(-2px);

}


/* Countdown */

.module-clientarea .cusp-countdown-wrapper {

    padding:16px!important;

    margin-top:15px!important;

    background:#f8fafc;

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

    border-radius:16px;

}


/* Illustration */

.module-clientarea .alvand-sms-illustration {

    width:360px;

    height:360px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.15),
            transparent 65%
        );

}


.module-clientarea .alvand-sms-illustration img {

    width:280px;

    filter:
        drop-shadow(0 30px 35px rgba(15,23,42,.15));

}


/* Login button injected */

#LoginViaSms {

    min-height:48px!important;

    border-radius:14px!important;

    color:#2563eb!important;

    background:#eff6ff!important;

    border:1px solid #dbeafe!important;

    font-weight:750!important;

}


#LoginViaSms:hover {

    color:#fff!important;

    background:#2563eb!important;

}


@media(max-width:900px){

    .module-clientarea.cusp-layout{

        flex-direction:column;

        gap:25px;

    }

    .module-clientarea .alvand-sms-illustration{

        width:220px;
        height:220px;

    }

    .module-clientarea .alvand-sms-illustration img{

        width:170px;

    }

}


@media(max-width:600px){

    .module-clientarea.cusp-layout{

        padding:15px 0;

    }

    .module-clientarea .alvand-sms-card{

        padding:22px!important;

        border-radius:18px!important;

    }

}