body {
  overflow-x: hidden;
}

.hero-section {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.bg-circles {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow-x: hidden;
}

.bg-circles span {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.5;
  mix-blend-mode: lighten;
}

.circle1 { width: 400px; height: 400px; background: #ff512f; top: 15%; left: 10%; }
.circle2 { width: 300px; height: 300px; background: #f09819; top: 30%; left: 60%; }
.circle3 { width: 250px; height: 250px; background: #ffb347; top: 20%; left: 70%; }
.circle4 { width: 200px; height: 200px; background: #ff6e7f; top: 45%; left: 20%; }

.glass-bg {
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,0.7);
  border-radius: 32px;
  backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
  padding: 2.5rem 2rem;
  max-width: 1400px;
  margin: auto;
}

.glass-bg h1,
.glass-bg h5,
.glass-bg p,
.glass-bg .lead {
  color: #222 !important;
}

.glass-bg .small {
  color: #444 !important;
}