/* ── Scroll-triggered fade-up animations ──────────────────────────────────── */
.scroll-animate {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.scroll-animate.delay-1 { transition-delay: 0.10s; }
.scroll-animate.delay-2 { transition-delay: 0.20s; }
.scroll-animate.delay-3 { transition-delay: 0.30s; }
.scroll-animate.delay-4 { transition-delay: 0.40s; }
.scroll-animate.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* ── Certificate lightbox modal animation ─────────────────────────────────── */
.modal-card {
  opacity: 0;
  transform: scale(0.93) translateY(16px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.modal-card.modal-open {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* ── Credential card hover glow ───────────────────────────────────────────── */
.cert-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cert-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(22, 58, 95, 0.12);
}

/* ── Stats counter pulse ─────────────────────────────────────────────────── */
@keyframes pulse-orange {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.75; }
}
.stat-pulse { animation: pulse-orange 2.5s ease-in-out infinite; }