
body{margin:0;background:#f4f4f4;font-family:Arial;color:#0B2A1A;}
.header{background:#064B2E;color:white;padding:15px 0;}
.container{max-width:1100px;margin:auto;padding:20px;}
nav a{color:white;margin-left:20px;text-decoration:none;font-weight:bold;}
.hero{position:relative;}
.hero-img{width:100%;height:420px;object-fit:cover;filter:brightness(0.75);}
.hero-text{position:absolute;top:30%;left:10%;color:white;}
.btn{background:#2E7D4F;color:white;padding:12px 20px;border-radius:8px;text-decoration:none;}
.features{display:flex;gap:20px;}
.feature{background:white;padding:15px;border-radius:12px;flex:1;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.15);}
.project-grid{display:flex;gap:20px;flex-wrap:wrap;}
.card{background:white;border-radius:12px;padding:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1);width:30%;}
.card-img{width:100%;height:200px;object-fit:cover;border-radius:10px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.grid-img{width:100%;height:250px;object-fit:cover;border-radius:10px;}
.contact-form{background:white;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px;}
.footer{text-align:center;background:#064B2E;color:white;padding:15px;margin-top:30px;}
