:root{--bg:#0a0a0c;--line:#24242c;--text:#e8e6e1;--mute:#9a9aa4;--accent:#3b8cff;--violet:#6b3fd4}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,"Inter","Helvetica Neue",sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;border-bottom:1px solid var(--line)}
header a{color:var(--text);text-decoration:none}
.logo{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2em;font-size:15px}
.logo img{height:34px}
.logo b{color:var(--accent)}
header .back{color:var(--mute);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
header .back:hover{color:var(--text)}
main{max-width:760px;margin:0 auto;padding:80px 6vw 100px}
h1{font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.updated{color:var(--mute);font-size:14px;margin:12px 0 48px}
h2{font-size:20px;font-weight:600;margin:40px 0 10px;padding-left:14px;border-left:2px solid var(--violet)}
p,li{color:#c4c3bf}
p{margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
a{color:var(--accent)}
footer{text-align:center;color:var(--mute);font-size:13px;padding:40px 6vw;border-top:1px solid var(--line)}
footer a{color:var(--mute);margin:0 12px;text-decoration:none}
footer a:hover{color:var(--text)}
