:root{
  --bg:#060404;--bg2:#0c0808;--panel:#140c0d;--line:#2a1619;
  --ink:#f2e9ea;--muted:#bda6bd;--dim:#8a6a84;--accent:#ff2b3d;--accent2:#ff3d8b;--accent3:#a855f7;--maxw:820px;
  --iris:linear-gradient(100deg,#ff2b3d,#ff2b6d,#c026d3,#7c3aed);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:16px/1.68 "Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
code{font-family:"JetBrains Mono",Consolas,monospace;background:#140c0d;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:13.5px;color:var(--accent2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
nav{position:sticky;top:0;background:rgba(6,4,4,.86);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.navin{display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:14px 22px}
.brand{font-weight:800;letter-spacing:.5px;color:#fff}.brand span{color:var(--accent2)}
.navlinks a{color:var(--muted);margin-left:20px;font-size:14px}.navlinks a:hover{color:#fff;text-decoration:none}
header.h{padding:56px 0 30px;border-bottom:1px solid var(--line);background:radial-gradient(900px 300px at 75% -20%,rgba(255,43,61,.12),transparent)}
.kicker{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:4px 11px;margin-bottom:16px}
h1{font-size:30px;line-height:1.2;color:#fff;letter-spacing:-.3px}
.sub{color:var(--muted);margin-top:12px;font-size:16.5px}
main{padding:36px 0 20px}
h2{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--accent2);margin:30px 0 12px;font-weight:700}
h3{font-size:18px;color:#fff;margin:20px 0 6px}
p{color:#d9cdd4;margin:10px 0}
ul{margin:10px 0 10px 4px;list-style:none}
li{position:relative;padding-left:20px;color:var(--muted);margin-bottom:8px}
li::before{content:"›";position:absolute;left:4px;color:var(--accent2);font-weight:800}
.meta{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:8px 0}
.meta div{font-size:14.5px;color:var(--muted);margin:3px 0}.meta b{color:var(--ink)}
.tag{display:inline-block;font-size:11px;color:var(--accent2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;margin:3px 5px 3px 0}
.callout{background:linear-gradient(180deg,rgba(255,43,61,.07),transparent);border:1px solid var(--line);border-left:3px solid var(--accent2);border-radius:8px;padding:16px 18px;margin:16px 0}
.back{display:inline-block;margin:22px 0;color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--dim);font-size:13px;margin-top:30px}
.disc{color:var(--dim);font-size:12.5px;margin-top:8px}