@font-face{font-family:Readex;src:url(/assets/fonts/readex-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
@font-face{font-family:Readex;src:url(/assets/fonts/readex-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F;font-display:swap}
*{box-sizing:border-box;margin:0}
body{background:#000;color:#ededed;font-family:Readex,system-ui,sans-serif;line-height:1.7;-webkit-text-size-adjust:100%}
main{max-width:860px;margin:0 auto;padding:56px 20px 80px}
header{padding-bottom:48px;border-bottom:1px solid #222}
.k{font-size:12px;color:#777;letter-spacing:.08em}
h1{font-size:clamp(40px,10vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin-top:10px}
.lead{color:#a1a1a1;font-size:18px;margin-top:14px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 22px;margin-top:26px;background:#fff;color:#000;
  text-decoration:none;touch-action:manipulation;transition:transform .08s}
.btn:active{transform:scale(.95)}
section{padding:44px 0;border-bottom:1px solid #222}
h2{font-size:13px;font-weight:400;color:#888;letter-spacing:.06em;margin-bottom:22px}
.list{list-style:none;padding:0;display:grid;gap:14px}
.list li{padding-inline-start:18px;border-inline-start:2px solid #333;color:#bdbdbd}
.list b{color:#fff;font-weight:400}
.flow{list-style:none;padding:0;display:grid;gap:0}
.flow li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid #1a1a1a;color:#bdbdbd}
.flow span{width:44px;height:44px;border:1px solid #444;display:grid;place-items:center;font-size:18px;color:#fff}
.flow b{color:#fff;font-weight:400}
pre{margin-top:18px;padding:16px;border:1px solid #262626;background:#0a0a0a;font-size:12px;overflow-x:auto;color:#9fe;line-height:1.8;text-align:left}
.note{color:#888;font-size:14px;margin-top:10px}
.tbl{overflow-x:auto;border:1px solid #222}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
th{font-weight:400;color:#777;text-align:start;padding:10px 12px;border-bottom:1px solid #222;font-size:12px}
td{padding:14px 12px;border-bottom:1px solid #161616;vertical-align:top;color:#c8c8c8}
td:first-child{color:#fff}
i{font-style:normal;font-size:12px;padding:2px 8px;border:1px solid}
i.h{color:#ff6b5b;border-color:#5a2520}i.m{color:#ffc15b;border-color:#5a4520}i.l{color:#7be39a;border-color:#1f4a2c}
.steps{padding-inline-start:20px;color:#bdbdbd;display:grid;gap:8px}
.rv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;padding:18px 0;border-top:1px solid #1a1a1a}
.rv h3{font-size:16px;font-weight:400}
.rv .v{font-size:12px;border:1px solid #2e6b41;color:#7be39a;padding:2px 10px;align-self:start;justify-self:end}
.rv ul{grid-column:1/-1;color:#a8a8a8;font-size:14px;padding-inline-start:18px}
footer{padding-top:32px;color:#666;font-size:13px}