/* Enhanced Hero Shapes - Elegant & Subtle */
.hero-bg .shape {
  opacity: 0.08 !important;
  filter: blur(60px) !important;
  animation-duration: 55s !important;
  animation-timing-function: ease-in-out !important;
}

.hero-bg .shape-1 {
  background: radial-gradient(circle, var(--color-gold) 0%, transparent 70%) !important;
  width: 450px !important;
  height: 450px !important;
  animation-duration: 50s !important;
}

.hero-bg .shape-2 {
  background: radial-gradient(circle, var(--color-maroon) 0%, transparent 70%) !important;
  width: 350px !important;
  height: 350px !important;
  animation-duration: 55s !important;
}

.hero-bg .shape-3 {
  background: radial-gradient(circle, var(--color-gold) 0%, transparent 70%) !important;
  width: 300px !important;
  height: 300px !important;
  animation-duration: 48s !important;
}

.hero-bg .shape-4 {
  background: radial-gradient(circle, var(--color-maroon) 0%, transparent 70%) !important;
  width: 400px !important;
  height: 400px !important;
  animation-duration: 52s !important;
}

.hero-bg .shape-5 {
  background: radial-gradient(circle, var(--color-gold) 0%, transparent 70%) !important;
  width: 250px !important;
  height: 250px !important;
  animation-duration: 46s !important;
}

.hero-bg .shape-6 {
  background: radial-gradient(circle, var(--color-maroon) 0%, transparent 70%) !important;
  width: 320px !important;
  height: 320px !important;
  animation-duration: 53s !important;
}