.background {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.bg-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(transparent 96%, rgba(31, 81, 160, 0.08) 100%),
    linear-gradient(90deg, transparent 96%, rgba(31, 81, 160, 0.08) 100%);
  background-size: 56px 56px;
  opacity: 0.25;
}

.bg-shape {
  position: absolute;
  filter: blur(0.2px);
  transform: rotate(35deg);
}

.bg-shape-a {
  width: 520px;
  height: 520px;
  left: -140px;
  top: -100px;
  border-radius: 60px;
  background: linear-gradient(150deg, rgba(0, 189, 223, 0.46), rgba(32, 96, 219, 0.24));
}

.bg-shape-b {
  width: 640px;
  height: 640px;
  right: -260px;
  top: 120px;
  border-radius: 90px;
  background: linear-gradient(150deg, rgba(121, 91, 229, 0.3), rgba(70, 85, 224, 0.2));
}

.bg-shape-c {
  width: 520px;
  height: 520px;
  right: 110px;
  bottom: -260px;
  border-radius: 120px;
  background: linear-gradient(145deg, rgba(0, 192, 224, 0.24), rgba(56, 70, 210, 0.24));
}