:root{
  --bg:#07090c; --bg-2:#0c1014; --card:#11161c; --line:#1e262f;
  --ink:#eef3f8; --muted:#9aa9b8; --faint:#6b7d8e;
  --cyan:#00d8f0; --cyan-deep:#00c0d8; --amber:#f0a800; --amber-lit:#f0c048;
  --grad:linear-gradient(100deg,var(--amber) 0%,var(--amber-lit) 22%,var(--cyan) 78%,var(--cyan-deep) 100%);
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.7;
}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:var(--bg-2)}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1160px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.09rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em}
.brand img{width:34px;height:34px;border-radius:9px;display:block}
.back{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}
.back:hover{color:var(--cyan)}
main{padding:64px 0 88px}
h1{font-size:clamp(2rem,4vw,2.7rem);font-weight:800;letter-spacing:-.022em;margin:0 0 10px}
.updated{color:var(--faint);font-size:.9rem;margin:0 0 44px}
h2{font-size:1.25rem;font-weight:700;margin:44px 0 14px;letter-spacing:-.015em}
p,li{color:var(--muted);font-size:1rem}
p{margin:0 0 16px}
ul{padding-left:22px;margin:0 0 16px}
li{margin-bottom:9px}
a{color:var(--cyan)}
strong{color:var(--ink);font-weight:600}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:11px;padding:20px 24px;margin:0 0 28px}
.note p{margin:0;font-size:.95rem}
footer{border-top:1px solid var(--line);padding:40px 0;background:var(--bg-2);text-align:center}
footer p{margin:0;color:var(--faint);font-size:.88rem}
footer a{color:var(--muted);text-decoration:none;margin:0 13px}
footer a:hover{color:var(--cyan)}