@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-up {
  animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  opacity: 0;
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* Kill the Reflex WebSocket error for static deployments */
.rt-ToastRoot, 
.rt-ToastViewport,
#connection-error, 
#reflex-connection-error,
[data-sonner-toaster],
svg[class*="lucide-wifi-off"],
div[title*="Connection Error"],
#reflex-logo,
a[href*="reflex.dev"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}