/* ── Slide in (step cards and screens) ── */
@keyframes slideIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Spin (upload chip loading indicator, overlay loader) ── */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* ── Pop in (overlay messages) ── */
@keyframes popIn {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}

/* ── Float (decorative background elements — desktop only) ── */
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  25%       { transform: translateY(-20px) rotate(90deg); }
  50%       { transform: translateY(0px) rotate(180deg); }
  75%       { transform: translateY(20px) rotate(270deg); }
}

/* ── FAB Pulse (guide button draw-attention on load) ── */
@keyframes fab-pulse {
  0%, 100% { box-shadow: 0 6px 24px rgba(0,61,165,0.35); }
  50%       { box-shadow: 0 6px 24px rgba(0,61,165,0.35), 0 0 0 8px rgba(0,61,165,0.12); }
}