/* Efek transisi sederhana untuk halaman & section */
/* Tambahkan class .fade-in pada body/elemen yang ingin di-animasi saat muncul */

@keyframes fadeInUp{
  from{ opacity:0; transform:translate3d(0,8px,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}
.fade-in{
  animation: fadeInUp .45s ease-out both;
}

/* Link underline animasi (opsional) */
a.link-underline{
  position:relative; text-decoration:none;
}
a.link-underline::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:currentColor; transition:width .2s ease;
}
a.link-underline:hover::after{ width:100%; }

/* Transition untuk kartu / grid */
.card-appear{
  opacity:0; transform:translateY(8px);
  animation: fadeInUp .4s ease-out forwards;
}
.card-appear:nth-child(2){ animation-delay:.05s; }
.card-appear:nth-child(3){ animation-delay:.1s; }
.card-appear:nth-child(4){ animation-delay:.15s; }