:root{--green:#16a34a;--dark:#1f2937}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7f8;color:#333}
header{background:linear-gradient(135deg,var(--dark),#374151);color:#fff;padding:70px 20px;text-align:center}
nav{position:sticky;top:0;background:#fff;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}
nav a{margin:0 10px;text-decoration:none;color:#222;font-weight:bold}
.hero-btn,.btn{display:inline-block;background:var(--green);color:#fff;padding:14px 22px;border-radius:8px;text-decoration:none}
main{max-width:1100px;margin:auto;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 18px rgba(0,0,0,.08)}
footer{background:var(--dark);color:#fff;padding:30px;text-align:center;margin-top:40px}
input,select,textarea{width:100%;padding:10px;margin:6px 0 14px;border:1px solid #ccc;border-radius:6px}
.floatwa{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:16px;border-radius:50%;text-decoration:none;font-size:22px}
.badge{display:inline-block;background:#e8f8ed;color:#11823b;padding:6px 10px;border-radius:20px}