/* ============================================================
   FKOZ SOUND UNIVERSE — animations.css
   Keyframes, looping animations, reduced-motion
   ============================================================ */

@keyframes pulse{
  0%,100%{filter:drop-shadow(0 0 22px rgba(74,157,224,.45));transform:scale(1);}
  50%{filter:drop-shadow(0 0 42px rgba(74,157,224,.85));transform:scale(1.04);}
}
@keyframes bob{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.4;}
  50%{transform:rotate(45deg) translate(5px,5px);opacity:1;}
}
@keyframes spin{ to{transform:rotate(360deg);} }
@keyframes glowPulse{
  0%,100%{opacity:.5;}
  50%{opacity:.85;}
}

/* Looping decorative animations */
.hero-logo{animation:pulse 4.5s ease-in-out infinite;}
.connect .clogo{animation:pulse 4.5s ease-in-out infinite;}
.char-figure .sigil{animation:spin 80s linear infinite;}
.scroll-ind .arrow{
  width:18px;height:18px;
  border-right:2px solid var(--blue-electric);
  border-bottom:2px solid var(--blue-electric);
  transform:rotate(45deg);
  animation:bob 1.8s infinite;
}

/* Hero energy ring + floating symbols + sound wave */
@keyframes ringSpin{ to{ transform:rotate(360deg); } }
@keyframes ringPulse{ 0%,100%{opacity:.5;} 50%{opacity:.85;} }
@keyframes floatY{ 0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-22px) rotate(8deg);} }
@keyframes waveShift{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

.hero-energy{animation:ringPulse 5s ease-in-out infinite;}

/* soft glow pulse on the most important buttons (paused on hover) */
@keyframes btnGlow{0%,100%{box-shadow:0 0 22px -10px rgba(74,157,224,.7);}50%{box-shadow:0 0 30px -5px rgba(74,157,224,.95);}}
@keyframes btnGlowGold{0%,100%{box-shadow:0 0 22px -10px rgba(200,169,110,.65);}50%{box-shadow:0 0 30px -5px rgba(200,169,110,.95);}}
.btn-primary{animation:btnGlow 3.6s ease-in-out infinite;}
.btn-support{animation:btnGlowGold 3.6s ease-in-out infinite;}
.btn-primary:hover,.btn-support:hover{animation-play-state:paused;}
.float-symbol{animation:floatY 14s ease-in-out infinite;}
.float-symbol:nth-of-type(2){animation-duration:18s;animation-delay:-3s;}
.float-symbol:nth-of-type(3){animation-duration:22s;animation-delay:-7s;}
.float-symbol:nth-of-type(4){animation-duration:16s;animation-delay:-5s;}
.float-symbol:nth-of-type(5){animation-duration:20s;animation-delay:-10s;}
.soundwave svg{width:200%;animation:waveShift 12s linear infinite;}

/* Respect users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  html{scroll-behavior:auto;}
}