:root{
  --primary:#0a8a2a;      /* green */
  --secondary:#d9f5de;    /* light green */
  --dark:#0b1f12;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; background:#f6fff8; color:#122;}

/* Navbar */
.navbar{background:var(--primary);}
.navbar .brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:700}
.navbar img{height:38px;width:auto;border-radius:8px;background:#fff;padding:2px}
.navbar .links a{color:#eaffea;text-decoration:none;margin-left:1rem;font-weight:600}
.navbar .links a:hover{color:#fff;text-decoration:underline}

/* Hero */
.hero{background:linear-gradient(120deg, var(--primary), #20ad53); color:#fff; padding:3.5rem 1rem;}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap}

/* Grid helpers */
.container{max-width:1100px;margin:0 auto;padding:1rem}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width: 900px){ .grid-2{grid-template-columns:1fr} }

/* Card */
.card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05);overflow:hidden}
.card .card-body{padding:1rem 1.2rem}
.card .card-title{font-size:1.1rem;font-weight:800;margin:0 0 .4rem}
.badge{display:inline-block;background:var(--secondary); color:var(--dark); padding:.25rem .6rem; border-radius:999px; font-weight:700}

/* Buttons */
.btn{display:inline-block;border:none;border-radius:999px;padding:.8rem 1.1rem;font-weight:800;cursor:pointer;text-decoration:none}
.btn-primary{background:#0a8a2a;color:#fff}
.btn-primary:hover{filter:brightness(1.05)}
.btn-outline{background:#fff;color:#0a8a2a;border:2px solid #0a8a2a}
.btn-muted{background:#eef7f0;color:#0a8a2a}

/* Forms */
.input{width:100%;padding:.8rem;border:1px solid #cfe9d4;border-radius:10px}
.label{font-weight:700;margin:.6rem 0 .25rem;display:block}
.help{color:#3c6145;font-size:.9rem}

/* Footer */
.footer{background:#e9f7ec;color:#134c25;padding:2rem 1rem;margin-top:2rem}