@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Figtree:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600&display=swap');
:root{--bg:#eef4f2;--card:#fcfefd;--ink:#10303a;--mut:#51696e;--line:#d5e2de;--brand:#0d7377;--brand2:#dcefec;--hl:#e4dcf7;--good:#13795b;--goodbg:#e2f4ec;--bad:#b3283f;--badbg:#fbe9ec;--warn:#8a5a12;--r:16px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif}
[dir=rtl] body{line-height:1.85;font-family:"Readex Pro",Tahoma,sans-serif}
h1,h2,.price,.big{font-family:Fraunces,Georgia,serif;letter-spacing:-.01em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .price,[dir=rtl] .big{font-family:"Readex Pro",Tahoma,sans-serif;letter-spacing:0}
.hl{background:linear-gradient(transparent 55%,var(--hl) 55%)}.top{background:rgba(252,254,253,.92);backdrop-filter:blur(8px)}
a{color:var(--brand);text-decoration:none}h1{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.2;margin:.4em 0}h2{font-size:1.4rem;margin:1.6em 0 .5em}h3{margin:.2em 0}h4{margin:1em 0 .4em;color:var(--mut)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px 8px}
.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.mark{background:var(--ink);color:#bfe9e4;border-radius:9px 9px 9px 2px;padding:3px 8px;font-size:.85rem}
.top nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.top nav a{padding:6px 10px;border-radius:99px;color:var(--ink);font-size:.92rem}.top nav a.pill{background:var(--brand2);color:var(--brand);font-weight:600}
.lang{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;cursor:pointer;font:inherit;font-size:.9rem}
.hero{padding-top:40px;padding-bottom:20px}.lead{font-size:1.1rem;color:var(--mut)}
.muted{color:var(--mut)}.small{font-size:.85rem}.note{color:var(--mut);font-size:.88rem}.ok{color:var(--good);font-weight:600}.no{color:var(--bad);font-weight:600}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:12px 20px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}.btn.small{padding:8px 14px;min-height:36px}.btn:disabled{opacity:.5}
.link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;padding:4px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:12px 0;box-shadow:0 1px 2px rgba(20,33,61,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid .card{margin:0}
a.card{color:inherit;display:block}a.course:hover{border-color:var(--brand)}
.tag{display:inline-block;background:var(--brand2);color:var(--brand);border-radius:99px;padding:2px 10px;font-size:.78rem;font-weight:600}.tag.free{background:var(--goodbg);color:var(--good)}
.n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff}
input,textarea,select{width:100%;font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);margin:6px 0}
input.num{width:130px}input.num.wide{width:100%;max-width:260px}
input:focus,textarea:focus,select:focus,.btn:focus-visible,.choice:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:.9rem}
.opts-row{display:flex;flex-wrap:wrap;gap:8px}.chk{display:flex;gap:6px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer}.chk input{width:auto;margin:0}
.drop{width:100%;border:2px dashed var(--line);background:var(--bg);border-radius:12px;padding:22px;font:inherit;color:var(--brand);cursor:pointer}
.files{list-style:none;padding:0}.files li{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.back{display:inline-block;margin:14px 0 0}
.form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form .btn{grid-column:1/-1}@media(max-width:560px){.form{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0}.ticks li{padding:4px 0}.ticks li:before{content:"✓";color:var(--good);font-weight:700;margin-inline-end:8px}.ticks.cols{columns:2 240px}
.price{font-size:1.6rem;font-weight:700;margin:.2em 0}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0}summary{cursor:pointer;font-weight:600}details p{margin:.6em 0 0;color:var(--mut)}
.foot{text-align:center;color:var(--mut);font-size:.85rem;padding:28px 16px}
/* quiz */
.qhead{display:flex;justify-content:space-between;margin-top:14px}.qbar{margin:6px 0}.timer{display:inline-block;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem;direction:ltr}.timer.low{color:var(--bad)}
.dots{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.dot{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:.85rem}.dot.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand2)}.dot.ans{background:var(--brand2)}.dot.flag{border-color:var(--warn);color:var(--warn)}
.qcard{padding:18px}.qmeta{display:flex;justify-content:space-between;align-items:center;gap:8px}.qtext{font-size:1.12rem;font-weight:600;margin:.8em 0}
.choices{display:grid;gap:8px}.choice{display:flex;gap:12px;align-items:flex-start;text-align:start;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px;font:inherit;cursor:pointer;min-height:48px}
.choice .ltr{background:var(--bg);border-radius:8px;min-width:26px;text-align:center;font-weight:700;direction:ltr}
.choice.sel{border-color:var(--brand);background:var(--brand2)}.choice.good{border-color:var(--good);background:var(--goodbg)}.choice.bad{border-color:var(--bad);background:var(--badbg)}
.choices.two{grid-template-columns:1fr 1fr}.choices.two .choice{justify-content:center;font-weight:600}
.numrow{display:flex;gap:10px;align-items:center}
.qnav{display:flex;gap:10px;justify-content:space-between;margin:12px 0 24px;flex-wrap:wrap}
.fb{margin-top:14px;padding:12px 14px;background:var(--bg);border-radius:12px;border-inline-start:4px solid var(--brand)}.fb p{margin:.4em 0}
.src{display:inline-block;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 10px;font-size:.84rem;color:var(--mut);word-break:break-word}
.score{display:flex;gap:16px;align-items:center}.big{font-size:2.6rem;font-weight:800;color:var(--brand)}
.rev.okc{border-inline-start:5px solid var(--good)}.rev.noc{border-inline-start:5px solid var(--bad)}.rev.pend{border-inline-start:5px solid var(--warn)}
.bars{display:grid;gap:10px}.bl{display:flex;justify-content:space-between;font-size:.92rem;gap:8px}.track{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.fill{height:100%;border-radius:99px}.fill.g{background:var(--good)}.fill.y{background:#e0a100}.fill.r{background:var(--bad)}
.stats .stat{text-align:center}.stat b{display:block;font-size:1.8rem;color:var(--brand)}
.row-card{display:flex;justify-content:space-between;gap:10px;align-items:center}
@media(min-width:720px){.top{padding:12px 28px}.wrap{padding:0 24px 8px}}

.plans{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.plan{position:relative}.plan.best{border:2px solid var(--brand);background:#f3fbf9}
.plan .price{font-size:1.7rem;margin:.3em 0 0}.plan .usd{color:var(--mut);font-size:.9rem;margin:0 0 .6em}.plan .tag{margin-bottom:6px}
.hero{background:linear-gradient(180deg,#e2f1ee,transparent);border-radius:0 0 28px 28px;max-width:none;padding-inline:max(16px,calc((100vw - 860px)/2))}
.sfoot{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;text-align:start;max-width:860px;margin:0 auto 14px}.sfoot a{display:block;color:var(--ink);padding:3px 0}.sfoot b{display:block;margin-bottom:4px}
.foot{background:#fcfefd;border-top:1px solid var(--line);margin-top:30px}