:root{--bg:#06121a;--surface:rgba(255,255,255,.04);--border:rgba(255,255,255,.08);
  --text:#f2f7f9;--muted:#9fb3bd;--dim:#5b727e;--accent:#22d3ee;--accent2:#2dd4bf}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--muted);
  font-family:'Inter',-apple-system,system-ui,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.7}
.wrap{max-width:760px;margin:0 auto;padding:0 1.5rem}
header{border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;
  background:rgba(6,18,26,.9);backdrop-filter:blur(16px)}
.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text);
  font-weight:700;font-size:1.05rem}
.logo-icon{width:26px;height:26px;border-radius:8px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;
  justify-content:center;color:#04222b;font-weight:900;font-size:.72rem}
.gr{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
main{padding:3.5rem 0 5rem}
h1{color:var(--text);font-size:2.1rem;line-height:1.2;margin-bottom:.6rem}
.updated{color:var(--dim);font-size:.85rem;margin-bottom:2.5rem}
h2{color:var(--text);font-size:1.15rem;margin:2.5rem 0 .75rem;padding-top:1.5rem;
  border-top:1px solid var(--border)}
h2:first-of-type{border-top:none;padding-top:0}
p,li{font-size:.97rem;margin-bottom:.9rem}
ul{padding-left:1.3rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
strong{color:var(--text);font-weight:600}
.note{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:8px;padding:1rem 1.2rem;margin:1.5rem 0;font-size:.93rem}
footer{border-top:1px solid var(--border);padding:1.75rem 0;font-size:.85rem;color:var(--dim);
  display:flex;gap:1.25rem;flex-wrap:wrap}
@media(max-width:640px){h1{font-size:1.65rem}main{padding:2.5rem 0 3.5rem}}