/* BlackRaven Security Scanner — Animations (v3 — a11y pass) */

/* ══════════ Scanline Overlay ══════════ */
.scanline-overlay::after {
  content: '';
  position: fixed; top:0; left:0; right:0; bottom:0;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,0.06) 0 1px, transparent 1px 3px);
  pointer-events: none; z-index: 9999;
}

/* ══════════ Screen Power-On ══════════ */
@keyframes screenOn {
  0% { opacity:0; filter:brightness(20) saturate(0); transform:scaleY(0.005) scaleX(0.3); }
  20% { opacity:1; filter:brightness(5) saturate(0); transform:scaleY(0.005) scaleX(1); }
  50% { filter:brightness(2) saturate(0.5); transform:scaleY(1) scaleX(1); }
  100% { opacity:1; filter:brightness(1) saturate(1); transform:scaleY(1) scaleX(1); }
}
.screen-on { animation: screenOn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }

/* ══════════ Fade In Up (staggered) ══════════ */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(16px); }
  to { opacity:1; transform:translateY(0); }
}
.animate-in { opacity:0; animation: fadeInUp 0.4s ease both; }
.animate-in.d1 { animation-delay: 0.08s; }
.animate-in.d2 { animation-delay: 0.16s; }
.animate-in.d3 { animation-delay: 0.24s; }
.animate-in.d4 { animation-delay: 0.32s; }

/* ══════════ Stat Pulse (number glow) ══════════ */
@keyframes statPulse {
  0%,100% { text-shadow: 0 0 8px rgba(0,255,65,0.2); }
  50% { text-shadow: 0 0 16px rgba(0,255,65,0.5); }
}
.stat-pulse { animation: statPulse 3s ease-in-out infinite; }

/* Matrix rain removed — no value in a professional tool */

/* ══════════ Power-Up Pulse (login CTA) ══════════ */
@keyframes powerUp {
  0%,100% { box-shadow: 0 0 0 0 rgba(0,255,65,0.4); }
  50% { box-shadow: 0 0 16px 4px rgba(0,255,65,0.12); }
}
.power-up { animation: powerUp 2.5s ease-in-out infinite !important; opacity:1 !important; }

/* ══════════ Button Press (8-bit) ══════════ */
.btn-press:active { transform: translate(2px, 2px) !important; box-shadow:none !important; }

/* ══════════ PREFERS REDUCED MOTION ══════════ */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .scanline-overlay::after { display: none; }
  .matrix-bg { display: none; }
  .animate-in { opacity: 1; }
  .screen-on { opacity: 1; filter: none; transform: none; }
  .power-up { box-shadow: none !important; }
  .stat-pulse { text-shadow: none; }
}