:root{
  --bg:#0a0f0d; --bg-2:#0f1714; --panel:#121b17;
  --line:rgba(198,241,53,0.14); --ink:#eef3ec; --muted:#8ea096;
  --lime:#c6f135; --lime-dim:#a7cf2c; --teal:#3fd6a8; --maxw:860px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Satoshi',sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 80% -10%,rgba(198,241,53,0.07),transparent 60%)}
a{color:var(--lime);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(10,15,13,0.6);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1180px;margin:0 auto;padding:0 28px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Clash Display',sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink)}
.logo .dot{width:12px;height:12px;border-radius:4px;background:var(--lime);box-shadow:0 0 16px var(--lime)}
.logo a{color:var(--ink)}
.back{font-size:0.9rem;color:var(--muted)}
header.doc{padding:64px 0 30px}
header.doc .kicker{font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--lime-dim);margin-bottom:14px}
header.doc h1{font-family:'Clash Display',sans-serif;font-weight:600;font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-0.01em}
header.doc .meta{color:var(--muted);font-size:0.9rem;margin-top:14px}
main{padding:20px 0 80px}
.doc-body h2{font-family:'Clash Display',sans-serif;font-weight:600;font-size:1.4rem;margin:42px 0 12px;letter-spacing:-0.01em}
.doc-body h3{font-family:'Clash Display',sans-serif;font-weight:500;font-size:1.1rem;margin:26px 0 8px}
.doc-body p{color:#cdd8c9;margin-bottom:14px}
.doc-body ul{margin:6px 0 18px 22px;color:#cdd8c9}
.doc-body li{margin-bottom:8px}
.doc-body strong{color:var(--ink)}
.ph{background:rgba(198,241,53,0.12);color:var(--lime);padding:1px 7px;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:0.85em;border:1px solid rgba(198,241,53,0.25)}
.callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:12px;padding:18px 22px;margin:24px 0}
.callout p{margin:0;color:#cdd8c9;font-size:0.95rem}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}
.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
.contact-card h4{font-family:'Clash Display',sans-serif;font-weight:500;font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--lime-dim);margin-bottom:8px}
.contact-card p{margin:0;color:#cdd8c9}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr}}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:0.85rem}
.footlinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.footlinks a{color:var(--muted)}