:root{--bg:#07090c;--card:#0d1117;--ink:#f4f6fa;--mute:#a7b1c4;--dim:#6b778d;--line:#1b2332;--g:#22c55e;--gd:#04140a;--gs:rgba(34,197,94,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:var(--g)}a:hover{color:#4ade80}
:focus-visible{outline:2px solid var(--g);outline-offset:3px}
.wrap{width:min(780px,100% - 40px);margin:0 auto}
header{border-bottom:1px solid var(--line);background:rgba(7,9,12,.9)}
header .wrap{width:min(1180px,100% - 40px);height:68px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo i{width:24px;height:24px;border-radius:7px;background:var(--g);box-shadow:0 0 0 4px var(--gs)}
.back{font-size:14px;color:var(--mute);text-decoration:none}
main{padding:64px 0 96px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g)}
h1{margin-top:12px;font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:-.035em}
.upd{margin-top:14px;font-size:14px;color:var(--dim)}
.intro{margin-top:24px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--g);border-radius:12px;color:var(--mute)}
h2{margin-top:44px;font-size:21px;letter-spacing:-.02em}
p,li{margin-top:12px;color:var(--mute);font-size:16px}
ul{padding-left:22px}li::marker{color:var(--g)}
strong{color:var(--ink)}
footer{border-top:1px solid var(--line);padding:32px 0;font-size:13px;color:var(--dim)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:var(--mute)}