/* Hero Section Styles */
.hero-section {
  background: linear-gradient(135deg, #001a33 0%, #002b66 100%);
}

.hero-image {
  filter: drop-shadow(0 20px 40px rgba(0, 91, 255, 0.3));
}

.hero-content h1 {
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.hero-features li {
  transition: all 0.3s ease;
}

.hero-features li:hover {
  transform: translateX(5px);
  color: #00bfff;
}

/* Hero image hover effect */
.hero-image-container {
  perspective: 1000px;
}

.hero-image-container img {
  transition: transform 2s ease-in-out;
}

.hero-image-container:hover img {
  transform: scale(1.1) rotateY(5deg);
}