:root { --bg:#070a12; --panel:#0e1422; --text:#e8ecf6; --muted:#8f9bb5; --cyan:#00e5ff; --pink:#ff2e93; --line:#1b2540; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; }
.wrap { max-width:820px; margin:0 auto; padding:0 20px; }
header { background:rgba(7,10,18,.9); border-bottom:1px solid var(--line); }
header .wrap { display:flex; justify-content:space-between; align-items:center; padding-top:14px; padding-bottom:14px; gap:12px; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:.95rem; color:var(--text); text-decoration:none; }
.brand svg { width:28px; height:28px; }
nav a { color:var(--muted); text-decoration:none; margin-left:16px; font-size:.9rem; }
nav a:hover, nav a.on { color:var(--cyan); }
main { padding:48px 0 20px; }
h1 { font-size:2.2rem; text-transform:uppercase; margin:0 0 6px; }
h1::after { content:""; display:block; width:60px; height:3px; margin-top:12px; background:linear-gradient(90deg,var(--cyan),var(--pink)); }
.updated { color:var(--muted); font-size:.9rem; margin:14px 0 28px; }
h2 { font-size:1.15rem; margin:34px 0 8px; color:var(--cyan); }
p, li { color:#c6cde0; }
li { margin-bottom:6px; }
a { color:var(--cyan); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:.93rem; }
th, td { border:1px solid var(--line); padding:10px; text-align:left; vertical-align:top; color:#c6cde0; }
th { background:var(--panel); color:var(--text); }
footer { margin-top:50px; border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:.88rem; }
@media (max-width:600px){ table, thead, tbody, tr, th, td { display:block; } thead { display:none; } td { border-top:0; } tr { border:1px solid var(--line); margin-bottom:10px; } }