/* =========================================
   ReconCG v5.0
   animations.css — Motion & transitions
   ========================================= */

@media (prefers-reduced-motion: no-preference) {

  .hero h1 {
    animation: fadeUp 0.6s ease both;
  }

  .hero p {
    animation: fadeUp 0.6s ease 0.1s both;
  }

  .hero button {
    animation: fadeUp 0.6s ease 0.2s both;
  }

  .dashboard {
    animation: fadeIn 0.5s ease both;
  }

  .tool-btn {
    animation: slideIn 0.25s ease both;
  }

  .history-item {
    animation: fadeUp 0.25s ease both;
  }

  #output:not(:placeholder-shown) {
    animation: pulseGlow 0.5s ease;
  }

}

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

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

@keyframes slideIn {
  from { opacity: 0; transform: translateX(-6px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes pulseGlow {
  0%   { box-shadow: 0 0 0 0 rgba(57, 255, 158, 0.35); }
  100% { box-shadow: 0 0 0 8px rgba(57, 255, 158, 0); }
}

/* Respect users who've asked for less motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}