:root { --bg:#0b0a14; --surface:#16142a; --text:#ecebf5; --muted:#a3a1bd; --accent:#a855f7; --line:#2a2747; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
header img { width:48px; height:48px; border-radius:12px; }
header a { color:var(--text); text-decoration:none; font-weight:800; font-size:22px; }
h1 { font-size:28px; line-height:1.25; margin:0 0 4px; }
h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:var(--text); }
.muted { color:var(--muted); }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:8px 0; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:8px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
.card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:16px 18px; margin:16px 0; }
@media (max-width:560px) { table, thead, tbody, tr, th, td { display:block; } thead { display:none; } td { border:0; padding:2px 0; } tr { border-bottom:1px solid var(--line); padding:8px 0; } }