/* Small, professional polish without fighting Bootstrap */
:root {
  --card-radius: 1rem;
}

header#home {
  background: radial-gradient(1200px 600px at 15% 10%, rgba(13,110,253,.10), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(25,135,84,.10), transparent 55%);
}

.card {
  border-radius: var(--card-radius);
}

.btn, .badge, .navbar, .card {
  transition: transform .15s ease, box-shadow .15s ease;
}

.card:hover {
  transform: translateY(-2px);
}

section {
  scroll-margin-top: 90px; /* keeps headings visible when clicking navbar links */
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}