/* =========================================================
   SHARED CONTACT SECTION
========================================================= */

.contact-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:75px;
    align-items:start;
}

.contact-background-glow{
    position:absolute;
    top:-260px;
    left:50%;
    width:900px;
    height:900px;
    transform:translateX(-50%);
    background:
        radial-gradient(
            circle,
            rgba(47,143,255,.16),
            transparent 70%
        );
    filter:blur(45px);
    pointer-events:none;
}

.contact-content,
.contact-card{
    position:relative;
    z-index:2;
}

.contact-content h2{
    margin:20px 0 24px;
    font-size:clamp(46px,5vw,68px);
    line-height:1.04;
}

.contact-intro{
    max-width:650px;
    margin:0 0 40px;
    color:#bac8db;
    font-size:18px;
    line-height:1.85;
}

.contact-highlights{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:48px;
}

.contact-highlights article{
    display:flex;
    gap:14px;
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.03);
}

.contact-highlights article > span{
    flex-shrink:0;
    color:#39c4ff;
    font-weight:800;
}

.contact-highlights strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
}

.contact-highlights p{
    margin:0;
    color:#93a6bf;
    font-size:13px;
    line-height:1.6;
}

.next-steps{
    margin:48px 0;
}

.next-steps h3{
    margin-bottom:26px;
    font-size:28px;
}

.step{
    display:flex;
    gap:18px;
    margin-bottom:23px;
}

.step > span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#2f8fff;
    color:#fff;
    font-weight:800;
}

.step strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
}

.step p{
    margin:0;
    color:#93a6bf;
    font-size:14px;
}

.contact-info-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.contact-info-grid small{
    display:block;
    margin-bottom:7px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.contact-info-grid strong{
    display:block;
    color:#fff;
}

.contact-info-grid span{
    color:#879bb4;
    font-size:13px;
}

.contact-card{
    padding:47px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:27px;
    background:
        linear-gradient(
            145deg,
            rgba(20,38,64,.96),
            rgba(9,20,37,.99)
        );
    box-shadow:0 32px 75px rgba(0,0,0,.34);
}

.card-label{
    margin-bottom:14px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.contact-card h3{
    margin:0 0 14px;
    color:#fff;
    font-size:34px;
}

.contact-card > p{
    margin:0 0 30px;
    color:#aebdd1;
    line-height:1.75;
}

.contact-form label{
    display:block;
    margin-bottom:17px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    margin-top:8px;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    outline:none;
    background:#0a1628;
    color:#fff;
    font:inherit;
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
    border-color:#39c4ff;
    box-shadow:0 0 0 4px rgba(57,196,255,.10);
}

.form-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
}

.contact-form textarea{
    min-height:145px;
    resize:vertical;
}

.contact-form .btn{
    width:100%;
    margin-top:8px;
}

.form-note{
    display:block;
    margin-top:16px;
    color:#8195ae;
    text-align:center;
}



.form-status{
    margin:0 0 34px;
    padding:16px 20px;
    border:1px solid rgba(57,196,255,.25);
    border-radius:14px;
    background:rgba(57,196,255,.08);
    color:#dcefff;
    font-weight:700;
    line-height:1.6;
}
.form-status-success{border-color:rgba(92,224,166,.35);background:rgba(92,224,166,.09);}
.form-status-pending{border-color:rgba(255,196,87,.35);background:rgba(255,196,87,.09);}
.form-status-error{border-color:rgba(255,111,111,.35);background:rgba(255,111,111,.09);}

@media(max-width:1100px){
    .contact-wrapper{grid-template-columns:1fr;gap:52px;}
    .contact-card{max-width:760px;}
}

@media(max-width:750px){
    .contact-highlights,.contact-info-grid,.form-row{grid-template-columns:1fr;}
    .contact-card{padding:30px 24px;}
}
\n\n.label-help{color:#8195ae;font-weight:500;margin-left:5px}.form-check{display:flex!important;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#0a1628}.form-check input{width:auto!important;margin:2px 0 0!important;flex:0 0 auto}.form-check span{color:#c4d1e2;font-size:13px;line-height:1.55;font-weight:500}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}\n