body{font-family:Arial,sans-serif;margin:0;background:#f5f1e8;color:#222}
.topbar{background:#2d5c33;color:#fff;padding:15px 25px;display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#fff;margin:0 10px;text-decoration:none}
.container{width:92%;margin:auto;padding:20px 0}
.hero{background:#6f3f1c;color:#fff;padding:80px 20px;border-radius:20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.footer{background:#000;color:#fff;text-align:center;padding:20px;margin-top:40px}
.btn{background:#2d5c33;color:#fff;padding:10px 15px;border-radius:10px;text-decoration:none;display:inline-block}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{padding:12px;border:1px solid #ddd}