.hero {
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom right, #e8eef8, #ffffff);
  text-align: center;
  padding: 2rem;
}

.hero h1 {
  font-size: 2.5rem;
  color: #173f85;
  margin-bottom: 1rem;
}

.hero p {
  font-size: 1.2rem;
  max-width: 600px;
  margin: 0 auto 1.5rem;
}