:root{--bg:#0A0A0F;--card:#14141C;--border:#26263380;--text:#EDEDF2;--muted:#8E8EA0;--gold:#FFC83C}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
nav{border-bottom:1px solid var(--border);background:rgba(10,10,15,.9);position:sticky;top:0;z-index:10}
.navin{display:flex;align-items:center;height:64px;max-width:1080px;margin:0 auto;padding:0 24px}
.brand{font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--text)}
.brand span{color:var(--gold)}
main{padding:56px 0 88px}
h1{font-size:34px;letter-spacing:-1px;font-weight:800;margin-bottom:8px}
.updated{color:var(--muted);font-size:14px;margin-bottom:32px}
h2{font-size:19px;font-weight:700;margin:32px 0 10px;letter-spacing:-.3px}
p{color:#C9C9D6;margin-bottom:14px}
ul{margin:0 0 16px 20px}
li{color:#C9C9D6;margin-bottom:8px}
strong{color:var(--text)}
.intro{color:var(--muted)}
footer{border-top:1px solid var(--border);padding:32px 0;font-size:13px;color:#5E5E70}
.footin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1080px;margin:0 auto;padding:0 24px}