body{margin:0;font-family:Arial,sans-serif;background:#f5f7f6;color:#333}
header{background:#116738;color:#fff;padding:15px;display:flex;align-items:center;gap:15px}
header img{height:55px}
nav a{color:#fff;text-decoration:none;margin:0 10px;font-weight:bold}
.hero{padding:60px 20px;text-align:center;background:#e7f6ec}
.hero img{max-width:900px;width:100%;border-radius:12px}
.container{max-width:1100px;margin:auto;padding:30px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover}
.card div{padding:15px}
footer{background:#083a22;color:#fff;text-align:center;padding:15px;margin-top:30px}