body {
  background-color: #f8f9fa;
  font-family: 'Segoe UI', sans-serif;
}

.hero {
  background: url('../images/hero-banner.jpg') center/cover no-repeat;
  padding: 100px 20px;
  color: white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.category-list a {
  min-width: 150px;
}

.card {
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.card-body h5 {
  font-family: 'Segoe UI', sans-serif;
}

.card-body p {
  color: #555;
}

.btn-primary {
  background-color: #ff9900;
  border: none;
}

.btn-primary:hover {
  background-color: #e68a00;
}