/* Background Circle Gradient Utilities */

body {
  background-color: #ffffff;
}

.bg-circle-gradient-top-right {
  position: absolute;
  top: -8rem;
  right: -8rem;
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(37, 99, 235, 0.25) 0%, rgba(56, 189, 248, 0.15) 45%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

.bg-circle-gradient-bottom-left {
  position: absolute;
  bottom: -8rem;
  left: -8rem;
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(29, 78, 216, 0.2) 0%, rgba(99, 102, 241, 0.12) 45%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}