:root {
  --hero-bg: radial-gradient(
      1200px 600px at 20% 0%,
      rgba(0, 0, 0, 0.08),
      transparent 60%
    ),
    radial-gradient(
      1200px 600px at 80% 20%,
      rgba(0, 0, 0, 0.06),
      transparent 60%
    );
}

html {
  scroll-behavior: smooth;
}

.section {
  padding: 4rem 0;
}

.hero-section {
  background: var(--hero-bg);
}

.card,
.rounded-4 {
  border-radius: 1rem !important;
}