:root { --bg:#0B1020; --card:#141B33; --line:#232C4A; --text:#F4F1E8; --dim:#9AA3BF; --green:#5CCB67; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 "Chakra Petch", system-ui, sans-serif; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
header { display:flex; gap:16px; align-items:center; margin-bottom:28px; }
header img { width:72px; height:72px; border-radius:16px; }
h1 { margin:0; font-size:30px; letter-spacing:1px; line-height:1.1; }
h1 span { color:var(--green); }
h2 { font-size:19px; margin:28px 0 8px; color:var(--green); letter-spacing:.5px; }
p, li { color:var(--text); }
.muted { color:var(--dim); font-size:14px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px 22px; }
a { color:var(--green); }
code { background:#0B1020; padding:1px 6px; border-radius:4px; }
table { border-collapse:collapse; width:100%; font-size:15px; }
td, th { border-bottom:1px solid var(--line); padding:8px 6px; text-align:left; vertical-align:top; }
footer { margin-top:32px; color:var(--dim); font-size:13px; }
.btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.btn { display:inline-block; padding:12px 18px; border-radius:10px; background:var(--green); color:var(--bg); font-weight:700; text-decoration:none; letter-spacing:1px; }
.btn.alt { background:none; color:var(--text); border:1.5px solid var(--line); }