:root { --bg:#07070a; --panel:#101016; --text:#f6f3ea; --muted:#a4a2ae; --dim:#74727f; --lime:#d9ff4b; --line:rgba(255,255,255,.1); }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:radial-gradient(1200px 700px at 15% -10%, rgba(217,255,75,.09), transparent 60%), var(--bg); color:var(--text); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
a { color:var(--lime); }
.wrap { max-width:860px; margin:0 auto; padding:40px 22px 80px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font-weight:850; letter-spacing:-.03em; font-size:21px; }
.mark { width:30px; height:30px; border-radius:9px; background:var(--lime); display:grid; place-items:center; }
.mark i { width:10px; height:10px; border-radius:50%; background:var(--bg); }
.back { color:var(--muted); font-size:13px; text-decoration:none; }
h1 { font-size:clamp(32px,5vw,46px); line-height:1.05; letter-spacing:-.04em; margin:38px 0 8px; }
h2 { font-size:20px; margin:34px 0 8px; letter-spacing:-.02em; }
h3 { font-size:16px; margin:22px 0 6px; }
p, li { color:var(--muted); }
strong,b { color:var(--text); }
ul { padding-left:20px; }
.box { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:16px 18px; margin:18px 0; }
.small { font-size:12px; color:var(--dim); }
.links { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); font-size:13px; }
.links a { color:var(--muted); text-decoration:none; }
.links a:hover { color:var(--lime); }
@media (max-width:600px){ .wrap{padding:24px 16px 60px} .top{align-items:flex-start} }