:root { --space:#0b0714; --panel:#141026; --line:rgba(255,255,255,.08); --violet:#6018f0;
  --magenta:#f078d8; --cyan:#30c0f0; --txt:#e8e6f2; --dim:#9aa2b8;
  --grad:linear-gradient(100deg,var(--cyan),var(--violet) 55%,var(--magenta)); }
* { margin:0; box-sizing:border-box; }
html,body { overflow-x:clip; max-width:100%; }
body { background:var(--space); color:var(--txt); font-family:'Poppins',sans-serif; font-size:16px; line-height:1.75; }
.wrap { max-width:820px; margin-inline:auto; padding-left:max(24px,5vw); padding-right:max(24px,5vw); }
a { color:var(--cyan); }
nav { display:flex; align-items:center; justify-content:space-between; padding:24px 0; }
nav img { height:40px; }
nav a.home { color:var(--dim); text-decoration:none; font-weight:700; font-size:14px; }
h1 { font-family:'Bricolage Grotesque','Poppins',sans-serif; font-size:clamp(2rem,5vw,2.8rem); font-weight:800;
  letter-spacing:-1px; margin:18px 0 6px; }
.updated { color:var(--dim); font-size:13.5px; margin-bottom:30px; }
h2 { font-family:'Bricolage Grotesque','Poppins',sans-serif; font-size:1.35rem; margin:34px 0 10px; color:#fff; }
h3 { font-size:1.08rem; margin:22px 0 6px; color:#fff; }
p, li { color:#cfc9da; font-size:15.5px; }
ul, ol { padding-left:24px; margin:12px 0; }
li { margin:6px 0; }
b { color:var(--txt); }
.box { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:20px 24px; margin:20px 0; }
.box.hi { border-color:rgba(96,24,240,.4); }
footer { border-top:1px solid var(--line); margin-top:50px; padding:30px 0 60px; color:var(--dim); font-size:13px; }
footer a { color:var(--dim); }