/* Modern AI-style gradient background */
.gradient-bg {
  position: fixed;
  top: -100px;
  left: -100px;
  width: 600px; /* Expanded area */
  height: 600px; /* Expanded area */
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(162, 224, 44, 0.12) 0%, /* Lime Green with slightly reduced opacity */
    rgba(162, 224, 44, 0.10) 30%, /* Lime Green with slightly reduced opacity */
    rgba(162, 224, 44, 0.07) 60%, /* Lime Green with slightly reduced opacity */
    rgba(162, 224, 44, 0.02) 80%, /* Lime Green with slightly reduced opacity */
    transparent 100%
  );
  filter: blur(80px); /* Very high blur for an extremely soft effect */
  z-index: -999; /* Ensure it's behind ALL content */
  animation: pulse 15s infinite alternate;
  pointer-events: none; /* Ensures it doesn't interfere with mouse events */
}

/* Main background to ensure dark theme is maintained */
.main-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #121212; /* Dark background color */
  z-index: -1000; /* Between gradient and content, but behind everything */
  pointer-events: none; /* Ensures it doesn't interfere with mouse events */
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.02);
    opacity: 0.6;
  }
}