/* ============================================================
   RASHMI CONSTRUCTIONS — animations.css
   All keyframes and animation classes
   ============================================================ */

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes pageEnter {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes lineFlow {
  from { background-position: 0 0; }
  to   { background-position: 0 160px; }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}
@keyframes pulse-ring {
  0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; }
  50%       { transform: translateY(-50%) scale(1.05); opacity: 0.6; }
}
@keyframes loaderPulse {
  from { opacity: 0.5; transform: scale(0.95); }
  to   { opacity: 1;   transform: scale(1); }
}
@keyframes loaderFill {
  from { width: 0; }
  to   { width: 100%; }
}
@keyframes drawLine {
  from { width: 0; opacity: 0; }
  to   { width: 60px; opacity: 1; }
}
@keyframes waPulse {
  0%, 100% { box-shadow: 0 4px 16px rgba(37,211,102,0.3); }
  50%       { box-shadow: 0 4px 24px rgba(37,211,102,0.5); }
}

/* Page entry */
.page-enter {
  animation: pageEnter 0.45s ease forwards;
  transform: none !important;
}

/* Hero animations */
.hero-anim-1 { animation: fadeInUp 1s ease 0.2s forwards; opacity: 0; }
.hero-anim-2 { animation: fadeInUp 1s ease 0.3s forwards; opacity: 0; }
.hero-anim-3 { animation: fadeInUp 1s ease 0.4s forwards; opacity: 0; }
.hero-anim-4 { animation: fadeInUp 1s ease 0.5s forwards; opacity: 0; }
.hero-anim-5 { animation: fadeInUp 1s ease 0.6s forwards; opacity: 0; }

/* Page hero underline */
.page-hero h1::after { animation: drawLine 0.8s ease 0.4s both; }

/* Floating badge */
.about-img-badge { animation: float 3s ease-in-out infinite; }

/* Leadership rings */
.leadership-ring { animation: float 4s ease-in-out infinite; }

/* WhatsApp */
#whatsapp-btn { animation: waPulse 2.5s ease-in-out infinite; }