body {margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#333;}
header {background:white;padding:20px 40px;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;}
.logo {font-size:24px;font-weight:bold;}
.logo span {color:#2e9e5b;}
nav a {margin-left:20px;text-decoration:none;color:#555;font-size:14px;}
.hero {background:linear-gradient(90deg,#1f4e79,#2e9e5b);color:white;padding:80px 40px;text-align:center;}
.container {padding:40px;max-width:1100px;margin:auto;}
.card-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card {background:white;padding:20px;border-radius:10px;border:1px solid #eee;}
.button {display:inline-block;margin-top:10px;padding:10px 15px;background:#2e9e5b;color:white;text-decoration:none;border-radius:5px;}
footer {background:#1f2d3d;color:#ccc;text-align:center;padding:30px;margin-top:40px;font-size:13px;}