:root{--bg:#060907;--panel:#0d120f;--panel2:#111914;--text:#eef7f1;--muted:#84958b;--line:rgba(97,232,154,.14);--line2:rgba(97,232,154,.26);--accent:#61e89a;--accent2:#25b86a;--orange:#f58045;--warning:#f5b84b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 4%,rgba(42,142,84,.2),transparent 34%),radial-gradient(circle at 14% 22%,rgba(97,232,154,.08),transparent 28%),linear-gradient(180deg,#060907,#090d0a);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.68}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.mono{font-family:'JetBrains Mono',ui-monospace,monospace}.nav{height:76px;border-bottom:1px solid var(--line);background:rgba(5,9,6,.88);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{flex:0 0 42px;width:42px;height:42px;border-radius:13px;border:1px solid #316044;background:linear-gradient(145deg,#173924,#0a160f);display:grid;place-items:center;color:var(--accent);font-size:20px;box-shadow:inset 0 0 24px rgba(97,232,154,.08)}.brand img{width:118px}.brand>span:last-child{font-size:15px;color:var(--accent);border-left:1px solid var(--line2);padding-left:12px}.navlinks{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:rgba(97,232,154,.035);border-radius:999px;padding:10px 14px;font-weight:700;font-size:14px}.btn:hover,.btn.active{border-color:#70eba3;background:#111a14}.btn.primary{border:1px solid #70eba3;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#061008}.hero{padding:88px 0 48px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:600 11px 'JetBrains Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(97,232,154,.7)}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,7vw,78px);margin:18px 0 18px;max-width:920px}h1 span,h2 span{color:var(--accent)}.lead{font-size:clamp(18px,2.4vw,23px);color:#c7d6cc;max-width:800px}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;color:var(--muted);font:500 12px 'JetBrains Mono',monospace}.meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.025)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:18px 0 80px}.post-card{grid-column:span 8;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(17,25,20,.94),rgba(9,14,11,.97));overflow:hidden;transition:.2s}.post-card:hover{transform:translateY(-3px);border-color:#3c674b}.post-card img{display:block;width:100%;height:360px;object-fit:cover}.post-body{padding:26px}.post-body h2{font-size:clamp(28px,4vw,44px);margin:10px 0}.post-body p{color:#b9c7be;font-size:17px}.side-card{grid-column:span 4;border:1px solid var(--line);border-radius:22px;background:rgba(12,18,14,.84);padding:25px;align-self:start}.side-card h3{font-size:24px;margin:8px 0 12px}.side-card p,.side-card li{color:#aebdb3}.tag{display:inline-block;color:var(--accent);font:600 11px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.article{width:min(850px,calc(100% - 36px));margin:auto;padding:70px 0 100px}.article-head{margin-bottom:42px}.article h1{font-size:clamp(40px,6vw,68px)}.article h2{font-size:clamp(28px,4vw,40px);margin:58px 0 16px}.article h3{font-size:23px;margin:36px 0 12px}.article p,.article li{font-size:18px;color:#c7d3cb}.article strong{color:#f3faf5}.article a.inline{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.figure{margin:36px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.figure img{width:100%;display:block;max-height:720px;object-fit:contain;background:#090d0a}.figure figcaption{padding:14px 18px;color:var(--muted);font-size:14px}.callout{margin:28px 0;border:1px solid var(--line2);border-left:4px solid var(--accent);border-radius:15px;background:rgba(97,232,154,.055);padding:18px 20px}.callout.warning{border-color:rgba(245,184,75,.35);border-left-color:var(--warning);background:rgba(245,184,75,.055)}.callout p{margin:0;font-size:16px}.pinmap{display:grid;gap:8px;margin:24px 0}.pinmap div{display:grid;grid-template-columns:56px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.pinmap b{display:grid;place-items:center;background:rgba(97,232,154,.08);color:var(--accent);font-family:'JetBrains Mono',monospace}.pinmap span{padding:10px 14px;color:#c6d3ca}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 24px 54px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--accent);font:600 13px 'JetBrains Mono',monospace;background:#101713}.quote{margin:36px 0;padding:24px 26px;border-left:3px solid var(--orange);font-size:24px;color:#f3f7f4;background:rgba(245,128,69,.045);border-radius:0 16px 16px 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery .figure{margin:0}.footer{border-top:1px solid var(--line);padding:30px 0;color:#718078}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.back{display:inline-flex;margin-top:30px;color:var(--accent);font-weight:700}.toc{border:1px solid var(--line);border-radius:18px;padding:20px 24px;background:rgba(11,17,13,.8);margin:32px 0}.toc b{display:block;margin-bottom:8px}.toc a{display:block;color:#aebdb3;padding:4px 0}.toc a:hover{color:var(--accent)}@media(max-width:850px){.nav{height:auto;min-height:70px}.nav .wrap{padding:12px 0}.brand img{display:none}.brand>span:last-child{font-size:13px}.navlinks .btn{display:none}.navlinks .btn.active,.navlinks .btn[href="/blog/"]{display:inline-flex}.hero{padding:58px 0 30px}.grid{display:block}.post-card,.side-card{margin-bottom:18px}.post-card img{height:240px}.gallery{grid-template-columns:1fr}.footer .wrap{display:block}.footer .mono{margin-top:10px}.article{padding-top:45px}.article p,.article li{font-size:17px}}