/* css styles */

.hero {
  padding: 4rem 2rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, #f8f9fa, #eef1f4);
  border-radius: 12px;
  text-align: center;
}

.hero h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.hero h3 {
  font-weight: 400;
  color: #555;
}