/* =====================================================
   iGreen — animations.css
   Entrance animations & visual effects
   ===================================================== */

/* ---------- Hidden state ---------- */
.anim-hidden{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;}
.anim-hidden.visible{opacity:1;transform:translateY(0);}

/* Stagger delays */
.anim-delay-1{transition-delay:.1s;}
.anim-delay-2{transition-delay:.2s;}
.anim-delay-3{transition-delay:.3s;}
.anim-delay-4{transition-delay:.4s;}
.anim-delay-5{transition-delay:.5s;}

/* ---------- Scale In ---------- */
@keyframes scaleIn{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}

/* ---------- Particle ---------- */
.particle{
  position:absolute;border-radius:50%;pointer-events:none;
  animation:floatUp linear infinite;
}
@keyframes floatUp{
  0%{transform:translateY(0) translateX(0);opacity:0;}
  10%{opacity:1;}
  90%{opacity:1;}
  100%{transform:translateY(-100vh) translateX(30px);opacity:0;}
}

/* ---------- Hero float ---------- */
.hero-float{animation:heroFloat 8s ease-in-out infinite;}
.hero-float-2{animation:heroFloat 10s ease-in-out infinite reverse;}
@keyframes heroFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-20px);}
}

/* ---------- Glow pulse on cards ---------- */
@keyframes glowPulse{
  0%,100%{box-shadow:0 0 0 rgba(57,255,20,0);}
  50%{box-shadow:0 0 20px rgba(57,255,20,0.15);}
}

/* ---------- Counter flash ---------- */
@keyframes counterFlash{
  0%{text-shadow:none;}
  50%{text-shadow:0 0 20px rgba(57,255,20,0.5);}
  100%{text-shadow:none;}
}