frontend/src/components/FloatingElements.css

.floating-elements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.floating-element {
  position: absolute;
  background: radial-gradient(circle, rgba(32, 52, 113, 0.1), rgba(246, 211, 101, 0.1));
  border-radius: 50%;
  filter: blur(1px);
  opacity: 0.6;
}

.floating-element:nth-child(odd) {
  background: radial-gradient(circle, rgba(255, 154, 158, 0.1), rgba(254, 207, 239, 0.1));
}

.floating-element:nth-child(3n) {
  background: radial-gradient(circle, rgba(168, 237, 234, 0.1), rgba(254, 214, 227, 0.1));
}