:root {
  --eng-cyan: #38bdf8;
  --eng-green: #34d399;
  --eng-violet: #a78bfa;
}

.md-header { backdrop-filter: blur(14px); background: rgba(5, 8, 14, .92); }
.md-tabs { background: #0d1117; }
.md-main { background-image: radial-gradient(circle at 85% 8%, rgba(56,189,248,.08), transparent 28%), radial-gradient(circle at 10% 40%, rgba(167,139,250,.06), transparent 24%); }
.md-typeset h1, .md-typeset h2 { letter-spacing: -.02em; }
.md-typeset h1 { font-weight: 800; }
.md-typeset h2 { border-bottom: 1px solid rgba(148,163,184,.18); padding-bottom: .35rem; }
.md-typeset code { border-radius: .35rem; }
.md-button--primary { background: linear-gradient(90deg, #0284c7, #0f766e) !important; border: 0 !important; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr); gap:1rem; align-items:stretch; margin:1rem 0 2rem; }
.hero-copy,.hero-card { border:1px solid rgba(148,163,184,.18); border-radius:16px; padding:1.25rem 1.35rem; background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.65)); }
.hero-card { box-shadow: inset 3px 0 0 var(--eng-green); }
.grid.cards > ul > li { border:1px solid rgba(148,163,184,.16); background:rgba(15,23,42,.35); }
@media (max-width:760px){ .hero-grid{grid-template-columns:1fr;} }