:root { --bg:#0b0d12; --card:#111520; --text:#e6e9ef; --muted:#a7b0c0; --brand:#7aa2f7; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7}
a{color:var(--brand);text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:16px}
header{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;gap:8px;align-items:center;font-weight:700}
nav a{margin-left:16px;color:var(--muted)}
.hero{padding:64px 0}
.hero h1{font-size:2rem;margin:0 0 12px}
.cta{display:inline-block;margin-top:12px;background:var(--brand);color:#0b0d12;padding:10px 14px;border-radius:10px;font-weight:700}
h2{margin-top:36px}
.footer{border-top:1px solid #1c2333;color:var(--muted)}
.article h1{margin-top:8px}
.meta{color:var(--muted);font-size:.9rem}
blockquote{border-left:3px solid var(--brand);padding-left:12px;color:#d2d8e6}
.phrases code{background:#1b2133;padding:2px 6px;border-radius:6px}
pre{background:#0f1422;padding:12px;border-radius:10px;overflow:auto}