  <style>
    :root{
      --brand:#0b5ed7; /* biru sekolah */
      --muted:#6c757d;
    }
    .hero{
      background: linear-gradient(90deg, rgba(11,94,215,0.08), rgba(11,94,215,0.02));
      padding: 6rem 0;
    }
    .card-icon{font-size:2rem;color:var(--brand)}
    .feature {min-height: 120px}
    .badge-pill{border-radius:999px}
    footer{padding:3rem 0}
    .site-nav a.nav-link{color:rgba(0,0,0,0.8)}
    @media (max-width:767px){
      .hero{padding:3rem 0}
    }

  </style>