.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
}

:root {
  --brand-primary: #0d6efd;
  --brand-primary-hover: #0b5ed7;
}

body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.hero {
  min-height: 70vh;
  background: linear-gradient(120deg, #0d6efd 0%, #6610f2 50%, #6f42c1 100%);
  color: #fff;
}

.hero-title {
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin-bottom: .75rem;
}

.hero-subtitle {
  font-size: 1.125rem;
  opacity: .9;
  margin-bottom: 1.5rem;
}

.icon-box {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

section+section {
  scroll-margin-top: 80px;
}

body {}

.navbar.shrink {
  padding-top: .25rem;
  padding-bottom: .25rem;
  transition: padding .2s ease-in-out;
}

.section-title {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.section-subtitle {
  color: #6c757d;
}

tr:hover td {
  background-color: #f5f5f5;
}