/* ===================================================
   animations.css — Keyframes & Animation Utility Classes
   No dependencies — safe to import standalone.
   =================================================== */

/* ── Fade-in utilities ────────────────────────────── */
.animate-fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}

.animate-fade-in-delay {
  opacity: 0;
  animation: fadeIn 0.8s ease 0.2s forwards;
}

.animate-fade-in-delay-2 {
  opacity: 0;
  animation: fadeIn 0.8s ease 0.4s forwards;
}

.animate-fade-in-delay-3 {
  opacity: 0;
  animation: fadeIn 0.8s ease 0.6s forwards;
}

/* ── Slide-in utility ─────────────────────────────── */
.animate-slide-in {
  opacity: 0;
  transform: translateX(50px);
  animation: slideIn 0.8s ease 0.3s forwards;
}

/* ── Keyframes ────────────────────────────────────── */
@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-15px); }
}

@keyframes cc-pulse {
  0%, 100% { opacity: 1;  transform: scale(1);   }
  50%       { opacity: 0.5; transform: scale(0.7); }
}