.gcmcg-btn{background:#111827;color:#fff!important;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.gcmcg-btn.secondary{background:#eef2ff;color:#1f2937!important}
.gcmcg-auth-shell{

    max-width:1180px;

    margin:40px auto;

    padding:24px;

    display:grid;

    grid-template-columns:1fr 430px;

    gap:28px;

    align-items:start;

}



.gcmcg-auth-hero{

    background:linear-gradient(135deg,#111827,#1f2937);

    color:#fff;

    border-radius:28px;

    padding:42px;

    min-height:520px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    box-shadow:0 24px 70px rgba(15,23,42,.22);

}



.gcmcg-auth-badge{

    display:inline-flex;

    width:max-content;

    padding:8px 13px;

    border-radius:999px;

    background:rgba(255,255,255,.12);

    font-size:13px;

    font-weight:700;

    letter-spacing:.02em;

    margin-bottom:18px;

}



.gcmcg-auth-hero h1{

    font-size:42px;

    line-height:1.08;

    margin:0 0 16px;

    color:#fff;

}



.gcmcg-auth-hero p{

    font-size:17px;

    line-height:1.65;

    color:rgba(255,255,255,.78);

    max-width:620px;

    margin:0 0 28px;

}



.gcmcg-auth-points{

    display:grid;

    gap:14px;

    margin-top:14px;

}



.gcmcg-auth-points div{

    padding:16px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:18px;

    background:rgba(255,255,255,.06);

}



.gcmcg-auth-points strong{

    display:block;

    font-size:15px;

    margin-bottom:5px;

    color:#fff;

}



.gcmcg-auth-points span{

    display:block;

    font-size:14px;

    color:rgba(255,255,255,.72);

    line-height:1.5;

}



.gcmcg-auth-panel{

    display:grid;

    gap:16px;

}



.gcmcg-auth-tabs{

    display:flex;

    gap:8px;

    background:#f3f4f6;

    padding:6px;

    border-radius:18px;

}



.gcmcg-auth-tab{

    flex:1;

    text-align:center;

    padding:12px 14px;

    text-decoration:none;

    border-radius:14px;

    color:#374151;

    font-weight:800;

    font-size:14px;

}



.gcmcg-auth-tab.active,

.gcmcg-auth-tab:hover{

    background:#fff;

    color:#111827;

    box-shadow:0 8px 24px rgba(15,23,42,.08);

}



.gcmcg-auth-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:24px;

    padding:26px;

    box-shadow:0 18px 50px rgba(15,23,42,.08);

}



.gcmcg-auth-card h2{

    margin:0 0 6px;

    font-size:25px;

    color:#111827;

}



.gcmcg-auth-sub{

    margin:0 0 22px;

    color:#6b7280;

    font-size:14px;

    line-height:1.5;

}



.gcmcg-field{

    display:block;

    margin-bottom:15px;

}



.gcmcg-field span{

    display:block;

    font-size:13px;

    font-weight:800;

    color:#374151;

    margin-bottom:7px;

}



.gcmcg-field input,

.gcmcg-field select{

    width:100%;

    height:48px;

    border:1px solid #d1d5db;

    border-radius:14px;

    padding:0 14px;

    font-size:15px;

    background:#fff;

    color:#111827;

    outline:none;

    box-sizing:border-box;

}



.gcmcg-field input:focus,

.gcmcg-field select:focus{

    border-color:#2563eb;

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

}



.gcmcg-btn{

    width:100%;

    border:0;

    border-radius:15px;

    height:50px;

    cursor:pointer;

    font-weight:900;

    font-size:15px;

}



.gcmcg-btn-primary{

    background:#2563eb;

    color:#fff;

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

}



.gcmcg-btn-primary:hover{

    background:#1d4ed8;

}



.gcmcg-auth-note{

    background:#f8fafc;

    border:1px solid #e5e7eb;

    color:#64748b;

    padding:13px 14px;

    border-radius:15px;

    font-size:13px;

    line-height:1.5;

    margin-bottom:15px;

}



.gcmcg-alert{

    border-radius:18px;

    padding:15px 16px;

    display:grid;

    gap:4px;

    border:1px solid;

}



.gcmcg-alert strong{

    font-size:15px;

}



.gcmcg-alert span{

    font-size:13px;

    line-height:1.45;

}



.gcmcg-alert-success{

    background:#ecfdf5;

    border-color:#bbf7d0;

    color:#166534;

}



.gcmcg-alert-info{

    background:#eff6ff;

    border-color:#bfdbfe;

    color:#1e40af;

}



@media(max-width:900px){

    .gcmcg-auth-shell{

        grid-template-columns:1fr;

        padding:14px;

        margin:18px auto;

    }



    .gcmcg-auth-hero{

        min-height:auto;

        padding:28px;

        border-radius:24px;

    }



    .gcmcg-auth-hero h1{

        font-size:31px;

    }



    .gcmcg-auth-hero p{

        font-size:15px;

    }



    .gcmcg-auth-card{

        padding:22px;

    }

}
.gcmcg-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(10px);
}

