*{
margin:0;
padding:0;
box-sizing:border-box;
}



.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
margin:50px 0;
}

.contact-card{
background:#1e293b;
padding:30px;
border-radius:20px;
text-align:center;
border:1px solid rgba(255,255,255,.06);
transition:.3s;
}

.contact-card:hover{
transform:translateY(-8px);
border-color:#8b5cf6;
}

.contact-icon{
font-size:50px;
margin-bottom:15px;
}

.contact-card h3{
margin-bottom:10px;
}

.contact-card p{
font-size:14px;
line-height:1.8;
margin-bottom:15px;
}

.contact-card a{
color:#8b5cf6;
text-decoration:none;
}

.contact-form{
max-width:800px;
margin:40px auto;
display:flex;
flex-direction:column;
gap:20px;
}

.contact-form input,
.contact-form textarea{
padding:18px;
border:none;
border-radius:14px;
background:#1e293b;
color:#fff;
border:1px solid rgba(255,255,255,.08);
}

.contact-form button{
padding:18px;
border:none;
border-radius:14px;
background:linear-gradient(135deg,#4f46e5,#9333ea);
color:white;
font-weight:600;
cursor:pointer;
}

.offer-card{
background:#1e293b;
padding:25px;
border-radius:20px;
text-align:center;
height:auto;
min-height:auto;
}
@media(max-width:768px){

.offer-grid{
grid-template-columns:1fr;
gap:20px;
}

.offer-card{
padding:25px 20px;
}

.offer-icon{
font-size:40px;
margin-bottom:15px;
}

.offer-card h3{
font-size:24px;
margin-bottom:10px;
}

.offer-card p{
font-size:14px;
line-height:1.6;
}

}