/* =========================================================
   CONTACT PAGE
========================================================= */

.contact-section{
    padding:90px 0;
}

.contact-grid{
    width:min(1300px,calc(100% - 40px));
    margin:auto;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:40px;
}

.contact-form-card,
.contact-support-card{
    padding:38px;
    border-radius:32px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.form-group{
    display:flex;
    flex-direction:column;
    gap:10px;
}

input,
textarea,
select{
    width:100%;
    padding:16px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
}

.contact-submit{
    min-height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#57ff9d,#00d9ff);
    color:#041018;
    font-weight:700;
}

.contact-image-card img{
    border-radius:28px;
}

@media(max-width:980px){

    .contact-grid,
    .form-row{
        grid-template-columns:1fr;
    }

}