body { font-family: 'Segoe UI', system-ui, sans-serif; }
.hero-section { min-height: 70vh; display: flex; align-items: center; }
.card { transition: transform .2s, box-shadow .2s; }
.card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.12) !important; }
@media (max-width: 768px) {
  .hero-section { min-height: auto; text-align: center; }
  .d-flex.flex-wrap { justify-content: center; }
}