/* Дизайн-база v2: индиго на обсидиане (DESIGN_RULES.md). Блог наследует токены
   сайта, но живёт своим компактным файлом — страниц много, дублировать 20 КБ в
   каждую нельзя. */
:root {
  --bg:#08080B; --bg-top:#0E0E15; --card:#0E0E15; --card-alt:#191922;
  --accent:#6E59F0; --accent-bright:#8B78FF; --ember:#F5A623;
  --text:#F5F5F7; --muted:#A0A3B4; --edge:rgba(255,255,255,0.08);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { overflow-x:clip; scroll-behavior:smooth; }
body { background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 40%,#060608 100%);
  min-height:100vh; color:var(--text);
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  line-height:1.7; padding:112px 20px 80px; -webkit-font-smoothing:antialiased; }
main { max-width:720px; margin:0 auto; }
.nav { position:fixed; top:0; left:0; right:0; z-index:50;
  background:rgba(8,8,11,0.74); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,0.07); }
.nav-wrap { max-width:1140px; margin:0 auto; padding:0 24px; height:64px;
  display:flex; align-items:center; justify-content:space-between; }
.nav-logo { display:flex; align-items:center; gap:10px; color:var(--text);
  text-decoration:none; font-weight:800; letter-spacing:1px; }
.logo-mark { width:32px; height:32px; border-radius:9px; background:var(--accent);
  display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; }
.nav-links { display:flex; gap:2px; }
.nav-links a { padding:9px 13px; border-radius:9px; font-size:15px; font-weight:500;
  color:var(--muted); text-decoration:none; transition:color .2s, background .2s; }
.nav-links a:hover { color:var(--text); background:rgba(110,89,240,0.09); }
.nav-links a[aria-current="page"] { color:var(--text); }
.nav-cta { display:inline-flex; align-items:center; min-height:40px; padding:0 18px;
  border-radius:20px; background:var(--accent); color:#fff; font-weight:700;
  font-size:14.5px; text-decoration:none; transition:background .2s, transform .2s; }
.nav-cta:hover { background:var(--accent-bright); transform:translateY(-1px); }
.eyebrow { color:var(--accent-bright); font-size:13px; font-weight:700;
  letter-spacing:1.6px; text-transform:uppercase; margin-bottom:12px; }
h1 { font-size:clamp(28px,5vw,40px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:800; margin-bottom:20px; }
h2 { font-size:22px; line-height:1.3; letter-spacing:-0.01em; font-weight:700;
  margin:34px 0 12px; }
p { color:#D8D9E0; margin-bottom:16px; }
.lead { font-size:18px; color:var(--muted); margin-bottom:32px; }
article img { width:100%; border-radius:16px; border:1px solid var(--edge);
  display:block; margin:8px 0 28px; }
a { color:var(--accent-bright); }
.cta { margin-top:44px; padding:24px; border-radius:18px; background:var(--card-alt);
  border:1px solid var(--edge); }
.cta p { margin-bottom:16px; }
.btn { display:inline-flex; align-items:center; min-height:44px; padding:0 20px;
  border-radius:22px; background:var(--accent); color:#fff; font-weight:700;
  text-decoration:none; margin-right:8px; }
.btn.ghost { background:transparent; border:1px solid var(--edge); color:var(--text); }
.back { margin-top:36px; }
.list { list-style:none; }
.list li { padding:20px 0; border-bottom:1px solid var(--edge); }
.list a { font-size:19px; font-weight:700; text-decoration:none; color:var(--text);
  letter-spacing:-0.01em; }
.list a:hover { color:var(--accent-bright); }
.list .meta { display:block; color:var(--muted); font-size:14px; margin-top:6px; }
@media (max-width:600px) { body { padding-top:96px; } .nav-links a { padding:8px 10px; } }