.stats{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 18px;min-width:130px}.stat b{display:block;font-size:26px;color:var(--acc)}.stat span{color:var(--mut);font-size:14px}
.mods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mods .chip small{opacity:.8;margin-left:6px}
.lc{text-align:left;border-radius:16px;padding:18px;min-height:130px;display:flex;flex-direction:column;gap:6px;background:var(--card);position:relative}.lc h3{margin:0;font-size:18px}.lc p{margin:0;color:var(--mut);font-size:15px}.lc .done{position:absolute;right:14px;top:14px;color:var(--acc);font-weight:700;font-size:13px}.lc small{color:var(--acc);letter-spacing:.08em;font-size:11.5px;font-weight:700}
.qm{text-align:left;border-radius:16px;padding:18px;background:var(--card);display:flex;flex-direction:column;gap:6px}.qm h3{margin:0}.qm p{margin:0;color:var(--mut);font-size:15px}
.bar{height:8px;border-radius:99px;background:#16283a;overflow:hidden;margin:6px 0 16px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7be0bf,#d9f18b);transition:width .3s}
.opt{display:block;width:100%;text-align:left;border-radius:14px;margin:8px 0;padding:14px 16px;line-height:1.5}.opt[data-s=right]{background:#173c33;border-color:#7be0bf}.opt[data-s=wrong]{background:#3b1e22;border-color:#d17b84}.opt:disabled{opacity:1;cursor:default;color:var(--ink)}
.why{margin-top:12px;padding:14px;border-radius:12px;background:#0d1822;border-left:3px solid var(--acc)}
.slide{min-height:210px}.slide h4{font-size:22px;margin:.2em 0}.dots{display:flex;gap:6px;margin:14px 0}.dots i{width:30px;height:6px;border-radius:9px;background:#233c4e}.dots i.on{background:var(--acc)}
.letters{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 14px}.letters button{padding:4px 10px;border-radius:8px;font-size:14px}.letters button[disabled]{opacity:.3;cursor:default}
.alist{display:grid;gap:0}.ah{font-size:22px;color:var(--acc);margin:22px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.ai{display:flex;gap:12px;align-items:baseline;text-align:left;width:100%;border:0;border-radius:10px;padding:10px 8px;background:transparent}.ai:hover{background:var(--card)}.ai em{font-style:normal;font-size:11.5px;letter-spacing:.08em;color:var(--acc);min-width:84px;text-transform:uppercase}.ai span{color:var(--mut);font-size:15px}.ai b{font-weight:600}
@media(max-width:640px){.ai{flex-wrap:wrap}.ai em{min-width:0}}
.steps{list-style:none;padding:0;margin:14px 0}.steps li{border-bottom:1px solid var(--line)}.steps .ai{align-items:center}.steps .ai span{margin-left:auto;color:var(--acc);font-size:14px}