/* Hero */
.hero {
  background: url("https://images.pexels.com/photos/33582422/pexels-photo-33582422.jpeg");
  color: white;
  text-align: center;
  padding: 6rem 2rem;
}
.hero-content h1 {
  font-size: 3rem;
  font-weight: 700;
}
.hero-content h1 span {
  color: #ffde59;
}
.hero-content p {
  margin: 1.5rem auto;
  max-width: 600px;
  font-size: 1.1rem;
}
.btn {
  background: #ffde59;
  color: #111;
  padding: 0.8rem 2rem;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}