@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ===== LIGHTSIBER cyber theme untuk MkDocs Material (scheme slate) ===== */
[data-md-color-scheme="slate"]{
  --md-default-bg-color:#0a0e14;
  --md-default-bg-color--light:#0d1420;
  --md-default-fg-color:#cfe1f0;
  --md-default-fg-color--light:#9fbdd6;
  --md-default-fg-color--lighter:#7d9ab0;
  --md-primary-fg-color:#0d1622;
  --md-primary-bg-color:#cfe1f0;
  --md-accent-fg-color:#36d1dc;
  --md-typeset-a-color:#36d1dc;
  --md-code-bg-color:#0a1018;
  --md-code-fg-color:#2ee6a6;
}
body,.md-typeset{font-family:'Inter',system-ui,sans-serif}
.md-typeset h1,.md-typeset h2,.md-typeset h3,.md-header__title,.md-nav__title{font-family:'JetBrains Mono',monospace;letter-spacing:.3px}
.md-typeset h1{color:#36d1dc}
.md-typeset h2{color:#2ee6a6;border-bottom:1px solid #1d3147;padding-bottom:.2em}
.md-typeset h3{color:#9fd6e0}
/* top bar + tabs */
.md-header{background:linear-gradient(90deg,#0a0e14,#0d1622);border-bottom:1px solid #1d3147;box-shadow:0 0 18px rgba(0,0,0,.4)}
.md-tabs{background:transparent;border-bottom:1px solid #1d3147}
.md-tabs__link--active,.md-tabs__link:hover{color:#36d1dc}
.md-header__title{font-weight:700}
/* code */
.md-typeset code{background:#0a1018;border:1px solid #1d3147;color:#2ee6a6;border-radius:6px}
.md-typeset pre>code{border:1px solid #1d3147}
/* admonitions */
.md-typeset .admonition,.md-typeset details{border:1px solid #1d3147;border-left:.2rem solid #36d1dc;border-radius:10px;background:#111b29}
.md-typeset .admonition-title,.md-typeset summary{background:rgba(54,209,220,.07)}
/* nav */
.md-nav__link--active,.md-nav__item .md-nav__link--active{color:#36d1dc!important}
.md-nav__title{color:#7d9ab0}
/* search */
.md-search__input{background:#111b29;border:1px solid #1d3147;border-radius:24px}
/* tables */
.md-typeset table:not([class]){border:1px solid #1d3147}
.md-typeset table:not([class]) th{background:#0d1622;color:#2ee6a6;font-family:'JetBrains Mono',monospace}
/* footer */
.md-footer{background:#0a0e14;border-top:1px solid #1d3147}
.md-footer-meta{background:#070b12}
/* scrollbar */
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0a0e14}
::-webkit-scrollbar-thumb{background:#1d3147;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#36d1dc}

/* ===== Homepage hero + kartu ===== */
.ls-hero{text-align:center;padding:44px 20px 30px;border:1px solid #1d3147;border-radius:20px;
  background:radial-gradient(circle at 30% 0,rgba(54,209,220,.12),transparent 55%),linear-gradient(160deg,#0d1622,#0a1018);margin:8px 0 28px}
.ls-hero svg{width:74px;height:74px;filter:drop-shadow(0 0 12px rgba(54,209,220,.55))}
.ls-hero .kick{font-family:'JetBrains Mono',monospace;color:#7d9ab0;letter-spacing:3px;font-size:.72rem}
.ls-hero h1{font-size:2rem;margin:.25em 0 .1em;border:0}
.ls-hero h1 .c{color:#36d1dc}.ls-hero h1 .g{color:#2ee6a6}
.ls-hero p{color:#9fbdd6;max-width:600px;margin:.5em auto 0}
.ls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;margin:18px 0}
.ls-card{display:block;background:#111b29;border:1px solid #1d3147;border-radius:14px;padding:18px;
  text-decoration:none!important;color:#cfe1f0!important;transition:.18s}
.ls-card:hover{border-color:#36d1dc;transform:translateY(-3px);box-shadow:0 10px 26px rgba(54,209,220,.16)}
.ls-card .e{font-size:1.7rem;display:block}
.ls-card b{display:block;font-family:'JetBrains Mono',monospace;color:#36d1dc;margin:.35em 0 .15em}
.ls-card span{color:#9fbdd6;font-size:.85rem}
.ls-pills{margin:6px 0 0}
.ls-pill{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.7rem;padding:4px 11px;border-radius:20px;border:1px solid #1d3147;color:#7d9ab0;margin:3px}
.ls-quote{background:linear-gradient(135deg,rgba(54,209,220,.08),#111b29);border-left:4px solid #36d1dc;border-radius:0 12px 12px 0;padding:16px 20px;margin:20px 0}
.ls-quote b{color:#36d1dc}