*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0b3a22;--color-on-primary:#fff;--color-primary-container:#ddf9e8;--color-on-primary-container:#0b3a22;--color-link:#15703a;--color-accent:#4fe08a;--color-on-accent:#0b3a22;--color-secondary:#f4c21b;--color-on-secondary:#1c1a10;--color-error:#c7372b;--color-on-error:#fff;--color-error-container:#fbeae8;--color-on-error-container:#7a1a12;--color-background:#fff;--color-on-background:#0b3a22;--color-surface:#fff;--color-surface-container:#f3f7f4;--color-on-surface:#0b3a22;--color-on-surface-variant:#66726b;--color-outline:#8a9a91;--color-outline-variant:#e2eae5;--color-scrim:#0b3a228c;--color-board-road:#131f24;--color-board-grass:#6ea24c;--color-board-line:#fff;--color-board-kerb:#ff0;--color-logo-green:#16853b;--color-logo-lime:#d8ff52;--font-sans:var(--font-barlow), "Arial Narrow", system-ui, sans-serif;--font-display:var(--font-sans);--text-display:700 40px/1.1 var(--font-sans);--text-headline-lg:700 30px/1.15 var(--font-sans);--text-headline-md:600 24px/1.25 var(--font-sans);--text-title:600 19px/1.3 var(--font-sans);--text-body-lg:400 18px/1.55 var(--font-sans);--text-body-md:400 16px/1.5 var(--font-sans);--text-body-sm:400 14px/1.45 var(--font-sans);--text-label-md:600 15px/1.2 var(--font-sans);--text-label-sm:600 13px/1.2 var(--font-sans);--text-numeric:600 16px/1.2 var(--font-sans);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-gutter:16px;--space-margin:16px;--space-margin-desktop:32px;--space-max-width:1080px;--space-tap-target:48px;--shadow-float:0 8px 24px #17211c24}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#4fe08a;--color-link:#4fe08a;--color-on-primary:#0b3a22;--color-primary-container:#4fe08a24;--color-on-primary-container:#e9f5ee;--color-background:#06150d;--color-surface:#0c2015;--color-surface-container:#122b1d;--color-on-surface:#e9f5ee;--color-on-surface-variant:#93a89c;--color-outline:#6f8579;--color-outline-variant:#1e3a2a;--color-error:#ff7a6e;--color-on-background:#e9f5ee;--color-error-container:#ff7a6e24;--color-on-error-container:#ffd9d4;--color-scrim:#000000ad;--shadow-float:0 8px 24px #00000080}html{background:var(--color-background);overflow-x:clip}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-on-surface) 20%, transparent) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{margin:8px}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-on-surface) 20%, transparent) padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:vertical{border-block-width:18px;min-height:72px}::-webkit-scrollbar-thumb:horizontal{border-inline-width:18px;min-width:72px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--color-primary) 62%, transparent)}::-webkit-scrollbar-thumb:vertical:hover{border-inline-width:2px}::-webkit-scrollbar-thumb:horizontal:hover{border-block-width:2px}body{color:var(--color-on-surface);background:var(--color-background);font-family:var(--font-sans);min-height:100vh;margin:0}.moduleShell{--module-nav-height:0px;--module-header-height:68px;min-height:100dvh}.moduleMain{grid-template-rows:var(--module-header-height) minmax(0, 1fr);min-width:0;display:grid}.appHeader{z-index:9;min-width:0;height:var(--module-header-height);background:var(--color-background);border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface);justify-content:center;align-items:center;padding:0 88px;display:flex;position:sticky;top:0}.appHeaderBrand{text-align:center;align-items:center;gap:8px;display:inline-flex}.appHeaderBrand>span:last-child{gap:1px;display:grid}.appHeaderBrand strong{letter-spacing:-.03em;font-size:18px}.appHeaderBrand small{color:var(--color-on-surface-variant);font-size:7px}.appHeaderMark,.moduleBrandMark{font-size:21px}.appHeaderActions{align-items:center;gap:10px;display:flex;position:absolute;right:18px}.themeToggle{background:var(--color-surface-container);color:var(--color-on-surface);cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.themeToggle svg{width:20px;height:20px}.appHeaderSignIn{border:1px solid var(--color-primary);border-radius:var(--radius-full);min-height:38px;color:var(--color-link);cursor:pointer;background:0 0;padding:0 15px;font-weight:800}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.moduleContent{min-width:0;min-height:calc(100dvh - var(--module-nav-height) - var(--module-header-height));background:var(--color-background);overflow-x:clip}.moduleStage{min-height:calc(100dvh - var(--module-nav-height) - var(--module-header-height));opacity:1;width:100%;transition:opacity .21s,transform .21s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.moduleStage.moduleStageEntering{opacity:.94;transform:translateY(3px)}.offerBar{border-radius:var(--radius-md);background:var(--color-primary-container);color:var(--color-on-surface);align-items:center;gap:10px;margin:10px clamp(16px,3vw,34px) 0;padding:8px 8px 8px 14px;font-size:14px;line-height:1.35;display:flex}.offerBar>svg{width:20px;height:20px;color:var(--color-link);flex:none}.offerBar p{flex:1;min-width:0;margin:0}.offerBar s{color:var(--color-on-surface-variant)}.offerCountdown{font-variant-numeric:tabular-nums;font-weight:800}.offerBar button{border-radius:var(--radius-full);background:var(--color-primary);min-height:40px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:0;flex:none;padding:0 16px;font-weight:800}.offerBar[data-ending]{background:var(--color-error-container)}.offerBar[data-ending]>svg,.offerBar[data-ending] .offerCountdown{color:var(--color-error)}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-container);height:14px;animation:1.4s ease-in-out infinite skeletonPulse;display:block}@keyframes skeletonPulse{50%{opacity:.55}}.checkoutLoading{place-items:center;min-height:240px;display:grid}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.moduleStage{transition:none}.moduleStage.moduleStageEntering{opacity:1;transform:none}}.moduleMenuButton{z-index:12;border:1px solid var(--color-outline);background:var(--color-background);width:40px;height:40px;color:var(--color-on-surface);cursor:pointer;border-radius:50%;padding:0;font-size:19px;position:fixed;top:14px;left:18px}.moduleNavLayer{z-index:30;position:fixed;inset:0}.moduleNavBackdrop{background:var(--color-scrim);cursor:default;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.moduleNav{background:var(--color-background);border-right:1px solid var(--color-outline-variant);width:min(310px,86vw);color:var(--color-on-surface);box-shadow:var(--shadow-float);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:22px 24px 26px;animation:.18s ease-out both module-drawer-in;display:grid;position:absolute;inset:0 auto 0 0;overflow:hidden}@keyframes module-drawer-in{0%{opacity:.7;transform:translate(-24px)}}.moduleNavHeader{border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:12px;padding-bottom:14px;display:flex}.moduleNavScroll{scrollbar-gutter:stable;align-content:start;gap:28px;min-height:0;margin-right:-24px;padding-right:14px;display:grid;overflow-y:auto}.moduleCloseButton{width:32px;height:32px;color:var(--color-on-surface);cursor:pointer;background:0 0;border:0;padding:0;font-size:31px;font-weight:300;line-height:1}.moduleBrand{color:var(--color-on-surface);align-items:center;font-size:16px;text-decoration:none;display:flex}.moduleBrandMark{margin-right:9px;font-size:30px}.moduleBrand>span:last-child{gap:1px;display:grid}.moduleBrand strong{letter-spacing:-.04em;font-size:23px;line-height:1}.moduleBrand small{color:var(--color-on-surface-variant);font-size:9px;font-weight:500}.moduleLinks,.moduleLegal{align-content:start;gap:5px;display:grid}.moduleNavTitle{color:var(--color-on-surface-variant);letter-spacing:.13em;text-transform:uppercase;padding:0 0 10px;font-size:11px;font-weight:800;display:block}.moduleLinks a{border-radius:var(--radius-md);min-height:64px;color:var(--color-on-surface);grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.moduleLinkIcon{width:32px;height:32px;color:var(--color-on-surface);place-items:center;display:grid}.moduleLinkIcon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.moduleLinkCopy{gap:3px;min-width:0;display:grid}.moduleLinkCopy strong{color:var(--color-on-surface);font-size:14px}.moduleLinkCopy small{color:var(--color-on-surface-variant);font-size:11px;font-weight:500}.moduleLinkArrow{color:var(--color-on-surface);font-size:27px;font-weight:400;line-height:1}.moduleLinks a[aria-current=page]{color:var(--color-link);background:var(--color-primary-container)}.moduleLinks a[aria-current=page] .moduleLinkIcon,.moduleLinks a[aria-current=page] .moduleLinkCopy strong,.moduleLinks a[aria-current=page] .moduleLinkArrow{color:var(--color-link)}.moduleLinks a:not([aria-current=page]):hover{background:var(--color-surface-container)}.moduleLinks a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.moduleLegal a{border-radius:var(--radius-md);min-height:46px;color:var(--color-on-surface);grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:6px 10px;font-size:13px;text-decoration:none;display:grid}.moduleLegal a:hover{background:var(--color-surface-container)}.moduleAuth{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);align-self:end;gap:9px;padding:14px;display:grid}.moduleAuthHeading{color:var(--color-on-surface);align-items:center;gap:8px;font-size:13px;display:flex}.moduleAuthHeading>span{border-radius:var(--radius-sm);background:var(--color-surface-container);width:30px;height:30px;color:var(--color-on-surface-variant);place-items:center;display:grid}.moduleAuth p{color:var(--color-on-surface-variant);margin:0;font-size:11px;line-height:1.45}.moduleAuth>small{color:var(--color-on-surface-variant);text-align:center;font-size:9px}.moduleAuth a,.moduleAuth button{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.moduleSignup{background:var(--color-primary);color:var(--color-on-primary);border:0}.moduleLogin{border:1px solid var(--color-primary);color:var(--color-link);background:0 0}.mobileTabBar,.desktopModuleNav{display:none}@media (min-width:1100px){html:where(:not([data-school])):has(.moduleShell){width:100%;height:100%;min-height:0;overflow:hidden}html:where(:not([data-school])):has(.moduleShell) body{width:100%;height:100%;min-height:0;overflow:hidden}:where(html:not([data-school])) .moduleShell{grid-template-columns:266px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}:where(html:not([data-school])) .desktopModuleNav{grid-area:1/1;min-width:0;display:block}:where(html:not([data-school])) .desktopModuleNav .moduleNav{width:100%;height:100dvh;box-shadow:none;border-right:0;padding:0 16px 24px;animation:none;position:sticky;top:0}:where(html:not([data-school])) .desktopModuleNav .moduleNavScroll{margin-right:-16px;padding-right:6px}:where(html:not([data-school])) .desktopModuleNav .moduleCloseButton{display:none}:where(html:not([data-school])) .desktopModuleNav .moduleNavHeader{height:var(--module-header-height);min-height:var(--module-header-height);border-bottom:0;padding:0 10px;position:relative}:where(html:not([data-school])) .desktopModuleNav .moduleNavHeader:after{content:"";border-bottom:1px solid var(--color-outline-variant);position:absolute;bottom:0;left:-16px;right:-16px}:where(html:not([data-school])) .moduleMenuButton{display:none}:where(html:not([data-school])) .moduleMain{grid-area:1/2;height:100dvh;min-height:0}:where(html:not([data-school])) .moduleContent{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow:clip auto}:where(html:not([data-school])) .appHeader{justify-content:space-between;padding-inline:34px}:where(html:not([data-school])) .appHeaderBrand{display:none}:where(html:not([data-school])) .appHeaderActions{margin-left:auto;position:static}}@media (max-width:760px){:root{--mobile-route-bottom-inset:calc(96px + env(safe-area-inset-bottom))}.moduleContent,.moduleStage{min-height:calc(100dvh - var(--module-header-height))}.moduleMenuButton{display:none}.appHeader{border-bottom:0;justify-content:flex-start;padding:0 18px;position:relative}.appHeaderBrand{text-align:left}.appHeaderBrand strong{font-size:18px}.appHeaderBrand small{font-size:8px}.appHeaderActions{right:18px}.mobileTabBar{z-index:25;min-height:66px;padding:5px max(10px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--color-outline-variant);background:var(--color-surface);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.mobileTabBar a{border-radius:var(--radius-md);min-width:0;color:var(--color-on-surface-variant);align-content:center;place-items:center;gap:2px;text-decoration:none;display:grid}.mobileTabBar a>span{font-size:22px;line-height:1}.mobileTabBar a small{font-size:10px;font-weight:700}.mobileTabBar a[aria-current=page]{color:var(--color-on-surface)}}button{font:inherit}.practiceShell{min-height:calc(100dvh - var(--module-header-height));color:var(--color-on-surface);background:var(--color-background);padding:10px 24px 72px}.modulePageHeading{width:min(1300px,100%);margin:0 auto 22px}.modulePageHeading h1{font:var(--text-headline-lg);margin:6px 0 4px}.modulePageHeading p{color:var(--color-on-surface-variant);font:var(--text-body-md);margin:0}.focusedQuizHeading{text-align:center;width:min(520px,100%)}.focusedQuizHeading h1{font:var(--text-title);margin:16px 0 0}.practiceLayout{width:min(1300px,100%);margin:0 auto}.quizWrap{width:min(520px,100%);margin:0 auto}.focusedQuizQuestion{min-height:156px;font:var(--text-headline-md);text-align:center;text-wrap:balance;place-items:center;margin:0;font-size:clamp(24px,3vw,32px);display:grid}.quizSignPrompt{min-height:156px;margin:0 0 var(--space-md);place-items:center;display:grid}.quizSignImage{object-fit:contain;width:140px;height:140px}.answers{gap:var(--space-sm);width:min(400px,100%);margin:0 auto;display:grid}.answerButton{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:56px;color:var(--color-on-surface);font:var(--text-label-md);text-align:center;cursor:pointer;padding:12px 16px;transition:border-color .15s,background-color .15s;display:flex}.answerButton:not(:disabled):hover{border-color:var(--color-primary)}.answerButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.answerButton:disabled{cursor:default}.answerButton.correct{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-on-primary-container)}.answerButton.wrong{background:var(--color-error-container);color:var(--color-on-surface)}.answerMark{font:var(--text-label-sm);white-space:nowrap}.quizExplanation{width:min(400px,100%);margin:var(--space-md) auto 0;padding:var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);gap:12px;display:grid}.quizExplanation p{color:var(--color-on-surface-variant);font:var(--text-body-md);margin:0}.quizExplanation strong{color:var(--color-on-surface)}.quizNext{min-height:var(--space-tap-target);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font:var(--text-label-md);cursor:pointer;border:0}.quizNext:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.answerButton.wrong .answerMark{color:var(--color-error)}.quizHud{justify-content:center;gap:clamp(20px,7vw,40px);margin:12px 0 4px;display:flex}.quizHudStat{justify-items:center;gap:1px;display:grid}.quizHudStat small{color:var(--color-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.quizHudStat b{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1;animation:.3s ease-out quiz-hud-bump}@keyframes quiz-hud-bump{40%{transform:scale(1.25)}}.quizStage{position:relative}.quizToast{z-index:2;color:#fff;width:max-content;max-width:calc(100% - 16px);font-family:var(--font-display), system-ui, sans-serif;pointer-events:none;background:#07110deb;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:14px;font-weight:700;line-height:1.2;animation:1.8s ease-out forwards quiz-toast;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.quizToast b{color:#d8ff52;flex:none;font-size:18px}.quizToast.wrong{background:#b42318;animation:.22s ease-out both quiz-toast-in}.quizToast.wrong b{color:#fff}@keyframes quiz-toast{0%{opacity:0;transform:translate(-50%,8px)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes quiz-toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.answerButton.selected.correct{animation:.32s ease-out quiz-answer-pop}.answerButton.selected.wrong{animation:.32s cubic-bezier(.36,.07,.19,.97) quiz-answer-shake}@keyframes quiz-answer-pop{40%{transform:scale(1.04)}}@keyframes quiz-answer-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quizConfetti{z-index:40;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.quizResult{width:min(400px,100%);padding:var(--space-lg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;justify-items:center;gap:8px;margin:48px auto 0;display:grid}.quizResult h1{font:var(--text-title);margin:0 0 4px}.quizResult p{color:var(--color-on-surface-variant);font:var(--text-body-md);margin:0}.quizResultMarks{color:var(--color-on-surface)!important}.quizResultMarks b{font-family:var(--font-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.quizResultScore b{color:var(--color-on-surface);font-variant-numeric:tabular-nums}.quizResultActions{gap:var(--space-sm);grid-template-columns:1fr 1fr;width:100%;margin-top:12px;display:grid}.quizResultActions button{min-height:var(--space-tap-target);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-on-surface);font:var(--text-label-md);cursor:pointer}.quizResultActions button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.quizResultActions button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.quizHudStat b,.quizToast.wrong,.answerButton.selected.correct,.answerButton.selected.wrong{animation:none}.quizToast{animation:1.8s step-end forwards quiz-toast-still}}@keyframes quiz-toast-still{to{opacity:0}}@media (max-width:760px){.practiceShell{padding:10px 16px 48px}.modulePageHeading{margin-bottom:18px}.focusedQuizQuestion{min-height:132px;font-size:25px}.quizSignPrompt{min-height:132px}.quizSignImage{width:132px;height:132px}}.homeLanding{display:none}@media (min-width:1100px){.moduleShell:has(.homeLanding){overscroll-behavior-y:contain;scrollbar-gutter:stable;display:block;overflow-y:auto}:is(.moduleShell:has(.homeLanding)>.desktopModuleNav,.moduleShell:has(.homeLanding) .appHeader){display:none}.moduleShell:has(.homeLanding) .moduleMain{display:block}.moduleShell:has(.homeLanding) .moduleContent{scrollbar-gutter:auto;height:auto;min-height:100dvh;overflow:visible}.moduleShell:has(.homeLanding) .moduleStage{min-height:100dvh}.moduleShell:has(.homeLanding) .homeDashboard{display:none}.homeLanding{isolation:isolate;min-height:100dvh;color:var(--color-on-surface);background:var(--color-background);grid-template-rows:auto 1fr;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.15fr);gap:16px clamp(56px,7vw,120px);padding:28px clamp(24px,3vw,54px);display:grid;position:relative;overflow:hidden}.landingAuth{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:clamp(24px,3vw,54px)}.landingThemeToggle{background:var(--color-surface)}.landingLogin,.landingSignup{white-space:nowrap;border-radius:var(--radius-full);cursor:pointer;min-height:40px;padding:0 16px;font-weight:800}.landingLogin{border:1px solid var(--color-primary);color:var(--color-link);background:0 0}.landingSignup{background:var(--color-primary);color:var(--color-on-primary);border:0}.landingBrand{grid-column:1;align-self:start;align-items:center;gap:11px;display:flex}.landingBrand>span:last-child{gap:1px;display:grid}.landingBrand strong{letter-spacing:-.01em;font-size:31px;line-height:1}.landingBrand small{color:var(--color-on-surface-variant);font-size:10px}.landingHeroCopy{grid-column:1;align-self:center;padding-bottom:20px}.landingHeroCopy h1{letter-spacing:-.01em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(39px,3.6vw,56px);line-height:1.08}.landingHeroCopy>p{color:var(--color-on-surface-variant);margin:25px 0 0;font-size:clamp(16px,1.35vw,21px);line-height:1.45}.landingHeroCopy>p.landingTrust{color:var(--color-link);margin-top:clamp(48px,8vh,96px);font-size:15px;font-weight:600}.landingPhones{padding-top:64px;grid-area:1/2/3;place-items:center;min-width:0;padding-inline:clamp(18px,4vw,72px);display:grid}.landingPhoneMtb{justify-self:center;width:min(390px,100%)}.landingPhone{background:var(--color-surface);height:min(820px,100dvh - 120px);min-height:660px;box-shadow:var(--shadow-float), inset 0 0 0 1px var(--color-outline);border:8px solid #15191b;border-radius:clamp(35px,3vw,52px);grid-template-rows:30px 62px minmax(0,1fr) 62px;display:grid;position:relative;overflow:hidden}.landingPhoneChrome{color:var(--color-on-surface);justify-content:space-between;padding:9px 16px 0;font-size:10px;font-weight:800;display:flex;position:relative}.landingPhoneChrome i{background:#050607;border-radius:999px;width:76px;height:23px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.landingPhoneHeader{color:var(--color-on-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 15px 8px;display:grid}.landingPhoneHeader>span:first-child{place-items:center;display:grid}.landingPhoneBrandIcon{border-radius:var(--radius-sm);width:30px;height:30px}.landingPhoneBrandIcon svg{width:18px;height:18px}.landingPhoneHeader>span:nth-child(2){display:grid}.landingPhoneHeader strong{font-size:17px;line-height:1}.landingPhoneHeader small{color:var(--color-on-surface-variant);font-size:7px}.landingPhoneHeader>b{background:var(--color-primary);width:34px;height:34px;color:var(--color-on-primary);border-radius:50%;place-items:center;font-size:12px;display:grid}.landingPhoneBody{min-height:0;color:var(--color-on-surface);padding:8px 14px 12px;overflow:hidden}.landingPhoneBody h2{letter-spacing:-.01em;margin:5px 0 4px;font-size:clamp(21px,1.75vw,29px);line-height:1.02}.landingPhoneBody>p{color:var(--color-on-surface-variant);margin:0 0 10px;font-size:10px;line-height:1.4}.landingBoard{border-radius:var(--radius-md);background:var(--color-board-road);height:auto;overflow:hidden}.landingBoard .mtb-board-wrap{border:0;width:100%}.landingBoard .mtb-preview-car{width:19px}.landingPhoneAction{border-radius:var(--radius-sm);background:var(--color-primary);height:43px;color:var(--color-on-primary);justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:13px;font-weight:850;text-decoration:none;display:flex}.landingPhoneAction svg{stroke-width:1.8px;width:18px;height:18px}.landingPhoneTabs{border-top:1px solid var(--color-outline-variant);background:var(--color-surface);grid-template-columns:repeat(4,1fr);display:grid}.landingPhoneTabs>span{color:var(--color-on-surface-variant);align-content:center;place-items:center;gap:3px;display:grid}.landingPhoneTabs>span svg{stroke-width:1.6px;width:19px;height:19px}.landingPhoneTabs small{font-size:8px}.landingPhoneTabs>span.active{background:var(--color-primary-container);color:var(--color-link)}}html[data-theme=dark] .landingLogoLight{display:none}html[data-theme=dark] .landingLogoDark{display:block}.homeDashboard{min-height:calc(100dvh - var(--module-header-height));color:var(--color-on-surface);background:var(--color-background);padding:34px clamp(18px,4vw,56px) 70px}.homeDashboard>*{width:min(1160px,100%);margin-inline:auto}.homeRouteIntro{padding:8px 0 20px}.homeRouteIntro h1{margin:0 0 var(--space-sm);font:var(--text-display);letter-spacing:-.01em;font-size:clamp(32px,5vw,52px)}.homeRouteIntro p{max-width:620px;color:var(--color-on-surface-variant);font:var(--text-body-md);margin:0}.homeFeatureCard{max-width:760px;padding:var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-areas:"preview""action";gap:12px;display:grid}.homeBoardPreview{grid-area:preview;place-items:center;min-width:0;display:grid}.homeBoardPreview .homeMtbBoard{border-radius:var(--radius-sm);border:0;width:min(100%,680px)}.homeBoardPreview .mtb-preview-car{width:clamp(24px,2vw,31px)}.homePrimaryAction{min-height:var(--space-tap-target);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font:var(--text-label-md);grid-area:action;justify-content:center;align-self:end;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:flex}.homePrimaryAction:active{background:var(--color-on-primary-container)}.homePrimaryAction:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.homePrimaryAction svg{stroke-width:1.9px;width:17px;height:17px}.guestAccountPrompt{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;max-width:760px;margin-top:14px;padding:14px 16px;display:grid}.guestAccountIcon{color:var(--color-link);place-items:center;display:grid}.guestAccountIcon svg{width:24px;height:24px}.guestAccountCopy{gap:3px;min-width:0;display:grid}.guestAccountCopy strong{color:var(--color-on-surface);font:var(--text-label-md)}.guestAccountCopy small{color:var(--color-on-surface-variant);font:var(--text-body-sm)}.guestAccountAction{border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-on-surface);cursor:pointer;font:var(--text-label-md);padding:0 16px}.guestAccountAction:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.homeLearning,.homeProgress{padding-top:42px}.homeSectionHeading{margin-bottom:var(--space-md);justify-content:space-between;align-items:end;gap:18px;display:flex}.homeSectionHeading h2{font:var(--text-headline-md);margin:0}.homeSectionHeading small{color:var(--color-on-surface-variant);font:var(--text-body-sm)}.homeChoiceGrid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.homeChoiceCard{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);min-height:200px;color:var(--color-on-surface);isolation:isolate;flex-direction:column;align-items:flex-start;padding:20px;text-decoration:none;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.homeChoiceCard:hover{border-color:var(--color-outline)}.homeChoiceCard:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.homeChoiceCard>strong{font:var(--text-headline-md)}.homeChoiceCard>small{max-width:240px;margin-top:var(--space-sm);color:var(--color-on-surface-variant);font:var(--text-body-sm)}.homeChoiceArrow{color:var(--color-link);font-size:20px;position:absolute;top:18px;right:20px}.homeSignPeek{z-index:-1;align-items:end;display:flex;position:absolute;bottom:13px;right:13px}.homeSignPeek i{color:#16201b;background:#fff;border:5px solid #ef3434;border-radius:50%;place-items:center;width:54px;height:54px;margin-left:-12px;font-size:18px;font-style:normal;font-weight:900;display:grid}.homeSignPeek i:first-child{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;transform:rotate(-7deg)}.homeSignPeek i:nth-child(2){clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);color:#fff;background:#ed2f34;border:0;width:58px;height:58px;font-size:9px;transform:translateY(-9px)}.homeSignPeek i:last-child{color:#fff;background:#1d70c9;border:0;transform:rotate(7deg)}.homeStarter{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:34px;padding:20px}.homeStarter h2{font:var(--text-headline-md);margin:0 0 20px}.homeRoadmap{counter-reset:step;gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.homeRoadmap:before{content:"";border-top:1px dashed var(--color-outline);position:absolute;top:17px;left:16%;right:16%}.homeRoadmap>li{text-align:center;counter-increment:step;justify-items:center;gap:3px;display:grid;position:relative}.homeRoadmap>li:before{content:counter(step);z-index:1;border:1px solid var(--color-outline);background:var(--color-surface);width:34px;height:34px;color:var(--color-link);font:var(--text-label-md);border-radius:50%;place-items:center;display:grid}.homeRoadmap strong{font:var(--text-label-md);margin-top:5px}.homeRoadmap small{color:var(--color-on-surface-variant);font:var(--text-body-sm)}.homeStatsGrid{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.homeStatsGrid div{align-content:center;gap:4px;min-height:100px;padding:18px;display:grid}.homeStatsGrid div+div{border-left:1px solid var(--color-outline-variant)}.homeStatsGrid strong{color:var(--color-link);font:var(--text-headline-md);font-variant-numeric:tabular-nums}.homeStatsGrid span{color:var(--color-on-surface-variant);font:var(--text-body-sm)}@media (max-width:760px){.homeDashboard{padding:18px 16px 36px}.homeRouteIntro{padding:4px 1px 14px}.homeRouteIntro h1{font-size:31px}.homeRouteIntro p{font-size:13px;line-height:1.42}.homeFeatureCard{background:0 0;border:0;border-radius:0;gap:10px;padding:0}.homeBoardPreview{border-radius:var(--radius-lg);height:clamp(330px,100vw,390px);overflow:hidden}.homeBoardPreview .homeMtbBoard{border-radius:var(--radius-lg);width:clamp(330px,100vw,390px);max-width:none}.homePrimaryAction{min-height:50px}.guestAccountPrompt{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;margin-top:14px;padding:12px}.guestAccountAction{padding:0 12px}.homeLearning{padding-top:42px}.homeProgress{padding-top:32px}.homeSectionHeading{align-items:start}.homeSectionHeading small{display:none}.homeChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homeChoiceCard{min-height:200px;padding:16px}.homeChoiceCard>small{max-width:130px}.homeChoiceArrow{top:14px;right:16px}.homeSignPeek{bottom:12px;right:8px}.homeSignPeek i{border-width:4px;width:43px;height:43px;margin-left:-11px;font-size:14px}.homeSignPeek i:nth-child(2){width:47px;height:47px;font-size:7px}.homeStarter{margin-top:28px;padding:18px 16px}.guestAccountPrompt{margin-top:20px}}@keyframes derevaMpesaSpin{to{transform:rotate(360deg)}}.moduleBrandMark,.appHeaderMark{overflow:hidden}.moduleBrandMark img,.appHeaderMark img{width:100%;height:100%;display:block}.moduleBrandMark{border-radius:var(--radius-md);background:0 0;flex:0 0 38px;width:38px;height:38px;font-size:0}.appHeaderMark{border-radius:var(--radius-md);background:0 0;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:0;display:grid;overflow:hidden}@media (min-width:1100px){.landingBrand{grid-template-columns:minmax(150px,210px);gap:5px;display:grid}.landingLogo{width:min(210px,100%);height:auto;display:block}.landingLogoDark{display:none}.landingBrandTagline{color:var(--color-on-surface-variant);white-space:nowrap;padding-left:62px;font-size:10px}.landingPhoneBrandIcon{background:0 0;overflow:hidden}.landingPhoneBrandIcon img{width:100%;height:100%;display:block}}.legalFooter{padding:18px max(18px, calc((100vw - var(--space-max-width)) / 2));border-top:1px solid var(--color-outline-variant);background:var(--color-background);color:var(--color-on-surface-variant);justify-content:space-between;align-items:center;gap:18px;font-size:12px;display:flex}.legalFooter nav{flex-wrap:wrap;gap:14px;display:flex}.legalFooter a{color:var(--color-link);font-weight:800;text-decoration:none}.accountLegalNotice{color:var(--color-on-surface-variant);margin:8px 0 2px;font-size:11px;line-height:1.45}.accountLegalNotice a{color:var(--color-link);font-weight:800}.moduleAuth .accountLegalNotice a{min-height:0;font-size:inherit;text-decoration:underline;display:inline}@media (max-width:760px){.legalFooter{padding:18px 18px calc(92px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start}}.adminBell{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-on-surface-variant);place-items:center;display:grid;position:relative}.adminBell:hover{background:var(--color-surface-container)}.adminBell svg{width:22px;height:22px}.tabIcon{place-items:center;display:grid;position:relative}.tabIcon svg{stroke-width:1.7px;width:23px;height:23px}.navBadge{background:var(--color-error);min-width:18px;height:18px;color:var(--color-on-error);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-8px}.adminBell .navBadge{top:2px;right:0}.sectionHead{justify-content:space-between;align-items:center;margin:28px 0 12px;display:flex}.sectionHead h2{font:600 20px/1.3 var(--font-sans);margin:0}.sectionHead a{color:var(--color-link);font:500 14px/1.3 var(--font-sans);text-decoration:none}.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.actionCard{border-radius:var(--radius-md);background:var(--color-surface-container);min-height:132px;color:var(--color-on-surface);flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px 12px;text-decoration:none;display:flex}.actionCard strong{font:600 16px/1.2 var(--font-sans)}.actionCard small{color:var(--color-on-surface-variant);font-size:13px;line-height:1.35}.iconWell{background:var(--color-primary-container);width:46px;height:46px;color:var(--color-on-primary-container);border-radius:50%;flex:none;place-items:center;display:grid}.iconWell svg{width:22px;height:22px}.statTile{border-radius:var(--radius-md);background:var(--color-accent) radial-gradient(#0b3a2212 1px, transparent 1.4px) 0 0 / 7px 7px;min-height:68px;color:var(--color-on-accent);align-items:center;gap:10px;padding:12px;display:flex}.statTile>span{background:var(--color-on-accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.statTile>span svg{width:18px;height:18px}.statTile small{font-size:12px;line-height:1;display:block}.statTile b{font:600 22px/1 var(--font-sans);font-variant-numeric:tabular-nums;margin-top:6px;display:block}.progressBar{border-radius:var(--radius-md);background:var(--color-surface-container);align-items:center;gap:12px;margin:12px 0 0;padding:12px 16px;font-size:14px;display:flex}.progressBar i{background:linear-gradient(to right, var(--color-accent) var(--done,0%), var(--color-secondary) 0);border-radius:3px;flex:1;height:6px}.progressBar span{color:var(--color-on-surface-variant)}a.progressBar{color:var(--color-on-surface);justify-content:space-between;text-decoration:none}a.progressBar svg{width:18px;height:18px}
.mobileHome,.mobileSignDetail{display:none}@media (max-width:760px){:root{--module-header-height:64px}.moduleContent{background:var(--color-background)}.appHeader{z-index:22;height:var(--module-header-height);background:color-mix(in srgb, var(--color-background) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:flex-start;padding:0 16px;position:sticky;top:0}.appHeaderBrand{gap:9px}.appHeaderMark{background:var(--color-primary-container);color:var(--color-link)}.appHeaderMark svg{width:20px;height:20px}.appHeaderBrand strong{color:var(--color-on-surface);letter-spacing:-.035em;font-size:18px}.appHeaderBrand small{color:var(--color-on-surface-variant);margin-top:1px;font-size:7px}.appHeaderActions{right:16px}.appHeaderSignIn{border-radius:var(--radius-full);min-height:36px;padding:0 12px}.mobileTabBar{min-height:72px;padding:6px 10px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--color-outline-variant);background:var(--color-background)}.mobileTabBar a{border-radius:var(--radius-md);color:var(--color-on-surface-variant);gap:4px}.mobileTabBar a>svg{stroke-width:1.7px;width:23px;height:23px}.mobileTabBar a small{font-size:10px;font-weight:750}.mobileTabBar a[aria-current=page]{color:var(--color-on-surface)}.mobileTabBar a>svg,.mobileTabBar .tabIcon{box-sizing:content-box;border-radius:var(--radius-full);padding:4px 17px}.mobileTabBar a[aria-current=page]>svg,.mobileTabBar a[aria-current=page] .tabIcon{background:var(--color-primary-container)}}@media (max-width:1099px){.homeDashboard{display:none}.mobileHome{padding:0 16px var(--mobile-route-bottom-inset,calc(96px + env(safe-area-inset-bottom)));color:var(--color-on-surface);display:block}.mobileStage{--stage-text:var(--color-on-surface);--stage-muted:var(--color-on-surface-variant);--stage-accent:var(--color-primary);color:var(--stage-text);margin:0 -16px;padding:16px 16px 0}.mobileStage h1{font:600 26px/1.2 var(--font-sans);letter-spacing:-.01em;margin:0 0 12px}.mobileBoardPreview{border-radius:var(--radius-lg);background:var(--color-board-road);width:min(100%,max(260px,100svh - 350px));margin:0 auto;display:block;position:relative;overflow:hidden;container-type:inline-size}.mobileBoardPreview .mtb-board-wrap{border:0;width:100%}.mobileBoardPreview .mtb-preview-car{width:25px}.mobileDemoPrompt{z-index:4;background:#0a130fe6;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.mobileDemoPrompt>small{color:#f3f6f1;font-size:12px;font-weight:750}.mobileDemoOptions{gap:6px;display:flex}@container (max-width:300px){.mobileDemoPrompt{justify-content:center}.mobileDemoPrompt>small{display:none}}.mobileDemoOption{color:#14231b;background:#fff;border-radius:10px;align-items:center;gap:5px;height:34px;padding:0 10px 0 7px;font-size:12px;font-weight:800;display:flex}.mobileDemoOption img{object-fit:contain;width:18px;height:18px}.mobileDemoOption.isAnswer{animation:4.8s cubic-bezier(.23,1,.32,1) infinite mobile-demo-answer}.mobileDemoOption.isAnswer img{animation:4.8s cubic-bezier(.23,1,.32,1) infinite mobile-demo-answer-icon}@keyframes mobile-demo-answer{0%,42%{color:#14231b;background:#fff;transform:scale(1)}46%{transform:scale(.95)}50%,88%{color:#fff;background:#16853b;transform:scale(1)}94%,to{color:#14231b;background:#fff}}@keyframes mobile-demo-answer-icon{0%,42%,94%,to{filter:none}50%,88%{filter:invert()}}@media (prefers-reduced-motion:reduce){.mobileDemoOption.isAnswer,.mobileDemoOption.isAnswer img{animation:none}}.mobilePrimaryAction{border-radius:var(--radius-md);background:var(--color-primary);width:100%;min-height:56px;color:var(--color-on-primary);font:600 16px/1.2 var(--font-sans);border:0;justify-content:center;align-items:center;gap:9px;margin-top:14px;text-decoration:none;display:flex}.mobilePrimaryAction svg{width:21px;height:21px}.mobilePrimaryAction,.actionCard{-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.23,1,.32,1)}.mobilePrimaryAction:active,.actionCard:active{transform:scale(.97)}.schoolIntro{color:var(--stage-muted);font:600 14px/1.4 var(--font-sans);margin:-4px 0 12px}.mobileCtaNote{color:var(--stage-muted);text-align:center;margin:9px 0 0;font-size:12px;font-weight:600}.mobileSkillList{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:16px 0 0;padding:0;list-style:none;display:flex}.mobileSkillList li{color:var(--stage-text);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.mobileSkillList svg{width:16px;height:16px;color:var(--stage-accent)}.mobilePremiumStatus{border-radius:var(--radius-md);background:var(--color-primary-container);color:var(--color-link);align-items:center;gap:11px;margin-top:14px;padding:13px 14px;display:flex}.mobilePremiumStatus>svg{width:24px;height:24px}.mobilePremiumStatus>span{gap:2px;display:grid}.mobilePremiumStatus small{color:var(--color-on-surface-variant);font-size:10px}}@media (min-width:761px) and (max-width:1099px){.moduleContent:has(.mobileHome){background:var(--color-background)}.mobileHome{width:min(100%,600px);margin:0 auto;padding-top:12px;padding-bottom:48px}}@media (max-width:760px){.practiceShell{padding:20px 14px var(--mobile-route-bottom-inset,calc(96px + env(safe-area-inset-bottom)));background:var(--color-background)}.themeToggle{place-items:center;width:36px;height:36px;font-size:18px;display:grid}.themeToggle svg{width:19px;height:19px}}