/* css/animations.css — Kronos Code Studio */

/* Neon flicker on logo */
@keyframes neon-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: 0.6; }
}

/* Glow pulse for accent elements */
@keyframes glow-pulse {
  0%, 100% { box-shadow: 0 0 8px var(--red-glow-sm); }
  50%       { box-shadow: 0 0 22px var(--red-glow); }
}

/* Slide in from left */
@keyframes slide-left {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Subtle entry for code block */
@keyframes code-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Neon streak lines (horizontal) ── */
.neon-streak {
  position: fixed;
  left: -340px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--red), var(--gold), transparent);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  will-change: transform, opacity;
  animation: streak-move 6s ease-in-out infinite;
}
.neon-streak:nth-child(1) { top: 22%; width: 260px; animation-delay: 0s;   animation-duration: 7s; }
.neon-streak:nth-child(2) { top: 48%; width: 180px; animation-delay: 2.5s; animation-duration: 9s; }
.neon-streak:nth-child(3) { top: 71%; width: 320px; animation-delay: 4s;   animation-duration: 6s; }
.neon-streak:nth-child(4) { top: 88%; width: 140px; animation-delay: 1s;   animation-duration: 8s; }

@keyframes streak-move {
  0%   { transform: translateX(0); opacity: 0; }
  10%  { opacity: 0.6; }
  90%  { opacity: 0.4; }
  100% { transform: translateX(calc(110vw + 340px)); opacity: 0; }
}

/* ── Corner glow pulse on cards ── */
@keyframes corner-pulse {
  0%,100% { box-shadow: 0 0 0 1px rgba(192,24,42,0.15), 0 0 15px rgba(192,24,42,0.08); }
  50%      { box-shadow: 0 0 0 1px rgba(255,215,0,0.2),  0 0 25px rgba(255,215,0,0.06); }
}
.idea-card:hover  { animation: corner-pulse 2s ease-in-out infinite; }
.service-card:hover { animation: corner-pulse 2s ease-in-out infinite; }