.gcmcg-popup.open{
    display:flex;
}

.gcmcg-modal{
    position:relative;
    width:min(440px,100%);
    max-height:calc(100vh - 40px);
    overflow:visible;
    padding:38px 20px 18px;
    border-radius:28px;
    background:#fff;
    border:1px solid #e2e8f0;
    box-shadow:0 30px 90px rgba(15,23,42,.32);
    text-align:center;
    color:#0f172a;
}

.gcmcg-modal-x{
    position:absolute;
    right:14px;
    top:12px;
    width:36px;
    height:36px;
    border:0;
    border-radius:999px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:22px;
    font-weight:900;
    cursor:pointer;
}

.gcmcg-modal-icon{
    width:62px;
    height:62px;
    margin:0 auto 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:#173c9a;
    color:#fff;
    font-size:28px;
    box-shadow:0 16px 34px rgba(23,60,154,.28);
}

.gcmcg-modal-kicker{
    color:#2563eb;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.gcmcg-modal h2{
    margin:8px 0 10px;
    color:#111827;
    font-size:22px;
    line-height:1.15;
    font-weight:950;
}

.gcmcg-modal-text{
    margin:0 auto 18px;
    max-width:360px;
    color:#64748b;
    font-size:15px;
    line-height:1.45;
    font-weight:800;
}

.gcmcg-benefit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:0 0 16px;
}

.gcmcg-benefit-grid div{
    min-height:92px;
    padding:14px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f8fafc);
    border:1px solid #e2e8f0;
}

.gcmcg-benefit-grid em{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#eef4ff;
    font-style:normal;
}

.gcmcg-benefit-grid strong{
    font-size:14px;
    font-weight:950;
}

.gcmcg-modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    overflow:hidden;
    border-radius:18px;
    margin-top:4px;
}

.gcmcg-modal-actions a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
    background:#111827;
    color:#fff!important;
    font-size:15px;
    font-weight:950;
}

.gcmcg-modal-actions a.secondary{
    background:#eef2ff;
    color:#111827!important;
}

@media(max-width:520px){
    .gcmcg-popup{
        align-items:center;
        justify-content:center;
        padding:14px;
    }

.gcmcg-modal{
    width:min(390px,100%);
    max-height:none;
    overflow:visible;
    border-radius:24px;
    padding:22px 16px 16px;
}

    .gcmcg-modal h2{
        font-size:20px;
    }

    .gcmcg-benefit-grid{
        gap:10px;
    }

.gcmcg-benefit-grid div{
    min-height:78px;
    padding:10px 8px;
}
.gcmcg-modal-icon{
    width:50px;
    height:50px;
    margin:0 auto 10px;
    border-radius:18px;
    font-size:22px;
}

.gcmcg-modal-text{
    margin-bottom:14px;
    font-size:14px;
    line-height:1.35;
}

.gcmcg-benefit-grid em{
    width:28px;
    height:28px;
}

.gcmcg-benefit-grid strong{
    font-size:13px;
}

.gcmcg-modal-actions a{
    min-height:46px;
    font-size:14px;
}
}