/*!
 * animations.css -http://kodester.com/
 * Version - 2.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2026 Bigez
 */

/* Loading screen text blur */
@keyframes blur-text{0%{filter:blur(0px)}100%{filter:blur(4px)}}

/* Aurora background blobs */
@keyframes au1{to{transform:translate(40px,25px) scale(1.1)}}
@keyframes au2{to{transform:translate(-30px,-30px) scale(1.08)}}
@keyframes au3{to{transform:translate(-20px,20px) scale(1.12)}}

/* Hero gear spin */
@keyframes spinGear{to{transform:rotate(360deg)}}

/* Title letter glow animation */
@keyframes animate
{
        0%
        {
                color: #484848;
                text-shadow: none;
                transform: scale(1);
        }
        90%
        {
                color: #484848;
                text-shadow: none;
                transform: scale(1);
        }
        100%
        {
                color: #fff900;
                text-shadow: 0 0 7px #fff900, 0 0 50px #ff6c00;
                transform: scale(1.5);
        }
}

/* Conflict zone pulse */
@keyframes conflict-ping{
  0%{transform:translate(-50%,-50%) scale(0.5);opacity:0.8}
  100%{transform:translate(-50%,-50%) scale(3.5);opacity:0}
}

/* Click particle fade */
@keyframes particleFade{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--px),var(--py)) scale(0)}}

/* Bar loader bounce */
@-webkit-keyframes delay{0%,40%,100%{-webkit-transform:scaleY(0.05)}20%{-webkit-transform:scaleY(1.0)}}
@keyframes delay{0%,40%,100%{transform:scaleY(0.05);-webkit-transform:scaleY(0.05)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

/* Kodester brand tag SVG hue rotation */
@keyframes tagLeft{
  0%{filter:hue-rotate(0deg) drop-shadow(0 0 4px rgba(64,128,255,0.3));transform:translateY(0)}
  12.5%{filter:hue-rotate(45deg) drop-shadow(0 0 10px rgba(64,191,255,0.5));transform:translateY(-3px)}
  25%{filter:hue-rotate(90deg) drop-shadow(0 0 6px rgba(64,255,128,0.4));transform:translateY(0)}
  37.5%{filter:hue-rotate(135deg) drop-shadow(0 0 12px rgba(191,255,64,0.5));transform:translateY(-2px)}
  50%{filter:hue-rotate(180deg) drop-shadow(0 0 8px rgba(255,191,64,0.4));transform:translateY(0)}
  62.5%{filter:hue-rotate(225deg) drop-shadow(0 0 14px rgba(255,128,64,0.5));transform:translateY(-3px)}
  75%{filter:hue-rotate(270deg) drop-shadow(0 0 6px rgba(191,64,255,0.4));transform:translateY(0)}
  87.5%{filter:hue-rotate(315deg) drop-shadow(0 0 10px rgba(64,64,255,0.5));transform:translateY(-2px)}
  100%{filter:hue-rotate(360deg) drop-shadow(0 0 4px rgba(64,128,255,0.3));transform:translateY(0)}
}
@keyframes tagRight{
  0%{filter:hue-rotate(180deg) drop-shadow(0 0 6px rgba(255,191,64,0.3));transform:translateY(0)}
  12.5%{filter:hue-rotate(225deg) drop-shadow(0 0 12px rgba(255,128,64,0.5));transform:translateY(2px)}
  25%{filter:hue-rotate(270deg) drop-shadow(0 0 8px rgba(191,64,255,0.4));transform:translateY(0)}
  37.5%{filter:hue-rotate(315deg) drop-shadow(0 0 14px rgba(64,64,255,0.5));transform:translateY(3px)}
  50%{filter:hue-rotate(360deg) drop-shadow(0 0 4px rgba(64,128,255,0.3));transform:translateY(0)}
  62.5%{filter:hue-rotate(405deg) drop-shadow(0 0 10px rgba(64,191,255,0.5));transform:translateY(2px)}
  75%{filter:hue-rotate(450deg) drop-shadow(0 0 6px rgba(64,255,128,0.4));transform:translateY(0)}
  87.5%{filter:hue-rotate(495deg) drop-shadow(0 0 12px rgba(191,255,64,0.5));transform:translateY(3px)}
  100%{filter:hue-rotate(540deg) drop-shadow(0 0 6px rgba(255,191,64,0.3));transform:translateY(0)}
}

/* Kodester brand letters flip */
@-webkit-keyframes flip{
  0%{-webkit-transform:rotateX(0deg)}
  35%{-webkit-transform:rotateX(360deg)}
  100%{-webkit-transform:rotateX(360deg)}
}
@keyframes flip{
  0%{transform:rotateX(0deg)}
  35%{transform:rotateX(360deg)}
  100%{transform:rotateX(360deg)}
}

/* WiFi indicator arcs */
@keyframes arcWave{
  0%, 100%{
    opacity:0.15;
    transform:translateY(1.5px) scaleY(0.85);
  }
  50%{
    opacity:0.9;
    transform:translateY(-1.5px) scaleY(1.05);
  }
}
@keyframes dotSearch{
  0%, 100%{opacity:0.2;transform:scale(0.7)}
  50%{opacity:1;transform:scale(1.3)}
}
@keyframes arcPulse{
  0%, 100%{opacity:0.75}
  50%{opacity:1}
}

/* Countdown blink */
@keyframes countBlink{0%,100%{opacity:1}50%{opacity:0.2}}

/* Clock pulse */
@keyframes clockPulse{0%,100%{opacity:0.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}

/* ===== UTILITY KEYFRAMES ===== */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes gradMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes shimmerTitle{0%{background-position:300% 0}100%{background-position:0% 0}}
@keyframes sweep{0%{left:-16px}100%{left:calc(100% + 16px)}}
@keyframes sweepX{0%,100%{left:-40%}50%{left:100%}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ping{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.5);opacity:0}}
@keyframes fadeIn{to{opacity:1}}
@keyframes popIn{0%{opacity:0;transform:scale(.5) rotate(-20deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,100%{border-color:rgba(150,155,180,0.3)}50%{border-color:transparent}}