:root{--bg:#05060f;--panel:#0d1022;--line:#252a4e;--text:#f1f3ff;--muted:#aab0cc;--violet:#9b8cff;--cyan:#35d9f2}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 80% 0,rgba(99,102,241,.18),transparent 65%),var(--bg);line-height:1.7}a{color:var(--cyan)}.wrap{max-width:980px;margin:auto;padding:0 24px}.hero{padding:110px 0 60px;border-bottom:1px solid var(--line)}.eyebrow{font:600 12px "JetBrains Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.12}h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.04em;max-width:900px;margin:16px 0}h2{font-size:clamp(26px,4vw,38px);margin-top:0}.lede{font-size:clamp(18px,2.5vw,22px);color:var(--muted);max-width:780px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}.primary{background:linear-gradient(100deg,var(--violet),var(--cyan));color:#070918}.ghost{border:1px solid var(--line);color:var(--text)}main section{padding:64px 0;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:linear-gradient(160deg,rgba(20,24,53,.9),rgba(10,12,28,.9));border:1px solid var(--line);border-radius:16px;padding:24px}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted)}code,pre{font-family:"JetBrains Mono",monospace}.code{background:#090b17;border:1px solid var(--line);border-radius:14px;padding:20px;overflow:auto;color:#d6dcff}.note{border-left:3px solid var(--violet);padding:4px 0 4px 18px;color:var(--muted)}.entry{margin-bottom:24px}.entry time,.tags{color:var(--muted);font:500 13px "JetBrains Mono",monospace}.entry-body{white-space:pre-wrap;color:#d7daf0}.empty{color:var(--muted)}footer{padding:42px 0;color:var(--muted)}footer nav{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:700px){.hero{padding-top:80px}main section{padding:44px 0}}