/* Omni Agents — animações. Baseado no padrão do design system Cognix (Asimov Academy), adaptado. */
:root { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fade-in-up 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  opacity: 0;
}
.stagger-1 { animation-delay: 100ms; }
.stagger-2 { animation-delay: 200ms; }
.stagger-3 { animation-delay: 300ms; }
.stagger-4 { animation-delay: 400ms; }

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 15px rgba(255, 45, 149, 0.5); }
  50% { box-shadow: 0 0 30px rgba(0, 240, 255, 0.6), 0 0 50px rgba(255, 45, 149, 0.3); }
}
.animate-pulse-glow { animation: pulse-glow 3s infinite; }

@keyframes float-anim {
  0%, 100% { transform: translateY(-10px); }
  50% { transform: translateY(6px); }
}
.animate-float { animation: float-anim 4s ease-in-out infinite; }

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}
.animate-blink { animation: blink 1.6s ease-in-out infinite; }

/* Scroll reveal: estado inicial e revelado */
.reveal {
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);
}
.reveal-up { transform: translateY(2.5rem); }
.reveal-left { transform: translateX(2.5rem); }
.reveal-right { transform: translateX(-2.5rem); }
.reveal.is-visible { opacity: 1; transform: translate(0, 0); }

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in-up, .animate-pulse-glow, .animate-float, .animate-blink { animation: none; opacity: 1; }
  .reveal { opacity: 1; transform: none; transition: none; }
}