:root {
  --lg-hero-gradient: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(59, 130, 246, 0.08));
}

.md-main__inner {
  margin-top: 0;
}

.md-content__inner > h1:first-child {
  margin-bottom: 0.8rem;
}

.hero-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 1rem 0 1.75rem;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > .card {
  border-radius: 1rem;
}

.md-typeset .md-button--primary {
  background: var(--lg-hero-gradient);
  border-color: rgba(99, 102, 241, 0.4);
}

.md-header,
.md-tabs {
  backdrop-filter: saturate(180%) blur(14px);
}

.md-typeset code {
  border-radius: 0.35rem;
}