body{margin:0;font-family:Calibri;background:#0f172a;color:#e2e8f0;}
header{text-align:center;background:#020617;padding:20px;border-bottom:3px solid #38bdf8;}

.hero{
height:85vh;
background:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c') center/cover;
display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;
}

.gallery{padding:40px;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;}
.grid img{width:100%;border-radius:10px;transition:0.4s;}
.grid img:hover{transform:scale(1.12);}

.services{padding:40px;text-align:center;background:#020617;}
.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.card{background:#1e293b;padding:20px;border-radius:12px;width:220px;transition:0.3s;}
.card:hover{transform:translateY(-12px);}

.contact{padding:40px;text-align:center;}
form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:auto;}
input,textarea{padding:10px;border-radius:6px;border:none;}
button{padding:10px;background:#38bdf8;color:#000;border:none;cursor:pointer;}

.map iframe{width:100%;height:400px;border:0;}

footer{text-align:center;padding:15px;background:#020617;border-top:3px solid #38bdf8;}

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