/* animations.css — Luminary Technicals */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(245,197,24,0.1)}50%{box-shadow:0 0 40px rgba(245,197,24,0.2)}}
@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}
.animate-on-scroll.delay-1{transition-delay:0.1s}
.animate-on-scroll.delay-2{transition-delay:0.2s}
.animate-on-scroll.delay-3{transition-delay:0.3s}
.animate-on-scroll.delay-4{transition-delay:0.4s}

.hero-content{animation:fadeInUp 0.8s ease forwards}
.hero-tagline{animation:fadeInDown 0.6s ease forwards}
.hero-glow{animation:float 6s ease-in-out infinite,pulseGlow 4s ease-in-out infinite}

.stagger-children > *{opacity:0;animation:fadeInUp 0.5s ease forwards}
.stagger-children > *:nth-child(1){animation-delay:0.05s}
.stagger-children > *:nth-child(2){animation-delay:0.1s}
.stagger-children > *:nth-child(3){animation-delay:0.15s}
.stagger-children > *:nth-child(4){animation-delay:0.2s}
.stagger-children > *:nth-child(5){animation-delay:0.25s}
.stagger-children > *:nth-child(6){animation-delay:0.3s}

.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.05) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);min-height:20px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
  .animate-on-scroll{opacity:1;transform:none}
  .hero-glow{animation:none}
}