/* Small things Tailwind utility classes can't express cleanly. Everything else is Tailwind. */

.page-bg {
  background-image:
    radial-gradient(ellipse 1200px 600px at 15% -10%, rgba(255, 138, 61, 0.10), transparent 60%),
    radial-gradient(ellipse 900px 500px at 100% 0%, rgba(95, 217, 138, 0.06), transparent 55%);
  background-attachment: fixed;
}

.hero-glow {
  position: absolute;
  inset: -40% -10% auto -10%;
  height: 280px;
  border-radius: 100%;
  filter: blur(60px);
  opacity: 0.35;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }
}