.geo {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(640px 320px at 0% 0%, rgba(123, 63, 228, 0.1), transparent 62%),
    radial-gradient(520px 280px at 100% 100%, rgba(212, 175, 55, 0.16), transparent 64%),
    #fbf8ff;
}

.geo .curve,
.geo .blob,
.geo .dots {
  display: none;
}

.geo::before,
.geo::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  pointer-events: none;
}

.geo::before {
  top: 0;
  left: 0;
  background:
    linear-gradient(135deg, transparent 46%, #d4af37 46% 49%, transparent 49%),
    linear-gradient(135deg, #7b3fe4 0 46%, transparent 46%);
}

.geo::after {
  right: 0;
  bottom: 0;
  background:
    linear-gradient(315deg, transparent 46%, #d4af37 46% 49%, transparent 49%),
    linear-gradient(315deg, #7b3fe4 0 46%, transparent 46%);
}

body > main {
  position: relative;
  z-index: 1;
}