body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f9f9f9;
}

.hero {
  background-image: linear-gradient(135deg, #007bff, #0056b3);
}

.card {
  background-color: #ffffff;
  border-radius: 8px;
  padding: ;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
}