body{font-family:Arial,sans-serif;background:linear-gradient(#eef8ee,#fff);margin:0;color:#234}
.hero{text-align:center;padding:60px}h1{font-size:3rem}.badge{display:inline-block;background:#fff;padding:10px 18px;border-radius:20px;box-shadow:0 2px 8px #0002}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:30px;max-width:1100px;margin:auto}
.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 15px #0001}img{width:100%;border-radius:12px}a{display:inline-block;margin-top:10px;background:#4caf50;color:#fff;padding:10px 16px;text-decoration:none;border-radius:8px}