/* Hero Section Specific Styles */
.hero-section {
  background: linear-gradient(rgba(26, 32, 44, 0.9), rgba(45, 55, 72, 0.85)), 
              url('../images/hero-bg.jpeg') center/cover no-repeat !important;
  min-height: 100vh;
  color: white;
  position: relative;
  overflow: hidden;
}

.hero-content {
  padding-top: 15vh;
}

.hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  animation: fadeInUp 1s ease;
}

.hero-subtitle {
  font-size: 1.5rem;
  opacity: 0.9;
  margin-bottom: 2rem;
  animation: fadeInUp 1s ease 0.2s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}