/* Beranda */
.hero{
  background:linear-gradient(135deg,#eaf1fd 0%,#e7f5ee 100%);
  padding:6rem 0 5rem;position:relative;overflow:hidden;
}
.hero h1{font-size:2.8rem;font-weight:800;line-height:1.2;color:#1f2a3a;margin-bottom:1rem}
.hero h1 span{color:var(--c-blue)}
.hero p{font-size:1.1rem;color:#52606d;max-width:540px;margin-bottom:1.8rem}
.hero-img{
  border-radius:18px;box-shadow:var(--shadow-md);width:100%;
  aspect-ratio:4/3;object-fit:cover;background:#dde6f3;
}

/* Sambutan */
.sambutan-box{
  background:#fff;border-radius:var(--radius);padding:2.5rem;
  box-shadow:var(--shadow-sm);border:1px solid var(--c-border);
}
.sambutan-foto{
  width:140px;height:140px;border-radius:50%;object-fit:cover;
  border:4px solid var(--c-blue-soft);
}

/* Stat singkat */
.stat-mini{
  background:#fff;border-radius:var(--radius);padding:1.5rem;
  text-align:center;border:1px solid var(--c-border);
  box-shadow:var(--shadow-sm);transition:var(--trans);
}
.stat-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.stat-mini .num{font-size:2rem;font-weight:700;color:var(--c-blue)}
.stat-mini .lbl{color:var(--c-gray);font-size:.9rem;margin-top:.25rem}

/* Quick nav */
.quicknav a{
  display:flex;align-items:center;gap:.8rem;padding:1.2rem;
  background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);
  color:var(--c-text);text-decoration:none;transition:var(--trans);
  box-shadow:var(--shadow-sm);height:100%;
}
.quicknav a:hover{
  background:var(--c-blue-soft);color:var(--c-blue);
  transform:translateY(-3px);box-shadow:var(--shadow-md);
}
.quicknav i{font-size:1.6rem;color:var(--c-blue)}

@media(max-width:768px){
  .hero{padding:3rem 0}
  .hero h1{font-size:2rem;text-align:center}
  .hero p{text-align:center;margin:0 auto 1.5rem}
  .hero .text-center-mobile{text-align:center}
}