.contact-section{

    background:
        linear-gradient(
            135deg,
            rgba(108,61,214,.05),
            rgba(232,62,140,.03),
            rgba(255,154,61,.04)
        );

    padding:80px 0;
}

.contact-header{

    text-align:center;

    max-width:800px;

    margin:0 auto 60px;
}

.contact-header h1{

    font-size:3rem;

    font-weight:800;

    margin:20px 0;
}

.contact-header p{

    color:#666;

    line-height:1.8;
}

.contact-form-card{

    background:white;

    padding:40px;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.contact-form-card h3{

    margin-bottom:25px;

    font-weight:700;
}

.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea{

    border-radius:12px;

    padding:14px 18px;

    border:1px solid #ddd;
}

.contact-form-card textarea{

    min-height:180px;
}

.contact-whatsapp-card{

    background:
    linear-gradient(
        135deg,
        rgba(37,211,102,.08),
        rgba(37,211,102,.02)
    );

    padding:35px;

    border-radius:24px;

    margin-bottom:25px;
}

.btn-whatsapp{

    width:100%;

    background:#25D366;

    color:white;

    border:none;

    padding:14px;

    border-radius:12px;

    font-weight:600;
}

.contact-info-card{

    background:white;

    border-radius:24px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.contact-cards{

    margin-top:60px;
}

.contact-card{

    background:white;

    text-align:center;

    padding:35px;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    height:100%;
}

.contact-card i{

    font-size:2rem;

    color:var(--primary-color);

    margin-bottom:15px;

    display:block;
}

@media(max-width:768px){

    .contact-header h1{

        font-size:2.2rem;
    }

}