/* ULTRA-MODERN AMBIENT MESH BACKGROUND STYLES */
.modern-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  pointer-events: none;
  overflow: hidden;
  background: radial-gradient(circle at 50% 15%, #FFFFFF 0%, #F1F5F9 60%, #E2E8F0 100%);
}

.ambient-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.35;
  animation: ambientFloat 18s ease-in-out infinite alternate;
}

.glow-cyan {
  width: 650px;
  height: 650px;
  top: -150px;
  left: 15%;
  background: radial-gradient(circle, rgba(2, 132, 199, 0.4) 0%, rgba(2, 132, 199, 0) 70%);
}

.glow-red {
  width: 550px;
  height: 550px;
  top: 35%;
  right: -100px;
  background: radial-gradient(circle, rgba(200, 16, 46, 0.35) 0%, rgba(200, 16, 46, 0) 70%);
  animation-delay: -6s;
}

.glow-blue {
  width: 700px;
  height: 700px;
  bottom: -200px;
  left: 20%;
  background: radial-gradient(circle, rgba(0, 102, 255, 0.25) 0%, rgba(0, 102, 255, 0) 70%);
  animation-delay: -12s;
}

@keyframes ambientFloat {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(40px, 30px) scale(1.08); }
  100% { transform: translate(-30px, -20px) scale(0.95); }
}

.ambient-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.6;
}