:root { --bg:#0b0e14; --card:#121826; --text:#e6e8ef; --muted:#9aa3b2; --line:#243049; --accent:#6ea8fe; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
h1,h2{margin:0 0 .5rem 0}
.container{max-width:980px;margin:0 auto;padding:20px}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card{display:block;padding:16px;border:1px solid var(--line);background:var(--card);border-radius:14px}
.card:hover{border-color:var(--accent)}
p{margin:.35rem 0}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}