:root{--bg:#0E0F1A;--panel:#191B2A;--line:#2A2D45;--txt:#ECEEF8;--txt2:#A0A4BE;--txt3:#6B6F8A;--accent:#7C8BFF;--sara:#B989F0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt2);font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;line-height:1.65;font-size:15px}
.wrap{max-width:760px;margin:0 auto;padding:48px 22px 80px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--sara));display:grid;place-items:center;font-family:"IBM Plex Mono",monospace;font-weight:700;color:#fff}
.brand b{color:var(--txt);font-size:17px}
h1{color:var(--txt);font-size:28px;letter-spacing:-.4px;margin:0 0 6px}
.eff{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--txt3);margin-bottom:30px}
h2{color:var(--txt);font-size:18px;margin:34px 0 8px;letter-spacing:-.2px}
h3{color:var(--txt);font-size:15px;margin:20px 0 4px}
a{color:var(--accent)}
ul{padding-left:20px}li{margin:5px 0}
.note{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;margin:18px 0}
.foot{margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--txt3)}
.foot a{margin-right:16px}