body { margin:0; font-family:'Poppins',sans-serif; }

.header {
display:flex; justify-content:space-between;
padding:20px 50px; background:white;
position:sticky; top:0; border-bottom:1px solid #eee;
}

nav a { margin-left:20px; text-decoration:none; color:#333; }

.hero {
height:90vh;
background:linear-gradient(to right,#eaf6ff,#ffffff);
display:flex; align-items:center; justify-content:center;
text-align:center;
}

.btn {
background:#007BFF; color:white;
padding:12px 25px; border-radius:5px;
text-decoration:none; display:inline-block;
margin-top:10px;
}

.btn-outline {
border:1px solid #007BFF;
color:#007BFF; padding:10px 20px;
text-decoration:none; margin-top:10px;
display:inline-block;
}

.whatsapp {
position:fixed; bottom:20px; right:20px;
background:#25D366; color:white;
padding:15px; border-radius:50%;
text-decoration:none; font-size:20px;
}

.trust {
display:flex; justify-content:center;
gap:30px; padding:20px;
background:#f7fbff;
}

.grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:20px; padding:20px;
}

.card {
background:white; padding:15px;
border-radius:8px; cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.05);
}

.modal {
display:none; position:fixed;
top:0; left:0; width:100%; height:100%;
background:rgba(0,0,0,0.6);
}

.modal-content {
background:white; padding:30px;
margin:10% auto; width:300px;
text-align:center;
}

.close { float:right; cursor:pointer; }

.form-section {
padding:50px; text-align:center;
}

form input, form textarea {
width:80%; margin:10px; padding:10px;
}

form button {
padding:10px 20px;
background:#007BFF; color:white;
border:none;
}

footer { text-align:center; padding:20px; }