:root {
  --brand-blue: #0368fb;
}

.text-primary { color: var(--brand-blue) !important; }
.btn-primary,
.bg-primary {
  --bs-btn-bg: var(--brand-blue);
  --bs-btn-border-color: var(--brand-blue);
  --bs-btn-hover-bg: #0257db;
  --bs-btn-hover-border-color: #0257db;
  --bs-btn-active-bg: #024bc0;
  --bs-btn-active-border-color: #024bc0;
  --bs-bg-opacity: 1;
  background-color: var(--brand-blue) !important;
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-blue);
  --bs-btn-border-color: var(--brand-blue);
  --bs-btn-hover-bg: var(--brand-blue);
  --bs-btn-hover-border-color: var(--brand-blue);
  --bs-btn-active-bg: var(--brand-blue);
  --bs-btn-active-border-color: var(--brand-blue);
}

.hero {
  background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 100%);
}

.hero-icon {
  border-radius: 44px;
  box-shadow: 0 20px 60px rgba(3, 104, 251, 0.25);
}

.feature-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.feature-icon {
  font-size: 32px;
  margin-bottom: 12px;
}

.doc-content h2 {
  margin-top: 2rem;
}

.doc-content h3 {
  margin-top: 1.5rem;
}

.doc-content p {
  line-height: 1.7;
}

.doc-content ul li {
  margin-bottom: 0.5rem;
}