.hero-v1 {
  min-height: 80vh;
  background-color: #0a001f;
  background-image: var(--background-image, none), linear-gradient(135deg, #0a001f, #1a0033);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-v1::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 70%, rgba(0,255,234,0.25), transparent 60%);
  animation: pulse-bg 10s infinite alternate;
}


.hero-title {
  font-size: clamp(4rem, 10vw, 7rem);
  background: linear-gradient(90deg, #00ffea, #ff00aa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px rgba(0,255,234,0.6);
}

.hero-btn-primary {
  background: #00ffea;
  color: #000;
  box-shadow: 0 0 30px #00ffea;
}

.hero-btn-primary:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 60px #00ffea;
}