body {
  font-family: 'Segoe UI', sans-serif;
  line-height: 1.6;
}

.hero {
  height: 100vh;
  background: linear-gradient(to right, #4b6cb7, #182848);
  padding: 50px 0;
}

.card:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

a {
  color: #007bff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.social-icons a:hover {
  color: #4b6cb7;
  transition: color 0.3s ease;
}