/* Keep the server-rendered landing visible before Next.js hydration. */
main [style*="opacity:0"][style*="filter:blur(10px)"] {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Large blurred blobs are visually useful but expensive when animated forever. */
.aurora-blob {
  animation: none !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  .animate-gradient,
  .animate-marquee,
  .animate-marquee-reverse,
  .animate-ping,
  .animate-pulse,
  .animate-spin {
    animation: none !important;
  }
}