/* FinishAI — Animations CSS (Linear.app Minimalist) */
/* Clean, subtle, 150ms transitions only. No heavy animations or gradient orbs. */

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

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

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

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

.fade-in {
  animation: fadeIn 150ms ease forwards;
}

.fade-up {
  animation: fadeUp 150ms ease forwards;
}

.spin {
  animation: spin 1s linear infinite;
}

.reveal {
  opacity: 1; /* disabled scroll reveal delays for fast linear feel */
  transform: none;
}

.reveal.visible {
  opacity: 1;
  transform: none;
}

.loader {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-default);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}