/* FSS Smart Screener — Futuristic Animations */
/* Bỏ file này vào thư mục: assets/ */

/* ⚠️ Ghi chú rà soát: do các file .css trong assets/ được Dash nạp theo
   thứ tự alphabet, các @keyframes cùng tên định nghĩa lại ở file nạp
   sau (header.css, header_styles.css, style.css) sẽ đè lên bản ở đây —
   "blink", "float", "gradientFlow", "gradient-shift" đang bị các file đó
   ghi đè, và "sweep" hiện không được dùng ở đâu. Chỉ "pulse" thực sự
   còn phát huy tác dụng (dùng cho .loading-pulse), nay đã đổi sang biến
   theme (--accent) để tự đổi màu theo sáng/tối thay vì cyan cứng. */

@keyframes sweep {
  0%   { left: -60%; }
  100% { left: 120%; }
}

@keyframes blink {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.3; transform: scale(0.7); }
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 8px var(--accent), 0 0 16px var(--accent-glow); }
  50%       { box-shadow: 0 0 4px var(--accent), 0 0 8px var(--accent-dim); }
}

@keyframes gradientFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes gradient-shift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-6px); }
}