#ps-background {
  position: fixed;
  inset: 0;
  background: linear-gradient(
    135deg,
    #d8f6ff 0%,
    #ebdeff 50%,
    #ffe8f6 100%
  );
  z-index: -1;
  overflow: hidden;
}

/* Triangle */
.ps-shape.triangle {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #9ff5c4; /* brighter, saturated pastel green */
  box-shadow: 0 0 25px rgba(74, 222, 128, 0.75);
}

/* Cross */
.ps-shape.cross {
  background: transparent;
}
.ps-shape.cross::before,
.ps-shape.cross::after {
  content: '';
  position: absolute;
  width: 28%;
  height: 100%;
  background: #ffc6c9; /* brighter pinkish red */
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(248, 113, 113, 0.75);
}
.ps-shape.cross::before { transform: rotate(45deg); }
.ps-shape.cross::after { transform: rotate(-45deg); }

/* Square */
.ps-shape.square {
  background: transparent;
  border: 10px solid #b7d7ff; /* brighter blue */
  box-shadow: 0 0 25px rgba(96, 165, 250, 0.75);
  border-radius: 12px;
}

/* Circle */
.ps-shape.circle {
  background: transparent;
  border: 10px solid #ffffff; /* pure white */
  border-radius: 50%;
  box-shadow: 0 0 28px rgba(255, 255, 255, 0.9);
}
