/* =============================================================================
   utilities.css — Shared animations and utility classes
   Used by: ALL pages (loaded after index.css)
   ============================================================================= */

/* ═══════════════════════════════════════════════════════════════════════════════
   SHARED ANIMATIONS
   ═══════════════════════════════════════════════════════════════════════════════ */

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes scanline {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(400%); }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   UTILITY CLASSES
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Spin animation utility */
.spin {
  animation: spin 0.8s linear infinite;
  display: inline-block;
}

/* Fade in utility */
.fade-in {
  animation: fadeIn 0.3s ease;
}

/* Slide up utility */
.slide-up {
  animation: slideUp 0.3s ease;
}

/* Slide down utility */
.slide-down {
  animation: slideDown 0.25s ease;
}