@font-face{font-family:'Unbounded';src:url(../fonts/unbounded-cyr.woff2) format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';src:url(../fonts/unbounded-lat.woff2) format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2122}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-cyr.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-lat.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2122}
:root{
  --ink:#08090f; --card:#121624; --line:rgba(255,255,255,.06); --line-2:rgba(255,255,255,.12);
  --core:#7c6cff; --core-lite:#b3a8ff; --core-glow:rgba(124,108,255,.18); --amber-glow:rgba(255,194,75,.12);
  --t1:#f0f1fb; --t2:#9ba1c2; --t3:#5e6587; --radius:16px;
  --display:'Unbounded',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;
  --mono:"JetBrains Mono","SF Mono",ui-monospace,"Roboto Mono",monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--sans);background:var(--ink);color:var(--t1);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;font-weight:420;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.mesh{position:fixed;inset:0;z-index:-2;overflow:hidden}
.mesh b{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}
.mesh .m1{width:560px;height:560px;background:var(--core-glow);top:-180px;right:-120px}
.mesh .m2{width:480px;height:480px;background:var(--amber-glow);bottom:-220px;left:-160px}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;backdrop-filter:blur(12px);background:rgba(8,9,15,.55);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;letter-spacing:-.01em;font-size:17px}
.brand small{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);font-weight:500}
.back{font-family:var(--mono);font-size:13px;color:var(--t2);letter-spacing:.03em}
.back:hover{color:var(--core-lite)}
.post{max-width:760px;margin:0 auto;padding:120px 24px 70px}
.crumbs{font-family:var(--mono);font-size:12px;color:var(--t3);letter-spacing:.04em;margin-bottom:22px}
.crumbs a{color:var(--t2)}
.post h1{font-family:var(--display);font-size:clamp(31px,5.2vw,50px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.meta{font-family:var(--mono);font-size:12px;color:var(--t3);margin-bottom:34px;letter-spacing:.04em}
.lead{font-size:20px;color:var(--t1);line-height:1.55;margin-bottom:40px;padding-left:18px;border-left:3px solid var(--core)}
.post h2{font-family:var(--display);font-size:clamp(22px,3.6vw,31px);line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:50px 0 16px}
.post h3{font-size:19px;margin:30px 0 10px;color:var(--t1);font-weight:680}
.post p{color:var(--t2);margin-bottom:18px}
.post ul,.post ol{color:var(--t2);margin:0 0 18px 4px;list-style:none;display:flex;flex-direction:column;gap:9px}
.post ul li,.post ol li{padding-left:26px;position:relative}
.post ul li::before{content:"→";position:absolute;left:0;color:var(--core-lite)}
.post ol{counter-reset:n}
.post ol li{counter-increment:n}
.post ol li::before{content:counter(n);position:absolute;left:0;color:var(--core-lite);font-family:var(--mono);font-size:13px;font-weight:700}
.post strong{color:var(--t1);font-weight:680}
.cmp{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.cmp th,.cmp td{border:1px solid var(--line-2);padding:12px 14px;text-align:left;vertical-align:top}
.cmp th{background:var(--card);color:var(--t1);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.cmp td{color:var(--t2)}
.cmp td:first-child{color:var(--t1);font-weight:600}
.cta{margin-top:56px;padding:34px 30px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--card);text-align:center}
.cta h3{font-family:var(--display);font-size:24px;margin-bottom:10px;font-weight:700}
.cta p{margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:12px;font-weight:680;font-size:16px;font-family:var(--sans);cursor:pointer;border:1px solid transparent;background:var(--core);color:#08090f;box-shadow:0 10px 30px -10px var(--core);transition:transform .25s var(--ease),background .2s}
.btn:hover{background:var(--core-lite);transform:translateY(-2px)}
.next{margin-top:30px;font-family:var(--mono);font-size:13px;color:var(--t3)}
.next a{color:var(--core-lite)}
.foot{border-top:1px solid var(--line);padding:30px 24px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--t3);letter-spacing:.03em}