/* assets/css/custom.css */

:root {
  --brand: #0d6efd;
}

.hero {
  background: linear-gradient(180deg, rgba(13,110,253,0.08), rgba(13,110,253,0.02));
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.badge-soft {
  background: rgba(13,110,253,0.10);
  color: var(--brand);
  border: 1px solid rgba(13,110,253,0.20);
}

.card-hover:hover {
  transform: translateY(-2px);
  transition: 0.15s ease-in-out;
}