:root{color-scheme:dark;--bg:#15120E;--surface:#1F1A14;--surface2:#2A231B;--ink:#F3EBDD;--sub:#B8AD9B;--line:#3A3127;--brand:#2FA36B;--brand2:#7FD3A2;--gold:#FFB627;--l6:#9B5BCB}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 "Readex Pro",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
[lang=en] body,body.en{line-height:1.7}
a{color:var(--brand2)}a:hover{color:#fff}
img{max-width:100%;height:auto}
.wrap{max-width:980px;margin:0 auto;padding:0 18px}
.top{position:sticky;top:0;z-index:5;background:rgba(21,18,14,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;height:62px}
.logo{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font:800 1.25rem "Baloo Bhaijaan 2","Readex Pro",sans-serif}
.logo img{width:34px;height:34px}
.topnav{display:flex;gap:16px;margin-inline-start:auto;font-size:.92rem}
.topnav a{color:var(--sub);text-decoration:none}.topnav a:hover{color:var(--ink)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff!important;text-decoration:none;font-weight:700;border-radius:14px;padding:11px 20px;box-shadow:0 6px 18px rgba(47,163,107,.25)}
.cta:hover{filter:brightness(1.08)}
.cta.ghost{background:transparent;border:1.5px solid var(--line);box-shadow:none;color:var(--ink)!important}
.top .cta{padding:8px 14px;font-size:.9rem}
@media (max-width:760px){.topnav{display:none}.top .cta{margin-inline-start:auto}}
.crumbs{font-size:.82rem;color:var(--sub);margin:18px 0 0}.crumbs a{color:var(--sub)}
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:26px 0 8px}
.hero img{justify-self:center;max-height:280px;width:auto}
@media (max-width:760px){.hero{grid-template-columns:1fr}.hero img{max-height:180px;order:-1}}
h1{font:800 clamp(1.7rem,4.6vw,2.6rem)/1.3 "Baloo Bhaijaan 2","Readex Pro",sans-serif;margin:0 0 12px}
[lang=en] h1{font-family:"Readex Pro",system-ui,sans-serif;letter-spacing:-.01em}
h2{font-size:1.35rem;line-height:1.45;margin:0 0 10px}
h3{font-size:1.08rem;margin:18px 0 6px}
.lead{font-size:1.1rem;color:var(--sub);margin:0 0 18px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 6px}
section.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin:18px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tile{display:block;background:var(--surface2);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink);text-decoration:none}
.tile:hover{border-color:var(--brand)}.tile b{display:block}.tile span{color:var(--sub);font-size:.9rem}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:start;vertical-align:top}
th{color:var(--sub);font-weight:600;font-size:.85rem}
.en{direction:ltr;unicode-bidi:isolate}
td.en,.ex .en{text-align:left}
.lv{display:inline-block;font-size:.75rem;font-weight:700;border-radius:99px;padding:1px 9px;background:rgba(155,91,203,.18);color:#D6B4F2}
.hot{color:var(--gold);font-weight:700;font-size:.78rem}
.ex{background:var(--surface2);border-radius:14px;padding:10px 14px;margin:8px 0}
.ex p{margin:0}.ex .ar{color:var(--sub);font-size:.92rem}
.note{border-inline-start:3px solid var(--gold);padding:6px 12px;background:rgba(255,182,39,.07);border-radius:8px;margin:10px 0}
.formula{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;justify-content:flex-start;margin:6px 0}
.formula span{background:#0f2c20;border:1px solid #1e5a3f;color:#BFF0D3;border-radius:10px;padding:3px 10px;font-weight:600}
.pairs{display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
s{color:#F28B7D;text-decoration-thickness:2px}b{color:#fff}
details{border-bottom:1px solid var(--line);padding:10px 0}details summary{cursor:pointer;font-weight:700}
details p{margin:8px 0 0;color:var(--sub)}
.q{background:var(--surface2);border-radius:14px;padding:12px 16px;margin:10px 0}
.q .opts{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;margin-top:6px}.q .opts span{border:1px solid var(--line);border-radius:10px;padding:2px 10px;font-size:.92rem}
.q .ans{display:none}.q details{border:0;padding:4px 0 0}
.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;background:var(--brand)}
.stat{display:grid;grid-template-columns:150px 1fr 48px;gap:10px;align-items:center;font-size:.92rem;margin:6px 0}
@media (max-width:520px){.stat{grid-template-columns:110px 1fr 40px}}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 40px;color:var(--sub);font-size:.88rem}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.foot b{color:var(--ink);display:block;margin-bottom:4px}.foot a{display:block;color:var(--sub);text-decoration:none;line-height:2}.foot a:hover{color:var(--ink)}
.search{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:11px 14px;font:inherit;margin:4px 0 10px}
@media (max-width:640px){table.stack thead{display:none}table.stack tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}table.stack td{display:block;border:0;padding:1px 0}}
.stages{display:flex;gap:10px;align-items:flex-end;justify-content:center;flex-wrap:wrap;direction:ltr}
.stages figure{margin:0;text-align:center}.stages img{width:auto}.stages figcaption{font-size:.85rem;color:var(--sub)}