/* Simple, clean styles */
:root {
  --brand: #0d6efd;
}

.hero {
  min-height: 60vh;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(13,110,253,0.25), transparent 60%),
              linear-gradient(135deg, #0d6efd 0%, #4dabf7 100%);
  display: flex;
}

.card h5 { margin-top: .25rem; }

footer a { text-decoration: none; }

@media (min-width: 992px) {
  .hero { min-height: 70vh; }
}