/* Subtle polish beyond Tailwind utilities */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.hero-gradient {
  background: radial-gradient(
 ellipse 120% 80% at 70% -20%,
      rgba(14, 165, 233, 0.18),
      transparent 50%
    ),
    radial-gradient(
      ellipse 80% 60% at 0% 100%,
      rgba(245, 158, 11, 0.12),
      transparent 45%
    ),
    linear-gradient(180deg, #0f172a 0%, #0c1222 100%);
}

.glass-nav {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}