:root{
  --unihaz-cream:#fff5ed;
  --unihaz-navy:#243b7f;
  --unihaz-orange:#f8a134;
  --unihaz-blue:#0a5cd9;
  --unihaz-text:#0f172a;
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--unihaz-text);
  background: #ffffff;
}

.unihaz-topbar{
  background: var(--unihaz-navy);
  color: #fff;
  font-size: .9rem;
}
.unihaz-topbar a{ color:#fff; text-decoration:none; opacity:.95; }
.unihaz-topbar a:hover{ opacity:1; text-decoration:underline; }

.unihaz-navbar{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.unihaz-brand img{ height: 44px; width:auto; }

.navbar .nav-link{
  font-weight: 600;
  color: rgba(15,23,42,.85);
}
.navbar .nav-link:hover{ color: var(--unihaz-blue); }

.unihaz-hero{
  background: linear-gradient(180deg, var(--unihaz-cream), #ffffff);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.unihaz-hero h1{
  letter-spacing: -0.02em;
}
.unihaz-pill{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  padding:.35rem .7rem;
  border-radius: 999px;
  background: rgba(36,59,127,.08);
  color: var(--unihaz-navy);
  font-weight: 700;
  font-size: .85rem;
}

.btn-unihaz-primary{
  background: var(--unihaz-blue);
  border-color: var(--unihaz-blue);
}
.btn-unihaz-primary:hover{
  filter: brightness(.95);
}

.btn-unihaz-accent{
  background: var(--unihaz-orange);
  border-color: var(--unihaz-orange);
  color: #1f2937;
  font-weight: 700;
}
.btn-unihaz-accent:hover{
  filter: brightness(.98);
}

.unihaz-card{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(15,23,42,.06);
}
.unihaz-card .card-title{ font-weight: 800; }

.unihaz-stat{
  display:flex;
  gap:.75rem;
  align-items:center;
}
.unihaz-stat .num{
  font-weight: 900;
  color: var(--unihaz-navy);
  font-size: 1.25rem;
}
.unihaz-stat .lbl{
  color: rgba(15,23,42,.70);
  font-size: .9rem;
}

.unihaz-footer{
  background: #0b1227;
  color: rgba(255,255,255,.82);
}
.unihaz-footer a{ color: rgba(255,255,255,.9); text-decoration:none; }
.unihaz-footer a:hover{ text-decoration:underline; }

.unihaz-footer .title{
  color:#fff;
  font-weight: 800;
}


/* ================= HERO FULL BACKGROUND ================= */
.unihaz-hero-full{
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.unihaz-hero-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.02);
}

.unihaz-hero-overlay{
  position: absolute;
  inset: 0;
  /* gradient supaya teks kebaca */
  background: linear-gradient(
    90deg,
    rgba(36,59,127,0.78) 0%,
    rgba(36,59,127,0.55) 45%,
    rgba(36,59,127,0.20) 100%
  );
}

.unihaz-hero-full .container{
  z-index: 2;
}

.text-white-80{
  color: rgba(255,255,255,.85);
}

/* tombol hero: warna #f8a134 seperti primary */
.btn-unihaz-hero{
  background: #f8a134;
  border-color: #f8a134;
  color: #111;
  font-weight: 700;
}

.btn-unihaz-hero:hover,
.btn-unihaz-hero:focus{
  background: #e89a22;   /* sedikit lebih gelap */
  border-color: #e89a22;
  color: #111;
}

/* pill di hero biar kontras */
.unihaz-hero-full .unihaz-pill{
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
}

/* responsive */
@media (max-width: 576px){
  .unihaz-hero-full{ min-height: 460px; }
  .unihaz-hero-full .display-6{ font-size: 1.9rem; }
}