*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#07131d;color:white;}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.65)),url('images/hero_bg.jpeg');background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:30px;}
nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.logo{width:90px;border-radius:50%;}
.logo-wrap{display:flex;align-items:center;gap:15px;}
.socials{display:flex;gap:15px;flex-wrap:wrap;}
.socials a{color:white;text-decoration:none;background:#0f6b7d;padding:10px 18px;border-radius:30px;}
.hero-content{max-width:700px;margin:auto 0;}
.hero-content h2{font-size:4rem;margin-bottom:20px;line-height:1.1;}
.hero-content p{font-size:1.2rem;margin-bottom:30px;color:#d9f8ff;}
.btn{display:inline-block;padding:16px 28px;background:#14b8d4;color:white;text-decoration:none;border-radius:50px;font-weight:700;}
section{padding:80px 8%;}
h2{text-align:center;font-size:2.4rem;margin-bottom:30px;}
.areas p{text-align:center;font-size:1.2rem;}
.grid,.service-grid,.filter-grid{display:grid;gap:25px;}
.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.filter-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.card,.service-card,.filter-grid div{background:#0d1f2d;border-radius:20px;overflow:hidden;}
.card img,.filter-grid img{width:100%;height:350px;object-fit:cover;}
.card h3,.filter-grid p{padding:20px;text-align:center;}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.service-card{padding:35px;text-align:center;font-weight:600;}
.contact{text-align:center;background:#0d1f2d;}
.contact p{margin:15px 0;font-size:1.1rem;}
footer{padding:25px;text-align:center;background:#050b12;}
@media(max-width:768px){.hero-content h2{font-size:2.5rem;}}