Hero Background CSS Generator

.hero-bg {
  background:
    radial-gradient(circle at 20% 10%, color-mix(in srgb, #0ea5e9 45%, transparent), transparent 45%),
    radial-gradient(circle at 80% 0%, color-mix(in srgb, #1e293b 35%, transparent), transparent 40%),
    linear-gradient(145deg, #1e293b, #0ea5e9);
}