:root{
  --primary:#17a673;
  --primary-700:#11865c;
  --soft:#e7f7f0;
  --dark:#1b2b28;
}
body{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;background:#f7faf9;color:#1d2630}
.navbar{box-shadow:0 4px 20px rgba(0,0,0,.06)}
.hero{
  background:linear-gradient(0deg, rgba(23,166,115,.85), rgba(23,166,115,.85)), url('../img/hero.jpg') center/cover no-repeat;
  color:#fff;
  border-radius:1rem;
  overflow:hidden;
}
.hero .overlay{padding:4rem 2rem}
.shadow-soft{ box-shadow:0 6px 24px rgba(0,0,0,.06); }
.feature-card { transition: transform .15s ease, box-shadow .15s ease; }
.feature-card:hover { transform: translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.08); }
.feature-icon i { color:#17a673; } /* hijau brand */
.stat-card{
  background:#fff;border:1px solid #e9ecef;border-radius:18px;
  padding:20px; box-shadow:0 2px 12px rgba(0,0,0,.04);
  display:flex; flex-direction:column; justify-content:space-between;
}
.stat-card .badge{background:#e9f7ef;color:#198754;font-weight:600}
.stat-metric{
  font-size:52px; line-height:1; font-weight:800;
  color:#198754; opacity:.12; text-align:right;
}
.section-title{
  font-weight:700;color:var(--dark);position:relative;margin-bottom:1rem
}
.section-title::after{content:'';display:block;width:80px;height:4px;background:var(--primary);border-radius:999px;margin-top:.5rem}
.card-news .card-img-top{height:160px;object-fit:cover}
.badge-pill{border-radius:999px}
footer{background:#0b1a17;color:#cfeee4}
footer a{color:#cfeee4}
.kip{border-left:4px solid var(--primary);padding-left:1rem}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}
.small-muted{color:#5c6b66;font-size:.95rem}