.film{background:#0d0b09;position:relative}.film-progress{top:var(--header-h);z-index:40;pointer-events:none;background:0 0;height:2px;position:fixed;left:0;right:0}.film-progress__fill{background:var(--accent-grad);transform-origin:0;width:0%;height:100%;transition:width 90ms linear}.chapter-rail{z-index:40;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);background:#14110e6b;border:1px solid #f5f1e924;flex-direction:column;gap:14px;padding:14px 12px;display:flex;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.chapter-rail__item{cursor:pointer;color:#f5f1e99e;font:inherit;letter-spacing:.01em;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:2px;font-size:.78rem;transition:color .2s;display:flex}.chapter-rail__dot{background:#f5f1e961;border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .2s,transform .2s}.chapter-rail__label{white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.chapter-rail:hover .chapter-rail__label,.chapter-rail__item[aria-current=true] .chapter-rail__label{opacity:1;transform:none}.chapter-rail__item:hover,.chapter-rail__item[aria-current=true]{color:#f5f1e9}.chapter-rail__item[aria-current=true] .chapter-rail__dot{background:var(--accent);transform:scale(1.45)}@media (max-width:1023px){.chapter-rail{display:none}}.chapter{height:calc(var(--scrub,2.4) * 100vh);position:relative}.chapter__stage{place-items:stretch stretch;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.chapter__media,.chapter__poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.chapter__poster{z-index:1;transition:opacity .42s}.chapter__media{z-index:2;opacity:0;transition:opacity .42s}.chapter.is-media-ready .chapter__media{opacity:1}.chapter.is-media-ready .chapter__poster{opacity:0}.chapter__scrim{z-index:3;pointer-events:none;position:absolute;inset:0}.chapter[data-align=left] .chapter__scrim{background:linear-gradient(90deg,#0c0a08d1 0%,#0c0a089e 34%,#0c0a081a 62%,#0c0a0800 100%)}.chapter[data-align=right] .chapter__scrim{background:linear-gradient(270deg,#0c0a08d1 0%,#0c0a089e 34%,#0c0a081a 62%,#0c0a0800 100%)}.chapter__panel{z-index:4;color:#f7f4ee;opacity:0;align-self:center;width:min(46ch,42vw);margin:0 0 0 clamp(24px,7vw,118px);transition:opacity .52s,transform .52s;position:relative;transform:translateY(18px)}.chapter[data-align=right] .chapter__panel{justify-self:end;margin:0 clamp(24px,7vw,118px) 0 0}@media (min-width:1024px){.chapter[data-align=right] .chapter__panel{margin-right:clamp(150px,12vw,230px)}}.chapter.is-active .chapter__panel{opacity:1;transform:none}.chapter__kicker{letter-spacing:.16em;text-transform:uppercase;color:#f7f4eeb8;margin:0 0 14px;font-size:.72rem;font-weight:600;display:inline-block}.chapter__title{letter-spacing:-.022em;color:#fff;text-wrap:balance;margin:0 0 18px;font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:760;line-height:1.06}.chapter__body{color:#f7f4eedb;max-width:44ch;margin:0;font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.62}.chapter__tag{border-radius:var(--radius-sm);letter-spacing:.02em;color:#f7f4eeeb;background:#f7f4ee14;border:1px solid #f7f4ee42;margin-top:22px;padding:7px 13px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:.74rem;display:inline-block}.finale .chapter__panel{width:min(52ch,46vw)}.finale__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.finale__cta{border-radius:var(--radius-md);background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-md);align-items:center;gap:9px;padding:13px 22px;font-size:.98rem;font-weight:620;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex}.finale__cta:hover{filter:brightness(1.05);transform:translateY(-2px)}.finale__cta--ghost{box-shadow:none;color:#f7f4ee;background:0 0;border:1px solid #f7f4ee6b}.finale__note{color:#f7f4eea8;margin:18px 0 0;font-size:.86rem}@media (max-width:767px){.chapter{height:calc(var(--scrub-mobile,2) * 100vh)}.chapter__panel,.finale .chapter__panel{place-self:end stretch;width:auto;margin:0 20px;padding-bottom:clamp(48px,12vh,96px)}.chapter[data-align=right] .chapter__panel{margin:0 20px}.chapter[data-align=left] .chapter__scrim,.chapter[data-align=right] .chapter__scrim{background:linear-gradient(#0c0a0800 0%,#0c0a081f 28%,#0c0a08a8 62%,#0c0a08e0 100%)}.chapter__title{font-size:clamp(1.8rem,7.4vw,2.4rem)}.finale__actions{flex-direction:column;align-items:stretch}.finale__cta{justify-content:center}}@media (prefers-reduced-motion:reduce){.chapter{height:auto}.chapter__stage{height:min(78vh,620px);position:relative}.chapter__media{display:none}.chapter__poster{opacity:1!important}.chapter__panel{opacity:1;transition:none;transform:none}.film-progress,.chapter-rail{display:none}}.graded{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);background:#0e0c0a94;border:1px solid #f7f4ee29;margin:26px 0 0;padding:20px 22px 18px}.graded__row{direction:rtl;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:0 0 14px;display:flex}.graded__word{flex-direction:column;align-items:center;gap:7px;display:flex}.graded__ar{color:var(--g);font-family:SF Arabic,Geeza Pro,Segoe UI,Noto Naskh Arabic,Amiri,serif;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:600;line-height:1.85}.graded__n{color:#14110e;background:var(--g);text-align:center;direction:ltr;border-radius:999px;min-width:22px;padding:2px 6px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.68rem;font-weight:600}.graded__legend{letter-spacing:.02em;color:#f7f4eeb8;align-items:center;gap:10px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.68rem;display:flex}.graded__ramp{background:linear-gradient(90deg, var(--mastery-1) 0%, var(--mastery-3) 22%, var(--mastery-5) 45%, var(--mastery-7) 68%, var(--mastery-10) 100%);border-radius:999px;flex:auto;min-width:90px;height:6px}@media (max-width:767px){.graded{padding:15px 15px 13px}.graded__ar{font-size:1.35rem}}.chapter__panel .graded{max-width:100%}