/* Hero Section Complete Redesign */

/* Hero background - full visibility */
.hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

.hero-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Remove white overlay completely, use dark gradient instead */
.hero-overlay {
  background: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.3) 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    rgba(0, 0, 0, 0.4) 100%) !important;
}

/* Hero content - white text for contrast */
.hero-content {
  color: white !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.hero-title {
  color: white !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.hero-title .hero-highlight {
  background: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.hero-description {
  color: rgba(255, 255, 255, 0.85) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Button styles for dark background */
.hero-cta .btn-primary {
  background: white !important;
  color: #0066cc !important;
  border: none !important;
}

.hero-cta .btn-outline {
  border-color: white !important;
  color: white !important;
}

.hero-cta .btn-outline:hover {
  background: white !important;
  color: #0066cc !important;
}