*{box-sizing:border-box;margin:0;padding:0}
body{background:#07071a;color:#a9b1d6;font:15px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:20px 20px 12px;border-bottom:1px solid rgba(120,140,255,.18)}
.brand{color:#2ff3c8;font-weight:bold;letter-spacing:3px;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:6px}
nav a,.langs a{color:#a9b1d6;text-decoration:none;font-size:12px;border:1px solid rgba(120,140,255,.2);border-radius:999px;padding:4px 10px}
nav a.on,.langs a.on{color:#2ff3c8;border-color:#2ff3c8}
main{max-width:860px;margin:0 auto;padding:28px 20px}
h1{color:#f2f4ff;font-size:28px;line-height:1.25;margin-bottom:18px}
h2{color:#2ff3c8;font-size:18px;margin:28px 0 10px}
p{margin-bottom:10px}
.lead{color:#d6dbf5}
ul{list-style:none;margin:8px 0 12px}
li{margin-bottom:6px;padding-left:16px;position:relative}
li:before{content:"-";color:#2ff3c8;position:absolute;left:0}
strong{color:#f2f4ff}
.muted{color:#5f6690;font-size:12px}
.table{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{border-bottom:1px solid rgba(120,140,255,.14);padding:8px;text-align:left;vertical-align:top}
th{color:#2ff3c8;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.btn{display:inline-block;border:1px solid rgba(120,140,255,.35);border-radius:12px;padding:10px 16px;color:#f2f4ff;text-decoration:none;font-weight:bold}
.btn.primary{border-color:#2ff3c8;background:rgba(47,243,200,.14);color:#2ff3c8}
footer{max-width:860px;margin:0 auto;padding:24px 20px 48px;border-top:1px solid rgba(120,140,255,.18);font-size:12px}
footer a{color:#2ff3c8}
.langs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}