body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.gradient-blob-1 {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: rgb(139 92 246 / 18%);
  filter: blur(100px);
  top: 5%;
  right: -5%;
  pointer-events: none;
}

.gradient-blob-2 {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: rgb(236 72 153 / 10%);
  filter: blur(100px);
  top: 20%;
  left: -10%;
  pointer-events: none;
}

.gradient-blob-3 {
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: rgb(99 102 241 / 12%);
  filter: blur(90px);
  bottom: 10%;
  right: 10%;
  pointer-events: none;
}

.dot {
  position: absolute;
  border-radius: 50%;
  background: rgb(139 92 246 / 20%);
  pointer-events: none;
}

.product-screenshot {
  perspective: 1000px;
}

.product-screenshot .dashboard-card {
  transform: perspective(1000px) rotateX(5deg);
  transform-origin: bottom center;
  box-shadow:
    0 40px 100px -20px rgb(0 0 0 / 25%),
    0 20px 40px -10px rgb(0 0 0 / 10%);
}