/* ============================================================
   MY VTC GO — index-animation.css
   Animations spécifiques aux pages index
   Séparé de index.css pour permettre de désactiver
   les animations indépendamment (accessibilité, perf)
   ============================================================ */

/* ===== PULSE (live dot hero) ===== */
@keyframes pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:.6; transform:scale(1.4); }
}

/* ===== QUICK-NAV STAGGER ===== */
.qnav-btn {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.qnav-btn.qnav-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== HERO MOUSE GLOW ===== */
.hero {
  --mx: 50%;
  --my: 50%;
}
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    600px circle at var(--mx) var(--my),
    rgba(192,192,192,0.04),
    transparent 60%
  );
  z-index: 2;
  pointer-events: none;
  transition: background 0.1s ease;
}

/* ===== ENTRÉE AU SCROLL (IntersectionObserver) ===== */
/* Les sections s'animent à l'entrée dans le viewport */
.section-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.22,.68,0,1.2);
}
.section-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== PREFERS REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .qnav-btn, .section-reveal {
    opacity: 1; transform: none; transition: none;
  }
  .live-dot { animation: none; }
  .hero::after { display: none; }
}