:root { --bg:#0e0e0e; --text:#f1f1ef; --muted:#8d8d89; --line:#292927; --accent:#c7ff45; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:Manrope,Arial,sans-serif; }
.brand { position:fixed; top:28px; left:32px; color:#fff; font-size:13px; font-weight:700; letter-spacing:-.02em; }
main { width:min(680px, calc(100% - 48px)); margin:0 auto; padding:88px 0 64px; }
footer { color:var(--muted); text-align:center; padding:0 20px 28px; font:400 10px "DM Mono",monospace; letter-spacing:.08em; }
header { padding-bottom:56px; border-bottom:1px solid var(--line); }
.label { color:var(--muted); font:500 10px/1 "DM Mono",monospace; letter-spacing:.14em; margin:0 0 15px; }
h1 { margin:0; font-size:48px; letter-spacing:-.06em; line-height:1; }
section { padding-top:38px; }
dl,ul { margin:0; padding:0; }
dl div { display:grid; grid-template-columns:135px 1fr; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); }
dt { color:var(--muted); font:500 11px/1.45 "DM Mono",monospace; }
dd { margin:0; font-size:14px; font-weight:600; line-height:1.45; }
dd span { display:block; color:var(--muted); font:400 11px/1.55 "DM Mono",monospace; margin-top:3px; }
b { color:var(--accent); }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style:none; }
li { padding:14px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:600; }
li::before { content:"•"; color:var(--accent); margin-right:11px; }
@media (max-width:500px) { .brand { top:22px; left:20px; } main { width:min(100% - 40px,680px); padding-top:82px; } h1 { font-size:40px; } dl div { grid-template-columns:88px 1fr; gap:12px; } }