:root{
  --bg:#0A0A0F; --card:#14141C; --card2:#191922; --border:#26263380;
  --text:#EDEDF2; --muted:#8E8EA0; --dim:#5E5E70;
  --gold:#FFC83C; --cyan:#00C8E6; --green:#2ECC71; --red:#FF5A5A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
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);backdrop-filter:blur(12px);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);display:flex;align-items:center;gap:9px}
.brand .wm{display:inline}
.brand .wm span{color:var(--gold)}
.mark{width:22px;height:22px;flex:none}
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:var(--dim)}
.footin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1080px;margin:0 auto;padding:0 24px}
.footin a{color:var(--dim)}
.footin a:hover{color:var(--text)}
