.dots-bg {
  position: relative;
  background: linear-gradient(90deg, #ffffff 0%, #d6e2f7 100%);
}

.dots-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, #b7c5ec 2.3px, transparent 2.6px);
  background-size: 24px 24px;
  pointer-events: none;
  z-index: 0;
}

.dots-bg * {
  position: relative;
  z-index: 1;
}

.glow-bg-dark {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background-color: #14171d;
  background-image: radial-gradient(ellipse 700px 500px at 10% 15%, rgba(180, 45, 40, 0.45), transparent 60%), radial-gradient(ellipse 900px 700px at 85% 70%, rgba(70, 90, 130, 0.35), transparent 65%);
}

.glow-bg-dark > * {
  position: relative;
  z-index: 1;
}