@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FFF7EC;--bg-2: #FFEEDA;--surface: rgba(255, 255, 255, .7);--surface-strong: rgba(255, 255, 255, .92);--surface-solid: #FFFFFF;--ink: #1B1209;--ink-2: #4E3B28;--ink-3: #735C45;--line: rgba(60, 35, 10, .11);--line-strong: rgba(60, 35, 10, .2);--o1: #EE6A1C;--o2: #F59A1B;--o3: #FCCF2E;--accent-ink: #A9490A;--ok: #1F8A4C;--ok-bg: rgba(31, 138, 76, .12);--bad: #C2341B;--bad-bg: rgba(194, 52, 27, .1);--grad: linear-gradient(115deg, #EC641C 0%, #F59A1B 48%, #FCD030 100%);--grad-soft: linear-gradient(115deg, rgba(236, 100, 28, .16), rgba(252, 208, 48, .18));--glow: 0 18px 50px -18px rgba(238, 106, 28, .55);--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 20px 50px -28px rgba(80, 40, 5, .35);--radius: 22px;--radius-sm: 14px;--font-display: "Cairo Variable", "Cairo", system-ui, sans-serif;--font-body: "Cairo Variable", "Cairo", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--nav-h: 72px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #120B05;--bg-2: #1B1209;--surface: rgba(43, 29, 15, .62);--surface-strong: rgba(43, 29, 15, .9);--surface-solid: #22170C;--ink: #FFF3E3;--ink-2: #E9D4BA;--ink-3: #BEA488;--line: rgba(255, 220, 180, .11);--line-strong: rgba(255, 220, 180, .22);--accent-ink: #FFB25B;--ok: #5AD58C;--ok-bg: rgba(90, 213, 140, .13);--bad: #FF8B73;--bad-bg: rgba(255, 139, 115, .12);--shadow: 0 1px 0 rgba(255, 230, 200, .06) inset, 0 24px 60px -30px rgba(0, 0, 0, .8);color-scheme:dark}}:root[data-theme=dark]{--bg: #120B05;--bg-2: #1B1209;--surface: rgba(43, 29, 15, .62);--surface-strong: rgba(43, 29, 15, .9);--surface-solid: #22170C;--ink: #FFF3E3;--ink-2: #E9D4BA;--ink-3: #BEA488;--line: rgba(255, 220, 180, .11);--line-strong: rgba(255, 220, 180, .22);--accent-ink: #FFB25B;--ok: #5AD58C;--ok-bg: rgba(90, 213, 140, .13);--bad: #FF8B73;--bad-bg: rgba(255, 139, 115, .12);--shadow: 0 1px 0 rgba(255, 230, 200, .06) inset, 0 24px 60px -30px rgba(0, 0, 0, .8);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip;font-optical-sizing:auto;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:-20vh -20vw auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(252,196,48,.22),transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:auto auto -25vh -15vw;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(closest-side,rgba(238,106,28,.14),transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.3;margin:0;font-weight:600;letter-spacing:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--o2);outline-offset:3px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums}.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px}.skip:focus{top:12px}.glass{background:var(--surface);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.98rem;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad);color:#1b1209;box-shadow:var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px -16px #ee6a1cb3}.btn-ghost{background:var(--surface);border-color:var(--line-strong);backdrop-filter:blur(10px)}.btn-ghost:hover{background:var(--surface-strong)}.btn-sm{min-height:44px;padding:0 16px;font-size:.9rem}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:background .2s}.icon-btn:hover{background:var(--surface-strong)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--grad-soft);color:var(--accent-ink);border:1px solid rgba(238,106,28,.18)}.chip-muted{background:var(--surface);color:var(--ink-3);border-color:var(--line)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:.85rem;font-weight:600;color:var(--accent-ink)}.muted{color:var(--ink-3)}.bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:var(--grad);transition:width .9s var(--ease)}.logo-plate{background:#fff;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px -14px #50280573;border:1px solid rgba(60,35,10,.08)}.logo-plate img{width:100%;height:100%;object-fit:contain}.demo-badge{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--ink-2);padding:6px 12px;border-radius:999px;border:1px dashed var(--line-strong);background:var(--surface)}.demo-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--o2);box-shadow:0 0 0 4px #f59a1b33}.shell{display:grid;grid-template-columns:1fr;min-height:100dvh}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar .brand{display:flex;align-items:center;gap:10px;min-width:0}.topbar .brand .logo-plate{width:92px;height:44px}.main{padding:20px 16px calc(var(--nav-h) + 32px + env(safe-area-inset-bottom));max-width:1240px;width:100%;margin-inline:auto;min-width:0}.bottomnav{position:fixed;inset-inline:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:var(--nav-h);padding:6px;border-radius:24px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 20px 50px -20px #3c1e0573}.bottomnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:600;color:var(--ink-3);border-radius:18px;min-width:0}.bottomnav a.active{color:var(--ink)}.bottomnav .pill{position:absolute;inset:0;border-radius:18px;background:var(--grad-soft);border:1px solid rgba(238,106,28,.2);z-index:-1}@media (min-width: 1024px){.shell{grid-template-columns:272px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100dvh;padding:22px 16px;border-inline-end:1px solid var(--line);background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(18px)}.sidebar .logo-plate{width:100%;height:108px;margin-bottom:18px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:14px;font-weight:500;color:var(--ink-2);transition:color .2s,background .2s}.sidebar nav a:hover{background:var(--surface);color:var(--ink)}.sidebar nav a.active{color:var(--ink);font-weight:600}.sidebar nav a .pill{position:absolute;inset:0;border-radius:14px;background:var(--grad-soft);border:1px solid rgba(238,106,28,.22);z-index:-1}.sidebar .side-foot{margin-top:auto;display:grid;gap:10px}.topbar .brand .logo-plate,.bottomnav{display:none}.main{padding:28px 36px 60px}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-size:clamp(1.6rem,3.2vw,2.3rem)}.page-head p{color:var(--ink-3);margin-top:6px;max-width:60ch}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.86rem;color:var(--ink-3);margin-bottom:10px}.crumbs a:hover{color:var(--accent-ink)}.grid{display:grid;gap:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 14px}.section-title h2{font-size:1.25rem}.link-more{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--accent-ink);font-size:.9rem;min-height:44px}.tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;min-height:100%;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;overflow:hidden;isolation:isolate;text-align:start;cursor:pointer}.tile:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%),rgba(252,196,48,.22),transparent 60%)}.tile:hover{transform:translateY(-4px);border-color:#ee6a1c4d}.tile:hover:after{opacity:1}.tile-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--grad-soft);color:var(--accent-ink);border:1px solid rgba(238,106,28,.18)}.tile h3{font-size:1.08rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 760px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{padding:16px 18px}.stat .k{font-size:.82rem;color:var(--ink-3);display:flex;align-items:center;gap:6px}.stat .v{font-family:var(--font-display);font-size:1.7rem;font-weight:600;margin-top:2px}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring .lbl{position:absolute;text-align:center;font-family:var(--font-display);font-weight:600}.toasts{position:fixed;z-index:90;inset-inline:16px;bottom:calc(var(--nav-h) + 26px + env(safe-area-inset-bottom));display:grid;gap:8px;justify-items:center;pointer-events:none}@media (min-width: 1024px){.toasts{bottom:24px;inset-inline-start:auto;inset-inline-end:24px;justify-items:end}}.toast{pointer-events:auto;padding:12px 18px;border-radius:16px;background:var(--ink);color:var(--bg);font-weight:500;box-shadow:0 20px 40px -20px #00000080;display:flex;align-items:center;gap:10px;max-width:420px}.input{width:100%;min-height:48px;padding:10px 14px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--ink);font:inherit}.segmented{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);gap:2px;flex-wrap:wrap}.segmented button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;cursor:pointer;font-weight:500;color:var(--ink-2)}.segmented button[aria-pressed=true]{background:var(--surface-solid);color:var(--ink);box-shadow:0 6px 16px -10px #3c1e0580;font-weight:600}.landing{position:relative}.l-nav{position:fixed;top:0;inset-inline:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.l-nav.scrolled{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line)}.l-nav .logo-plate{width:104px;height:50px}.l-nav .links{display:none;gap:4px}.l-nav .links a{padding:10px 14px;border-radius:12px;font-weight:500;color:var(--ink-2)}.l-nav .links a:hover{color:var(--ink);background:var(--surface)}@media (min-width: 900px){.l-nav{padding-inline:40px}.l-nav .links{display:flex}}.hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0}.hero-inner{position:relative;z-index:2;width:100%;max-width:1240px;margin-inline:auto;padding:120px 20px 60px;display:grid;gap:28px;pointer-events:none}.hero-inner>*{pointer-events:auto}.hero-copy{max-width:620px;display:grid;gap:20px;justify-items:start}.hero h1{font-size:clamp(2.3rem,7.4vw,5rem);line-height:1.18;font-weight:700}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.08em}.hero h1 .line>span{display:inline-block}.hero .lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--ink-2);max-width:52ch;line-height:1.85}.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-logo{width:min(320px,70vw);aspect-ratio:1260 / 682}.hero-meta{display:flex;flex-wrap:wrap;gap:10px}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:2;color:var(--ink-3);display:grid;justify-items:center;gap:4px;font-size:.8rem}@media (max-width: 899px){.hero{align-items:end}.hero-inner{padding-top:46svh;padding-bottom:80px}.hero-copy{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:28px;padding:4px 0}.scroll-cue{display:none}}.l-section{position:relative;max-width:1240px;margin-inline:auto;padding:90px 20px}.l-section h2{font-size:clamp(1.7rem,4vw,2.8rem);max-width:22ch}.l-section .sub{color:var(--ink-3);margin-top:12px;max-width:58ch;font-size:1.05rem}.features{display:grid;gap:16px;margin-top:40px;grid-template-columns:1fr}@media (min-width: 700px){.features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1080px){.features{grid-template-columns:repeat(3,1fr)}}.feature{padding:26px;display:grid;gap:12px;align-content:start}.feature p{color:var(--ink-3)}.feature.big{grid-row:span 2;background:linear-gradient(160deg,#ee6a1c1f,#fcd03014),var(--surface)}.stage-rail{margin-top:40px;display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 800px){.stage-rail{grid-template-columns:repeat(3,1fr)}}.stage-card{padding:26px;display:grid;gap:14px}.stage-card .big-n{font-family:var(--font-display);font-size:3.4rem;font-weight:700;line-height:1}.grade-dots{display:flex;flex-wrap:wrap;gap:6px}.grade-dots span{min-width:34px;height:34px;padding:0 8px;border-radius:10px;display:grid;place-items:center;font-weight:600;font-size:.85rem;background:var(--surface-solid);border:1px solid var(--line)}.grade-dots span.bac{background:var(--grad);color:#1b1209;border-color:transparent}.cta-band{margin:20px auto 80px;max-width:1180px;padding:48px 26px;text-align:center;display:grid;justify-items:center;gap:16px;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(closest-side,rgba(252,196,48,.3),transparent);z-index:-1}.l-foot{border-top:1px solid var(--line);padding:28px 20px 40px;text-align:center;color:var(--ink-3);font-size:.88rem;display:grid;gap:10px;justify-items:center}.dash-hero{position:relative;overflow:hidden;display:grid;gap:14px;padding:24px;min-height:220px}.dash-hero .orb{position:absolute;inset-inline-end:-40px;top:-40px;width:300px;height:300px;z-index:0;opacity:.95}.dash-hero>:not(.orb){position:relative;z-index:1}.dash-hero h1{font-size:clamp(1.5rem,3vw,2.1rem)}@media (max-width: 640px){.dash-hero .orb{width:210px;height:210px;inset-inline-end:-70px;top:-60px;opacity:.6}}.cols{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 1100px){.cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.continue{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px}.thumb{aspect-ratio:16 / 10;border-radius:14px;background:var(--grad);position:relative;overflow:hidden;display:grid;place-items:center;color:#1b1209}.thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),transparent 50%)}.list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;min-height:56px}.row:hover{background:var(--surface)}.grade-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 700px){.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.grade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.grade-card .n{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1}.grade-card.bac{background:linear-gradient(150deg,#ee6a1c33,#fcd03029),var(--surface);border-color:#ee6a1c4d}.grade-card.current{outline:2px solid var(--o2);outline-offset:-2px}.subj-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 560px){.subj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.subj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.unit{padding:6px}.unit-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}.lesson-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:16px;min-height:64px;transition:background .2s}.lesson-row:hover{background:var(--surface-strong)}.lesson-row .st{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface-solid);border:1px solid var(--line)}.lesson-row.done .st{background:var(--ok-bg);color:var(--ok);border-color:transparent}.player{position:relative;border-radius:24px;overflow:hidden;background:#0e0804;aspect-ratio:16 / 9;color:#fff3e3;isolation:isolate}.player .screen{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px}.player .screen .waves{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 70% 30%,rgba(245,154,27,.55),transparent 60%),radial-gradient(50% 70% at 20% 80%,rgba(236,100,28,.45),transparent 60%),radial-gradient(40% 50% at 50% 50%,rgba(252,208,48,.25),transparent 70%),#160d05;animation:drift 12s ease-in-out infinite alternate}@keyframes drift{to{filter:hue-rotate(-12deg) saturate(1.2);transform:scale(1.08)}}.player .big-play{width:84px;height:84px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--grad);color:#1b1209;cursor:pointer;box-shadow:0 0 0 10px #fcd0302e,0 20px 60px -10px #ee6a1ccc;transition:transform .3s var(--ease)}.player .big-play:hover{transform:scale(1.06)}.player .controls{position:absolute;inset-inline:0;bottom:0;padding:12px 14px;display:grid;gap:8px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.player .ctrl-row{display:flex;align-items:center;gap:6px;direction:ltr}.player .ctrl-row .sp{flex:1}.player .ctrl-row button{width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.player .ctrl-row button:hover{background:#ffffff1f}.player .scrub{direction:ltr;width:100%;accent-color:#F59A1B;height:24px;cursor:pointer}.player .time{font-size:.82rem;font-variant-numeric:tabular-nums;opacity:.9}.player .speed{width:auto!important;padding:0 10px;font-weight:600;font-size:.85rem}.player .tag{position:absolute;top:12px;inset-inline-start:12px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:99px;background:#00000073;backdrop-filter:blur(6px)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs button{min-height:46px;padding:0 16px;border:0;background:none;cursor:pointer;font-weight:600;color:var(--ink-3);position:relative;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:"";position:absolute;inset-inline:10px;bottom:-1px;height:3px;border-radius:3px;background:var(--grad)}.quiz-wrap{max-width:760px;margin-inline:auto}.option{width:100%;display:flex;align-items:center;gap:14px;text-align:start;min-height:60px;padding:12px 16px;border-radius:18px;cursor:pointer;border:1.5px solid var(--line-strong);background:var(--surface);transition:border-color .2s,background .2s,transform .2s}.option:hover:not(:disabled){border-color:var(--o2);transform:translateY(-1px)}.option .letter{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;font-weight:700;background:var(--surface-solid);border:1px solid var(--line)}.option.sel{border-color:var(--o1);background:var(--grad-soft)}.option.right{border-color:var(--ok);background:var(--ok-bg)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option:disabled{cursor:default}.badges{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 700px){.badges{grid-template-columns:repeat(4,minmax(0,1fr))}}.badge{padding:18px 14px;text-align:center;display:grid;justify-items:center;gap:8px}.badge .medal{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#1b1209;box-shadow:var(--glow)}.badge.locked{opacity:.6}.badge.locked .medal{background:var(--surface-solid);color:var(--ink-3);box-shadow:none;border:1px dashed var(--line-strong)}.chart-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:180px;padding-top:10px}.chart-bars .b{display:grid;justify-items:center;gap:6px;height:100%;align-content:end;font-size:.72rem;color:var(--ink-3)}.chart-bars .b i{display:block;width:100%;max-width:36px;border-radius:10px 10px 4px 4px;background:var(--grad);transform-origin:bottom}.enrich-card{padding:22px;display:grid;gap:12px;align-content:start}.enrich-card .glyph{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#1b1209}.scrim{position:fixed;inset:0;z-index:80;background:#140a0073;backdrop-filter:blur(4px);display:grid;place-items:end center;padding:12px}@media (min-width: 700px){.scrim{place-items:center}}.sheet{width:min(560px,100%);max-height:88dvh;overflow:auto;padding:24px;background:var(--surface-solid);border-radius:28px;border:1px solid var(--line)}.orb-fallback{width:100%;height:100%;display:grid;place-items:center}.orb-fallback i{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#fccf2e 25%,#f59a1b 55%,#ec641c 80%);box-shadow:0 0 80px 20px #f59a1b73,0 0 200px 60px #fcd03040;animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.04);filter:brightness(1.08)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}select.input{appearance:auto}html[lang=en] body{line-height:1.6}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{line-height:1.22;letter-spacing:-.01em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}h1{font-weight:800}h2{font-weight:700}.hero h1{font-weight:800}.btn,.chip,.eyebrow{font-weight:700}.lang-btn{font-weight:800;font-size:.9rem;font-family:var(--font-body)}.l-nav .icon-btn{background:var(--surface-strong)}@media (max-width: 420px){.streak-chip,.l-enter span{display:none}}@media (max-width: 380px){.l-enter{padding:0 12px}}:root{--hero-veil: radial-gradient(120% 80% at 50% 0%, rgba(255, 214, 140, .35), transparent 60%)}.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--hero-veil)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--bg),transparent)}:root[data-theme=dark]{--hero-veil: radial-gradient(90% 70% at 30% 40%, rgba(236, 100, 28, .18), transparent 65%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--hero-veil: radial-gradient(90% 70% at 30% 40%, rgba(236, 100, 28, .18), transparent 65%)}}:root[data-theme=dark] .glass,:root[data-theme=dark] .sheet{border-color:#ffc88c1f}:root[data-theme=dark] .grade-card.bac,:root[data-theme=dark] .feature.big{box-shadow:var(--shadow),0 0 0 1px #f59a1b2e inset}:root[data-theme=dark] body:before{background:radial-gradient(closest-side,rgba(252,160,40,.16),transparent 70%)}:root[data-theme=light] .glass{box-shadow:var(--shadow),0 1px #ffffffe6 inset}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;mix-blend-mode:normal}:root[data-vt=reveal]::view-transition-old(root){animation:none}:root[data-vt=reveal]::view-transition-new(root){animation:vt-reveal .7s cubic-bezier(.22,1,.36,1)}@keyframes vt-reveal{0%{clip-path:circle(0 at var(--vt-x, 50%) var(--vt-y, 0))}to{clip-path:circle(150vmax at var(--vt-x, 50%) var(--vt-y, 0))}}a,button,.tile,.option,.segmented button,.icon-btn,input,select,textarea{touch-action:manipulation}.hero-canvas,.hero-canvas canvas,.orb canvas{touch-action:pan-x pan-y pinch-zoom!important}.player .scrub{touch-action:pan-y pinch-zoom}img{-webkit-user-drag:none}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero .ctas .btn{white-space:normal;text-align:center;line-height:1.3;padding-block:10px}@media (max-width: 480px){.hero .ctas{display:grid;grid-template-columns:minmax(0,1fr);width:100%}}.l-nav>*{min-width:0}.page-head>*{min-width:0}.segmented{max-width:100%}.player .ctrl-row{min-width:0}@media (max-width: 440px){.player .ctrl-row .opt{display:none}.player .ctrl-row button{width:40px;height:40px}.player .controls{padding:8px;gap:2px}.player .tag{font-size:.68rem}.player .big-play{width:64px;height:64px}}