:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}img{max-width:100%}:root{color-scheme:light;--bg:#f7f5ef;--surface:#ffffff;--surface-2:#fbfaf6;--ink:#141b17;--muted:#6b726d;--line:#e6e1d4;--green:#0e5c43;--green-dk:#0a4732;--green-soft:#e8efe9;--band:#e9efe7;--gold:#e3b54a;--flame:#e8762b;--flame-soft:#fdeadb;--ok:#0f7a52;--ok-soft:#e1f1e7;--bad:#bf3a2b;--bad-soft:#fbe8e4;--phone:#141b17;--shadow:rgba(20,27,23,.12);--f-display:"Fraunces","Tajawal",Georgia,serif;--f-body:"Figtree","IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--f-hand:"Fraunces","Tajawal",Georgia,serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--f-body);margin:0;-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.1;text-wrap:balance;margin:0}html[lang=ar] h1,html[lang=ar] h2{line-height:1.3;font-weight:700}html[lang=ar] h3{line-height:1.45;font-weight:700}html[lang=ar] .stats b,html[lang=ar] .jtxt .jn,html[lang=ar] .pnum,html[lang=ar] .score,html[lang=ar] .about blockquote,html[lang=ar] .punit,html[lang=ar] .about .sig,html[lang=ar] .pnote{font-weight:700}html[lang=ar] .jtxt .jn{opacity:.35}html[lang=en] h1,html[lang=en] h2{letter-spacing:-.015em}.ltr{direction:ltr;text-align:left}.rtl{direction:rtl;text-align:right}.num{font-variant-numeric:tabular-nums}.hand{font-family:var(--f-hand)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--green);outline-offset:2px}[dir=rtl] .flip{transform:scaleX(-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:var(--surface);padding:12px 20px;border-radius:12px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.green:hover{background:var(--green-dk)}.btn.lg{padding:16px 28px;font-size:1.05rem;border-radius:14px}.btn.sm{padding:9px 16px}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.4;cursor:default}.ar-ic{width:18px;height:18px;flex:none}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:8;background:#f7f5efe6;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:26px;padding-block:12px}.logo{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0;font:700 1.5rem/1 var(--f-display);color:var(--green)}html[lang=ar] .logo{font-size:1.65rem}.logo svg{width:32px;height:32px;flex:none}.links{display:flex;gap:2px}.links button{background:none;border:0;padding:8px 11px;border-radius:8px;font-weight:500;color:var(--ink)}.links button:hover{color:var(--green);background:var(--green-soft)}.hsearch{flex:1;max-width:330px;margin-inline-start:auto;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 14px}.hsearch input{border:0;outline:0;background:none;font:inherit;color:var(--ink);width:100%;min-width:0}.hsearch svg{width:17px;height:17px;color:var(--muted);flex:none}.hright{display:flex;align-items:center;gap:10px}.langbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font-weight:700;font-size:14px;color:var(--ink);padding:8px 6px}.langbtn svg{width:17px;height:17px}.mini{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.mini b{color:var(--ink)}@media(max-width:1060px){.links{display:none}}@media(max-width:740px){.hsearch{display:none}.hright{margin-inline-start:auto}}@media(max-width:400px){.mini{display:none}}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;padding-block:68px 76px}.hero>*{min-width:0}.proof{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.proof b{color:var(--ink);font-weight:600}.proof i{font-style:normal;opacity:.45}.check{width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}.check svg{width:11px;height:11px}.hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:0 0 22px}html[lang=ar] .hero h1{font-size:clamp(2.9rem,6.4vw,5.4rem)}.hero h1 .l2{display:block;color:var(--green)}.hl{position:relative;display:inline-block;z-index:0}.hl:after{content:"";position:absolute;inset-inline:-6%;bottom:.04em;height:.34em;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 16 C 46 7, 120 5, 196 11' stroke='%23e3b54a' stroke-width='11' fill='none' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") center/100% 100% no-repeat}.lede{font-size:1.17rem;color:var(--muted);max-width:47ch;margin:0 0 28px}.explore{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:7px;padding-inline-start:16px;max-width:540px}.explore .gi{width:20px;height:20px;color:var(--green);flex:none}.explore .txt{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;background:none;border:0;padding:0}.explore .txt b{color:var(--ink);font-weight:600;transition:opacity .3s}.cta-row{display:flex;align-items:center;gap:22px;margin-top:22px;flex-wrap:wrap}.stack{display:flex;align-items:center;gap:12px}.stack .circles{display:flex}.stack .circles span{width:38px;height:38px;border-radius:50%;border:3px solid var(--bg);display:grid;place-items:center;font:700 11.5px var(--f-body);color:#fff;margin-inline-start:-10px}.stack .circles span:first-child{margin-inline-start:0}.stack small{display:block;color:var(--muted);font-size:13px;line-height:1.35}.stack small b{color:var(--ink)}.visual{position:relative;padding-block:62px 34px;min-width:0}.qcard{position:relative;margin-inline-start:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 28px 22px;width:min(440px,calc(100% - 150px));box-shadow:0 34px 60px -34px #141b1759,0 2px 6px var(--shadow)}[dir=rtl] .qcard{margin-inline-start:auto;margin-inline-end:0}.qtop{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;margin-bottom:16px}.qtop .c{font-weight:700;color:var(--green)}.qtop .c em{font-style:normal;color:var(--ink);margin-left:6px}.qtop .n{color:var(--muted);font-weight:600}.qcard .qtext{font:700 1.55rem/1.28 Fraunces,Georgia,serif;margin:0 0 18px}.opts{display:grid;gap:10px}.opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-weight:500}.opt:hover:not([disabled]){border-color:var(--green)}.opt[disabled]{cursor:default}.opt.right{background:var(--ok-soft);border-color:var(--ok)}.opt.wrong{background:var(--bad-soft);border-color:var(--bad)}.opt.picked{background:var(--green-soft);border-color:var(--green)}.opt .lt{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}.opt .note{font-size:13.5px;font-weight:400;color:var(--muted);margin-top:4px}.explain{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--green-soft);font-size:14.5px}.explain b{color:var(--green);display:block}.qfoot{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;color:var(--muted)}.track{flex:1;height:6px;border-radius:99px;background:var(--line);overflow:hidden}.track i{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .5s}.float{position:absolute;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:9px 14px;padding-inline-start:10px;box-shadow:0 16px 30px -16px #141b1759;font-size:12.5px;line-height:1.3;z-index:3}.float b{display:block;font-size:13.5px;color:var(--ink)}.float span{color:var(--muted)}.float .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}.float .ic svg{width:16px;height:16px}.f1{top:34px;inset-inline-start:10%}.f1 .ic{background:var(--ok-soft);color:var(--ok)}.f2{inset-inline-end:-12px;bottom:78px}.f2 .ic{background:var(--flame-soft);color:var(--flame)}.hnote{position:absolute;top:0;inset-inline-end:4%;display:flex;align-items:flex-start;gap:4px;font:700 1.35rem/1.1 var(--f-hand);color:var(--ink);transform:rotate(-3deg);z-index:2;pointer-events:none}[dir=rtl] .hnote{transform:rotate(3deg);font-size:1.5rem}.hnote svg{width:62px;height:50px;margin-top:10px;color:var(--ink)}.phone{position:absolute;inset-inline-start:-36px;bottom:4px;width:172px;background:var(--phone);border-radius:32px;padding:9px;box-shadow:0 34px 60px -24px #141b1780;z-index:4}.phone .scr{background:var(--surface);border-radius:24px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:10px}.chip{align-self:flex-start;font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:3px 10px}.pterm{border-bottom:1px solid var(--line);padding-bottom:9px}.pterm b{display:block;font-size:13.5px;color:var(--green);direction:ltr;text-align:start}.pterm span{display:block;font-size:12.5px;color:var(--muted);direction:rtl;text-align:start}[dir=ltr] .pterm span{text-align:left}.phone .btn{padding:10px;font-size:13.5px;border-radius:11px}@keyframes bob{50%{transform:translateY(-6px)}}.f1{animation:bob 5s ease-in-out infinite}.f2{animation:bob 6s ease-in-out -2s infinite}@media(prefers-reduced-motion:reduce){.f1,.f2{animation:none}}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:28px;padding-block:44px 52px}.visual{max-width:620px;width:100%;margin-inline:auto}}@media(min-width:1001px)and (max-width:1180px){.phone{display:none}.qcard{width:min(440px,100%)}}@media(max-width:1000px){.phone{inset-inline-start:0}}@media(max-width:580px){.phone,.f2,.hnote{display:none}.qcard{width:100%;padding:22px 18px 18px}.f1{top:26px;inset-inline-start:auto;inset-inline-end:12px}.visual{padding-top:56px}.qcard .qtext{font-size:1.32rem}}.band{background:var(--band);border-block:1px solid var(--line);overflow:hidden}.band .roll{display:flex;gap:46px;width:max-content;padding:15px 0;white-space:nowrap;animation:roll 50s linear infinite;font-size:15px}.band b{color:var(--green);font-weight:700}.band .sep{color:var(--muted);margin-inline:6px}@keyframes roll{to{transform:translate(-50%)}}@keyframes rollr{to{transform:translate(50%)}}[dir=rtl] .band .roll{animation-name:rollr}@media(prefers-reduced-motion:reduce){.band .roll{animation:none}}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-block:54px}.stats div{text-align:center;padding:4px 12px;border-inline-start:1px solid var(--line)}.stats div:first-child{border-inline-start:0}.stats b{display:block;font:700 clamp(2.4rem,4.6vw,3.5rem)/1.15 var(--f-display);color:var(--green)}.stats span{display:block;margin-top:8px;color:var(--muted);font-size:15px}@media(max-width:640px){.stats{grid-template-columns:1fr 1fr;row-gap:30px}.stats div:nth-child(3){border-inline-start:0}}section.sec{padding-block:76px;scroll-margin-top:40px}.sh{text-align:center;max-width:660px;margin:0 auto 42px}.eb{display:inline-block;font-size:13px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:4px 13px;margin-bottom:14px}.sh h2{font-size:clamp(2rem,4vw,3rem)}.sh p{color:var(--muted);font-size:1.08rem;margin:12px 0 0}.jcard{background:var(--surface);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -44px #141b1766}.jview{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.jview:active{cursor:grabbing}.jtrack{display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.jtrack{transition:none}}.jslide{flex:0 0 100%;display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;padding:46px;align-items:center;min-width:0}.jtxt{min-width:0}.jtxt .jn{font:700 4.2rem/1 var(--f-display);color:var(--green);opacity:.22}.jtxt h3{font-size:clamp(1.7rem,3vw,2.3rem);margin:8px 0 12px}.jtxt p{color:var(--muted);font-size:1.08rem;margin:0;max-width:40ch}.jmock{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0}.jmh{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:14px}.jmh b{color:var(--green)}.jmh span{color:var(--muted);font-weight:600}.jrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px;font-size:14.5px}.jrow.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.jrow b{color:var(--green);margin-inline-end:8px}.st{font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap}.st.ready{background:var(--ok-soft);color:var(--ok)}.st.soon{background:var(--line);color:var(--muted)}.jterm{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}.jterm b{display:block;color:var(--green);direction:ltr;text-align:left}.jterm span{display:block;color:var(--muted);font-size:14px;direction:rtl;text-align:right}.jq{direction:ltr;text-align:left;font-size:14.5px}.jq p{font-weight:600;margin:0 0 10px}.jq .o{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;margin-bottom:7px;display:flex;justify-content:space-between}.jq .o.x{border-color:var(--bad);background:var(--bad-soft)}.jq .o.y{border-color:var(--ok);background:var(--ok-soft)}.jq .w{font-size:13.5px;color:var(--muted);margin-top:8px}.jprog div{display:flex;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px;font-size:14.5px}.jprog b{color:var(--ok)}.jdone{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:6px 14px}.jdone svg{width:13px;height:13px}.jnav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid var(--line)}.jarrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;flex:none}.jarrow:hover:not([disabled]){border-color:var(--green);color:var(--green)}.jarrow[disabled]{opacity:.35;cursor:default}.jarrow svg{width:18px;height:18px}.jmid{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-weight:600;font-size:14.5px;min-width:0}.dots{display:flex;gap:6px}.dots button{width:8px;height:8px;border-radius:99px;border:0;background:var(--line);padding:0;transition:width .3s,background .3s}.dots button.on{width:26px;background:var(--green)}@media(max-width:820px){.jslide{grid-template-columns:1fr;gap:24px;padding:26px 20px}.jtxt .jn{font-size:3rem}}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px}.feat .ico{width:48px;height:48px;border-radius:14px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:18px}.feat .ico svg{width:22px;height:22px}.feat h3{font-size:1.32rem;margin-bottom:8px}.feat p{margin:0;color:var(--muted);font-size:15px}@media(max-width:900px){.feats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feats{grid-template-columns:1fr}}.free{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:48px}.free h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:0 0 12px}.free>div>p{color:var(--muted);font-size:1.08rem;margin:0 0 22px}.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:500}.checks .check{margin-top:4px}.price{position:relative;background:var(--bg);border:1px dashed #cfc8b6;border-radius:24px;padding:40px 24px;text-align:center}.ptag{display:flex;align-items:baseline;justify-content:center;gap:10px}.pnum{font:700 7rem/1 var(--f-display);color:var(--green)}.punit{font:700 1.6rem var(--f-display)}.price p{color:var(--muted);margin:10px 0 0}.pnote{position:absolute;top:16px;inset-inline-end:16px;font:700 1rem/1 var(--f-hand);color:var(--bad);background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);border-radius:99px;padding:8px 14px;transform:rotate(-5deg)}[dir=rtl] .pnote{transform:rotate(5deg)}@media(max-width:820px){.free{grid-template-columns:1fr;padding:28px 20px}.pnum{font-size:5.5rem}}.seg{display:flex;justify-content:center;gap:6px;margin-bottom:22px;flex-wrap:wrap}.seg button{border:1px solid var(--line);background:var(--surface);padding:9px 18px;border-radius:99px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--green);border-color:var(--green);color:#fff}.srcchoose{text-align:center;padding:10px 0 6px}.srcchoose h3{margin:0 0 18px;font-size:20px}.srcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px;margin:0 auto}.srccard{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);font-size:17px;color:var(--ink);transition:border-color .15s,transform .15s}.srccard:hover{border-color:var(--green);transform:translateY(-2px)}.srccard .mi2{width:42px;height:42px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.srccard .mi2 svg{width:22px;height:22px}@media(max-width:560px){.srcgrid{grid-template-columns:1fr}.srccard{flex-direction:row;justify-content:flex-start;padding:16px}}.srcbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.srcbar>span>.num{margin-inline-start:12px}.srcbar .num{color:var(--muted);font-weight:600}.linkbtn{background:none;border:0;padding:0;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.ctools{display:flex;justify-content:center;margin-bottom:26px}.ctools .hsearch{display:flex;max-width:430px;width:100%;margin:0}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:960px){.courses{grid-template-columns:1fr 1fr}}@media(max-width:540px){.courses{grid-template-columns:1fr}}.course{display:flex;flex-direction:column;gap:6px;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0;transition:border-color .2s,box-shadow .2s}.course:hover{border-color:var(--green);box-shadow:0 20px 40px -28px #141b1766}.course .r1{display:flex;justify-content:space-between;align-items:center;gap:8px}.course .code{font-weight:700;color:var(--green)}.course h3{font-size:1.35rem;margin-top:8px}.course .sub{color:var(--muted);font-size:14.5px}.course .meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:auto;padding-top:10px}.course .track{flex:none;margin-top:12px}.empty{text-align:center;color:var(--muted);padding:32px 0;grid-column:1/-1}.about{max-width:820px;margin:0 auto;text-align:center}.about blockquote{margin:0;font:700 clamp(1.5rem,2.8vw,2.1rem)/1.55 var(--f-display)}html[lang=ar] .about blockquote{line-height:1.75}.about .sig{display:block;margin-top:18px;font:700 1.35rem var(--f-hand);color:var(--green)}.about .meaning{color:var(--muted);margin-top:8px}.faq{display:grid;gap:12px;max-width:800px;margin:0 auto}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 22px}.faq summary{font-weight:600;cursor:pointer;font-size:1.05rem}.faq p{color:var(--muted);margin:10px 0 0}.cta{background:var(--green);color:#fff;border-radius:30px;padding:60px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;overflow:hidden}.cta h2{font-size:clamp(2.1rem,4.2vw,3.2rem)}.cta p{margin:0;opacity:.82;font-size:1.1rem}.cta .btn{background:#fff;color:var(--green);border-color:#fff;margin-top:8px}.cta .ring{position:absolute;border:1.5px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}footer{border-top:1px solid var(--line);margin-top:76px}footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-block:46px}footer p{color:var(--muted);margin:12px 0 0;max-width:42ch;font-size:15px}footer h4{margin:0 0 10px;font-size:14px}footer .col{display:flex;flex-direction:column;gap:7px;align-items:flex-start}footer .col button{background:none;border:0;padding:0;color:var(--muted);font-size:15px}footer .col button:hover{color:var(--green)}footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:640px){footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}.chead{padding-block:40px 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-end}.crumb{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--muted);font-weight:500;margin-bottom:14px}.crumb:hover{color:var(--green)}.crumb svg{width:16px;height:16px}.chead .code{font-weight:700;color:var(--green)}.chead h1{font-size:clamp(2.2rem,4.6vw,3.4rem);margin-top:4px}.chead .sub{color:var(--muted);font-size:1.05rem;margin-top:4px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:13.5px;font-weight:600;border-radius:99px;padding:6px 14px;background:var(--green-soft);color:var(--green)}.cgrid{display:grid;grid-template-columns:290px 1fr;gap:24px;padding-bottom:40px}@media(max-width:860px){.cgrid{grid-template-columns:1fr}}.rail{display:flex;flex-direction:column;gap:10px;min-width:0}.chap{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:6px}.chap.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.chap small{color:var(--muted);font-size:12.5px;font-weight:600}.chap b{font-weight:600}.chap .en{font-size:13px;color:var(--muted);direction:ltr;text-align:right}.chap.exam{background:var(--green);border-color:var(--green);color:#fff}.chap.exam small{color:inherit;opacity:.8}.pane{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;min-width:0}@media(max-width:520px){.pane{padding:20px 16px}}.tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:var(--surface-2);padding:9px 18px;border-radius:99px;font-weight:600;color:var(--muted)}.tabs button.on{background:var(--green);border-color:var(--green);color:#fff}.terms{display:grid;gap:12px}.term{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden}.term>div{padding:16px 18px;min-width:0}.term>div+div{border-inline-start:1px solid var(--line)}.vis{margin:0;direction:ltr;unicode-bidi:isolate}.vis svg{display:block;width:100%;height:auto;max-width:520px;margin:0 auto;overflow:visible}.vis text{font:400 16px Patrick Hand,Comic Sans MS,cursive;fill:#26302a;dominant-baseline:central;letter-spacing:.1px}.vis .sm{font-size:17px}.vis .sm2{font-size:15.5px}.vis .lb{font-size:14.5px;fill:#5f6862}.vis .tt{font-size:19px;fill:var(--green)}.vis .wt{fill:#fff}.vis .tc{font-size:19px;fill:#8a6414}.vis .s{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vis .k{stroke:#26302a}.vis .g{stroke:var(--green)}.vis .gk{stroke:#083a29}.vis .gdk{stroke:#b5832a}.vis .bl{stroke:#2f6f8f}.vis .rd{stroke:var(--bad);stroke-width:1.8}.vis .m{stroke:#bdb5a2}.vis .dash{stroke-dasharray:5 5}.vis .thick{stroke-width:2.6}.vis .fp{fill:#fffdf8}.vis .fh{fill:#dcebe0}.vis .fk{fill:var(--green)}.vis .fg{fill:#f8e8c2}.vis .fs{fill:#eeebe3}.vis .fl1{fill:#f7f3e9}.vis .fl2{fill:#ebf2ec}.vis .fki{fill:#26302a}.vis .fv1{fill:#0e5c4326}.vis .fv2{fill:#e3b54a42}.vis .fv3{fill:#2f6f8f26}.vis .dotk{fill:#26302a}.vis .dotg{fill:var(--green)}.term .vis{grid-column:1/-1;border-top:1px solid var(--line);padding:16px 18px;background:var(--surface)}.flash .vis{display:block;width:100%;max-width:480px}.flash .vis svg{max-width:100%}@media(max-width:640px){.term .vis{padding:14px 8px}.vis .s{stroke-width:1.2}}.term .en b{display:block;font:700 1.15rem Fraunces,Georgia,serif;color:var(--green)}.term .arc b{display:block;font-size:1.08rem}.term p{margin:6px 0 0;color:var(--muted);font-size:15px}.formula{display:inline-block;margin-top:10px;font:600 13.5px ui-monospace,Menlo,Consolas,monospace;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;max-width:100%;overflow-x:auto;color:var(--ink);direction:ltr}@media(max-width:640px){.term{grid-template-columns:1fr}.term>div+div{border-inline-start:0;border-top:1px solid var(--line)}}.prow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.ptop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-size:14px;font-weight:600}.pq{font:700 1.45rem/1.3 Fraunces,Georgia,serif;margin:0 0 18px}.gain{color:var(--ok);font-weight:700}.timer{font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;color:var(--ink);direction:ltr}.timer.low{color:var(--bad)}.result{text-align:center}.score{font:700 4.6rem/1.2 var(--f-display);color:var(--green);margin:6px 0}.review{display:grid;gap:10px;margin-top:22px}.review div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px}.review .y{border-color:var(--ok)}.review .x{border-color:var(--bad)}.review span{color:var(--muted)}.soonbox{text-align:center;padding:60px 20px;color:var(--muted)}.soonbox h3{color:var(--ink);font-size:1.7rem;margin-bottom:8px}.hint{color:var(--muted);margin:0 0 18px}.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:40px}.chcard{display:flex;flex-direction:column;gap:6px;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0;transition:border-color .2s,box-shadow .2s}.chcard:hover{border-color:var(--green);box-shadow:0 20px 40px -28px #141b1766}.chcard .r1{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:700}.chcard .chn{color:var(--green)}.chcard .pct{color:var(--muted)}.chcard h3{font-size:1.35rem;margin-top:4px}.chcard .sub2{color:var(--muted);font-size:14px;text-align:start}.chcard .chmeta{font-size:13px;color:var(--muted);margin-top:auto;padding-top:10px}.chcard .track{display:block;flex:none;margin-top:6px}.chcard.exam{background:var(--green);border-color:var(--green);color:#fff}.chcard.exam .chn,.chcard.exam .pct,.chcard.exam .chmeta{color:#fff;opacity:.85}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;scroll-margin-top:84px}.mode{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;text-align:start;min-width:0}.mode .mi2{width:44px;height:44px;border-radius:13px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:none;transition:background .2s,color .2s}.mode .mi2 svg{width:20px;height:20px}.mode b{display:block;font-weight:700;font-size:1.02rem}.mode small{color:var(--muted);font-size:12.5px}.mode.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.mode.on .mi2{background:var(--green);color:#fff}@media(max-width:560px){.modes{gap:8px}.mode{flex-direction:column;text-align:center;padding:12px 6px;gap:6px}.mode small{display:none}}.chnav{display:flex;justify-content:space-between;gap:12px;padding-bottom:40px;margin-top:18px}.fctop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-weight:600;font-size:14px}.fctop .btn{gap:6px}.flash{display:block;width:100%;border:0;background:none;padding:0;perspective:1600px;cursor:pointer;color:inherit}.flash .inner{display:grid;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flash.flipped .inner{transform:rotateY(180deg)}.flash .face{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:300px;border:1px solid var(--line);border-radius:24px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;box-shadow:0 24px 50px -36px #141b1773}.flash .front{background:var(--surface-2)}.flash .back{background:var(--surface);transform:rotateY(180deg)}.flash .fen{font:700 clamp(1.7rem,4vw,2.6rem)/1.2 "Fraunces",Georgia,serif;color:var(--green);direction:ltr}.flash .fhint{font-size:13px;color:var(--muted)}.flash .far{font:700 clamp(1.4rem,3vw,1.9rem)/1.4 var(--f-display);color:var(--green)}.flash .fdef{max-width:62ch;color:var(--ink);font-size:15.5px}.flash .fdef.ltr{color:var(--ink);text-align:center;font-size:17.5px;line-height:1.7}.flash .fdef.rtl{text-align:center}@media(prefers-reduced-motion:reduce){.flash .inner{transition:none}}.fcnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.flash{touch-action:pan-y}.fcdots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;min-width:0}.fcdots i{width:7px;height:7px;border-radius:99px;background:var(--line)}.fcdots i.seen{background:color-mix(in srgb,var(--green) 40%,var(--line))}.fcdots i.on{width:22px;background:var(--green)}.qnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.qnav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:13.5px;color:var(--muted)}.qnav button.ans{background:var(--green-soft);border-color:var(--green);color:var(--green)}.qnav button.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.qnav button.no{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.qnav button.cur{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.pact{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.pright{display:flex;gap:10px;flex-wrap:wrap;margin-inline-start:auto}.phint{margin:20px 0 0;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:14px}.btn.ghost[disabled]{opacity:1;background:var(--surface-2);color:var(--muted);border-color:var(--line)}.pspacer{min-width:1px}.psub{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.resgrid{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 16px}.rbox{min-width:140px;border-radius:18px;padding:18px 22px;display:flex;flex-direction:column;align-items:center;gap:4px}.rbox b{font:700 2.6rem/1.15 var(--f-display)}.rbox span{font-size:14px;font-weight:600}.rbox.ok{background:var(--ok-soft);color:var(--ok)}.rbox.no{background:var(--bad-soft);color:var(--bad)}.rbox.sk{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.split{display:flex;height:10px;border-radius:99px;background:var(--line);overflow:hidden;max-width:520px;margin:0 auto}.split .ok{background:var(--ok)}.split .no{background:var(--bad)}[dir=rtl] .split{flex-direction:row-reverse}.review .s{border-color:var(--line);background:var(--surface-2)}.review .rl{display:block;font-size:14px;margin-top:6px}.review .rl em{font-style:normal;font-weight:600;color:var(--ink)}.review .rc em,.review .rc bdi{color:var(--ok)}.review .rw{display:block;font-size:14px;color:var(--muted);margin-top:6px}.ptop .tools{display:flex;align-items:center;gap:10px}.flag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:99px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--muted)}.flag svg{width:15px;height:15px}.flag:hover{border-color:var(--gold)}.flag.on{background:#fdf3d7;border-color:var(--gold);color:#86650c}.flag.on svg path:last-child{fill:currentColor}.qnav button{position:relative}.qnav.many{flex-wrap:nowrap;overflow-x:auto;padding:6px 6px 10px;scrollbar-width:thin}.qnav.many button{flex:0 0 auto}.qnav button.fl:after{content:"";position:absolute;top:-3px;inset-inline-end:-3px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid var(--surface)}.flagbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 16px;font-size:13.5px;font-weight:600;color:#86650c;background:#fdf3d7;border-radius:12px;padding:8px 12px}.flagbar svg{width:15px;height:15px}.flagbar svg path:last-child{fill:currentColor}.flagbar button{border:1px solid var(--gold);background:var(--surface);border-radius:99px;min-width:30px;padding:2px 10px;font-weight:700;font-size:13px;color:#86650c}.rbox.big{min-width:220px;padding:22px 34px}.rbox.big b{font-size:3.4rem}.rflag{display:inline-flex;vertical-align:middle;color:var(--gold)}.rflag svg{width:15px;height:15px}.rflag svg path:last-child{fill:currentColor}[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:20;background:#0e161273;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.modal .box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px;max-width:430px;width:100%;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.modal .mi{width:52px;height:52px;border-radius:16px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.modal .mi svg{width:24px;height:24px}.modal h3{font-size:1.6rem}.modal p{margin:0;color:var(--muted)}.acct{width:100%;display:flex;flex-direction:column;gap:12px;text-align:start}.acct .ah{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.acct form{display:flex;flex-direction:column;gap:12px;margin:0}.acct label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--ink)}.acct input{font:inherit;font-weight:500;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);width:100%}.acct input:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}.acct input.code{letter-spacing:.35em;font-variant-numeric:tabular-nums;text-align:center;direction:ltr}.acct input[type=email],.acct input[type=password]{direction:ltr;text-align:start}.acct .hint{font-size:12.5px;font-weight:500;color:var(--muted)}.acct .btn{width:100%}.acct .note{font-size:14px;line-height:1.55;color:var(--green-dk);background:var(--green-soft);border-radius:12px;padding:10px 12px;margin:0}.acct .err{font-size:14px;line-height:1.55;color:var(--bad);background:var(--bad-soft);border-radius:12px;padding:10px 12px;margin:0}.acct .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:var(--muted)}.acct .who{font-weight:700;color:var(--ink);direction:ltr;unicode-bidi:isolate;word-break:break-all}.acct .sync{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted)}.acct .sync i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.acct .sync.saving i{background:var(--gold)}.acct .sync.error i{background:var(--bad)}#signin .dot{width:7px;height:7px;border-radius:50%;background:#7fd0a8;display:inline-block}.toast{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));width:max-content;max-width:min(440px,calc(100vw - 32px));background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14.5px;font-weight:500;line-height:1.5;box-shadow:0 10px 30px var(--shadow);text-align:center}