/*
  Small supplemental layer on top of Tailwind. Tailwind utility classes carry
  the bulk of the styling; this file only holds a couple of base tweaks and the
  gradient utility used by the hero.
*/

html, body {
    scroll-behavior: smooth;
}

.hero-grid {
    background-image:
        radial-gradient(circle at 20% 20%, rgba(53, 99, 235, 0.18), transparent 40%),
        radial-gradient(circle at 80% 0%, rgba(30, 63, 168, 0.22), transparent 45%);
}

.text-gradient {
    background: linear-gradient(90deg, #8eb4ff 0%, #3563eb 50%, #1e3fa8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Loading dots used while Blazor boots are styled inline in index.html. */