/* Additional non-tailwind custom styles if needed */
html {
  scroll-behavior: smooth;
}

body {
  scroll-behavior: smooth;
}

.hero-gradient {
  background: radial-gradient(66% 66% at 50% 50%, #6AB9FF 0%, rgba(106,185,255,0) 60%),
              linear-gradient(180deg, #ffd400 0%, rgba(255,212,0,0) 60%);
}

.shadow-hero {
  box-shadow: 0 10px 60px rgba(0,0,0,0.12);
}