.hero-section {
  min-height: 80vh;
  display: flex;
  align-items: center;
  position: relative;
}

.hero-section h1 {
  color: #fff;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}

.hero-section p {
  color: #f0f0f0;
}

.hero-section .btn-primary {
/*  background: linear-gradient(90deg, #ff7e5f, #feb47b);*/
  border: none;
  transition: transform 0.3s, box-shadow 0.3s;
}

.hero-section .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

.hero-section img {
  max-width: 100%;
  border-radius: 1rem;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}