:root{--bg:#f8f9fc;--card:#fff;--tx:#0f172a;--mut:#64748b;--bd:#e5e7eb;--pri:#0f2f9c;--or:#f97316;--ft:#0a0f24;--soft:#f1f5f9;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1020;--card:#141a2e;--tx:#e5e7eb;--mut:#94a3b8;--bd:#263050;--pri:#7c97ff;--soft:#1b2340}}
:root[data-theme="dark"]{--bg:#0b1020;--card:#141a2e;--tx:#e5e7eb;--mut:#94a3b8;--bd:#263050;--pri:#7c97ff;--soft:#1b2340}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--tx);font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.6}
a:focus-visible,button:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.w{max-width:1200px;margin:auto;padding:0 20px}
.top{background:#0f2f9c;color:#fff;font-size:13px;height:38px;display:flex;align-items:center}
.top .w{display:flex;justify-content:space-between;width:100%}
.site-h{background:var(--card);border-bottom:1px solid var(--bd)}
.site-h .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pri)}
.logo i{width:52px;height:52px;border-radius:12px;background:#fff;border:1px solid var(--bd);display:grid;place-items:center}
.logo b{display:block;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:.5px}
.logo small{color:var(--mut);font-size:12px}
.btn{border:0;border-radius:12px;padding:10px 22px;font-weight:700;cursor:pointer;background:var(--pri);color:#fff;text-decoration:none;display:inline-block}
.or{background:var(--or);color:#fff;box-shadow:0 8px 20px -8px var(--or)}
.doc{max-width:820px;margin:36px auto 0;background:var(--card);border:1px solid var(--bd);border-radius:24px;padding:40px}
.doc h1{font-size:34px;font-weight:800;line-height:1.4}
.doc .meta{color:var(--mut);font-size:14px;margin:4px 0 22px}
.doc h2{font-size:21px;font-weight:800;margin:30px 0 6px;color:var(--pri)}
.doc p,.doc li{font-size:16.5px;line-height:2}
.doc p+p{margin-top:6px}
.doc ul{padding-inline-start:24px;margin:4px 0}
.doc a{color:var(--pri);font-weight:700}
.doc .nb{background:var(--soft);border-radius:14px;padding:14px 18px;margin:16px 0}
.doc .nb p{font-size:15.5px;line-height:1.9}
.crumb{max-width:820px;margin:22px auto 0;padding:0 4px;font-size:14px;color:var(--mut)}
.crumb a{color:var(--pri);font-weight:700;text-decoration:none}
footer{background:var(--ft);color:#cbd5e1;margin-top:60px;padding:50px 0 24px}
.fg{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:30px}
footer h5{color:#fff;font-size:17px;margin-bottom:14px}
footer a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:8px}
footer a:hover{color:#fff}
footer p{color:#cbd5e1}
footer .logo{color:#fff}
footer .logo small{color:#94a3b8}
.fb{border-top:1px solid #263050;margin-top:30px;padding-top:18px;font-size:13px;color:#94a3b8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:900px){.fg{grid-template-columns:1fr}.site-h .w{flex-wrap:wrap}}
@media(max-width:600px){.doc{padding:24px 18px;border-radius:18px}.doc h1{font-size:26px}.doc h2{font-size:19px}}
:root[data-theme="dark"] .btn:not(.or){background:#2f4fd0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn:not(.or){background:#2f4fd0}}