:root{--primary:#0b63a8;--muted:#f2f6fb}
body{font-family:Inter, Arial, Helvetica, sans-serif;background:var(--muted);margin:0;color:#123}
.container{max-width:1100px;margin:18px auto;padding:12px}
.header{background:#fff;padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px rgba(11,99,168,0.08)}
.logo img{height:56px}
.nav a{margin-left:12px;text-decoration:none;color:var(--primary);font-weight:600}
.card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.input,textarea,select{width:100%;padding:8px;margin-top:6px;border:1px solid #e6eef8;border-radius:6px}
.btn{display:inline-block;padding:8px 12px;background:var(--primary);color:white;border-radius:6px;text-decoration:none}
.stat-card{border-left:6px solid var(--primary);padding:12px;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff)}
.footer{text-align:center;margin-top:24px;color:#556}
.service-box{border-radius:8px;padding:18px;text-align:center;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
/* Font Utama Website */
body {
  font-family: 'Poppins', sans-serif;
}

/* Menu Navigasi */
.navbar-nav .nav-link {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #004080 !important; /* biru elegan */
  transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #0d6efd !important;
  transform: scale(1.05);
}

/* Aktif */
.navbar-nav .nav-link.active {
  color: #0d6efd !important;
  border-bottom: 2px solid #0d6efd;
}