/* ==========================================================================
   CKURO.CC — Animation Keyframes
   Glitch, flicker, and CRT vibes. All motion respects prefers-reduced-motion
   via overrides in style.css.
   ========================================================================== */

/* Subtle HDR neon “glow flicker” for accents */
@keyframes neonFlicker {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(57,255,20,0)); }
    10% { filter: drop-shadow(0 0 10px rgba(57,255,20,0.35)); }
    20% { filter: drop-shadow(0 0 16px rgba(57,255,20,0.45)); }
    30% { filter: drop-shadow(0 0 6px rgba(57,255,20,0.25)); }
    40% { filter: drop-shadow(0 0 14px rgba(57,255,20,0.35)); }
    60% { filter: drop-shadow(0 0 18px rgba(57,255,20,0.55)); }
    80% { filter: drop-shadow(0 0 8px rgba(57,255,20,0.25)); }
  }
  
  /* CRT sweep (very subtle) */
  @keyframes crtSweep {
    from { transform: translateY(-2%); opacity: 0.2; }
    to   { transform: translateY(2%);  opacity: 0.0; }
  }
  
  /* Glitch slice jitter */
  @keyframes glitchShift {
    0%   { transform: translate(0, 0); }
    20%  { transform: translate(2px, -1px); }
    40%  { transform: translate(-3px, 1px); }
    60%  { transform: translate(3px, 0); }
    80%  { transform: translate(-2px, 1px); }
    100% { transform: translate(0, 0); }
  }
  
  /* Apply animations via utility classes */
  .neon-flicker { animation: neonFlicker 3.5s infinite steps(60, end); }
  .crt-sweep::after {
    content: "";
    position: absolute; left: 0; right: 0;
    height: 15%;
    top: -10%;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0));
    animation: crtSweep 2.8s linear infinite;
    pointer-events: none;
  }
  
  /* Glitch on the pseudo-elements defined in style.css */
  .glitch::before { animation: glitchShift 1.6s infinite ease-in-out alternate; }
  .glitch::after  { animation: glitchShift 1.2s infinite ease-in-out alternate-reverse; }
  
  /* Optional: pulse attention for CTAs */
  @keyframes pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.02); }
  }
  .pulse { animation: pulse 2.5s ease-in-out infinite; }