html[data-school=safestart]{--color-primary:#00863f;--color-on-primary:#fff;--color-primary-container:#e6f5ed;--color-on-primary-container:#007a3a;--color-link:#00863f;--color-accent:#009848;--color-on-accent:#141414;--color-secondary:#e5192a;--color-on-secondary:#fff;--color-background:#fff;--color-on-background:#141414;--color-surface:#fff;--color-surface-container:#f4f4f4;--color-on-surface:#141414;--color-on-surface-variant:#727272;--color-outline:#959595;--color-outline-variant:#e5e5e5;--color-scrim:#1414148c}html[data-school=safestart][data-theme=dark]{--color-primary:#009848;--color-on-primary:#111;--color-primary-container:#0d2f1d;--color-on-primary-container:#1fa45e;--color-link:#009848;--color-background:#111;--color-on-background:#edf1ef;--color-surface:#1d1d1d;--color-surface-container:#262626;--color-on-surface:#edf1ef;--color-on-surface-variant:#a9a9a9;--color-outline:#757575;--color-outline-variant:#323232}html[data-school=mahanaim]{--color-primary:#174a89;--color-on-primary:#fff;--color-primary-container:#e8eef6;--color-on-primary-container:#174a89;--color-link:#174a89;--color-accent:#6e9bdb;--color-on-accent:#0b2546;--color-secondary:#de1a24;--color-on-secondary:#fff;--color-background:#fff;--color-on-background:#141414;--color-surface:#fff;--color-surface-container:#f4f4f4;--color-on-surface:#141414;--color-on-surface-variant:#727272;--color-outline:#959595;--color-outline-variant:#e5e5e5;--color-scrim:#1414148c}html[data-school=mahanaim][data-theme=dark]{--color-primary:#6e9bdb;--color-on-primary:#111;--color-primary-container:#12233b;--color-on-primary-container:#7da7e3;--color-link:#6e9bdb;--color-background:#111;--color-on-background:#eef1f5;--color-surface:#1d1d1d;--color-surface-container:#262626;--color-on-surface:#eef1f5;--color-on-surface-variant:#a9a9a9;--color-outline:#757575;--color-outline-variant:#323232}.schoolLogo{object-fit:contain;width:auto;max-width:100%;height:40px;display:block}.moduleBrand .schoolLogo{height:52px}html[data-theme=dark] .schoolLogoLight,html:not([data-theme=dark]) .schoolLogoDark{display:none}
@media (min-width:1100px){html[data-school] .mobileHome{padding:0 16px var(--mobile-route-bottom-inset,calc(96px + env(safe-area-inset-bottom)));color:var(--color-on-surface);display:block}html[data-school] .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}html[data-school] .mobileStage h1{font:600 26px/1.2 var(--font-sans);letter-spacing:-.01em;margin:0 0 12px}html[data-school] .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}html[data-school] .mobileBoardPreview .mtb-board-wrap{border:0;width:100%}html[data-school] .mobileBoardPreview .mtb-preview-car{width:25px}html[data-school] .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}html[data-school] .mobileDemoPrompt>small{color:#f3f6f1;font-size:12px;font-weight:750}html[data-school] .mobileDemoOptions{gap:6px;display:flex}@container (max-width:300px){html[data-school] .mobileDemoPrompt{justify-content:center}html[data-school] .mobileDemoPrompt>small{display:none}}html[data-school] .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}html[data-school] .mobileDemoOption img{object-fit:contain;width:18px;height:18px}html[data-school] .mobileDemoOption.isAnswer{animation:4.8s cubic-bezier(.23,1,.32,1) infinite mobile-demo-answer}html[data-school] .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){html[data-school] .mobileDemoOption.isAnswer,html[data-school] .mobileDemoOption.isAnswer img{animation:none}}html[data-school] .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}html[data-school] .mobilePrimaryAction svg{width:21px;height:21px}html[data-school] .mobilePrimaryAction,html[data-school] .actionCard{-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.23,1,.32,1)}html[data-school] .mobilePrimaryAction:active,html[data-school] .actionCard:active{transform:scale(.97)}html[data-school] .schoolIntro{color:var(--stage-muted);font:600 14px/1.4 var(--font-sans);margin:-4px 0 12px}html[data-school] .mobileCtaNote{color:var(--stage-muted);text-align:center;margin:9px 0 0;font-size:12px;font-weight:600}html[data-school] .mobileSkillList{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:16px 0 0;padding:0;list-style:none;display:flex}html[data-school] .mobileSkillList li{color:var(--stage-text);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}html[data-school] .mobileSkillList svg{width:16px;height:16px;color:var(--stage-accent)}html[data-school] .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}html[data-school] .mobilePremiumStatus>svg{width:24px;height:24px}html[data-school] .mobilePremiumStatus>span{gap:2px;display:grid}html[data-school] .mobilePremiumStatus small{color:var(--color-on-surface-variant);font-size:10px}html[data-school] .mobileHome{width:min(100%,600px);margin:0 auto;padding-top:12px;padding-bottom:48px}}
html[data-school]{--school-sidebar-open:280px;--school-sidebar-rail:64px;--school-sidebar-motion:.2s ease}.schoolSidebar{z-index:28;width:min(var(--school-sidebar-open), 86vw);padding:var(--space-sm);box-sizing:border-box;background:var(--color-surface-container);color:var(--color-on-surface);visibility:hidden;transition:transform var(--school-sidebar-motion), width var(--school-sidebar-motion), box-shadow var(--school-sidebar-motion), visibility var(--school-sidebar-motion);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}html[data-sidebar=overlay] .schoolSidebar{visibility:visible;box-shadow:var(--shadow-float);transform:none}.sidebarScrim{z-index:27;background:var(--color-scrim);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--school-sidebar-motion);border:0;padding:0;position:fixed;inset:0}html[data-sidebar=overlay] .sidebarScrim{opacity:1;pointer-events:auto}.sideTop{align-items:center;gap:var(--space-xs);height:var(--space-tap-target);margin-bottom:var(--space-sm);display:flex}.sideBrand{min-width:0;height:var(--space-tap-target);padding:0 var(--space-sm);border-radius:var(--radius-md);color:inherit;flex:1;align-items:center;text-decoration:none;display:flex}.sideBrand .schoolLogo{height:36px}.sideBrand .schoolMark,.sideBrand .sideOpenIcon{display:none}.sideToggle,.sideOpenIcon{color:var(--color-on-surface-variant)}.sideToggle{width:var(--space-tap-target);height:var(--space-tap-target);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.sideToggle:hover{background:var(--color-outline-variant);color:var(--color-on-surface)}.sideToggle svg,.sideOpenIcon svg,.sideIcon svg{width:22px;height:22px}.sideScroll{min-height:0;margin:0 calc(-1 * var(--space-sm));padding:0 var(--space-sm);flex:1;overflow:hidden auto}.sideHeading{height:32px;color:var(--color-on-surface-variant);font:var(--text-label-sm);letter-spacing:.02em;white-space:nowrap;align-items:flex-end;padding:0 12px 6px;display:flex;position:relative}.sideHeading:before{content:"";background:var(--color-outline-variant);opacity:0;height:1px;transition:opacity var(--school-sidebar-motion);position:absolute;bottom:14px;left:12px;right:12px}.sideLinks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sideLink{align-items:center;gap:var(--space-sm);height:var(--space-tap-target);padding:0 var(--space-sm) 0 0;border-radius:var(--radius-md);color:var(--color-on-surface);font:var(--text-label-md);white-space:nowrap;text-decoration:none;display:flex;position:relative}.sideLink:hover{background:var(--color-outline-variant)}.sideLink[aria-current=page]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.sideLink:focus-visible,.sideToggle:focus-visible,.sideBrand:focus-visible,.sideAccount:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sideIcon{width:var(--space-tap-target);height:var(--space-tap-target);flex:none;place-items:center;display:grid;position:relative}.sideLabel{text-overflow:ellipsis;min-width:0;transition:opacity var(--school-sidebar-motion);overflow:hidden}.sideCount{box-sizing:border-box;border-radius:var(--radius-full);background:var(--color-secondary);min-width:20px;height:20px;color:var(--color-on-secondary);font:var(--text-label-sm);place-items:center;margin-left:auto;padding:0 6px;display:grid}.sideFoot{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-outline-variant)}.sideAccount{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);height:56px;color:inherit;white-space:nowrap;text-decoration:none;display:flex}.sideAccount:hover{background:var(--color-outline-variant)}.sideAccount .sideIcon{height:56px}.sideAvatar{background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);font:var(--text-label-sm);border-radius:50%;place-items:center;display:grid}.sideAccountText{min-width:0;font:var(--text-label-md);transition:opacity var(--school-sidebar-motion);display:grid}.sideAccountText small{text-overflow:ellipsis;color:var(--color-on-surface-variant);font:var(--text-body-sm);overflow:hidden}@media (max-width:760px){html[data-school] .moduleMenuButton{place-items:center;display:grid}html[data-school] .moduleMenuButton svg{width:22px;height:22px}html[data-school] .appHeader{padding-left:68px}html[data-school] .moduleShell:has(.mtbPlay) .moduleMenuButton{display:none}}@media (min-width:761px){html[data-school] body{padding-left:var(--school-sidebar-rail);box-sizing:border-box;transition:padding-left var(--school-sidebar-motion)}html[data-school] .moduleMenuButton,html[data-school] .appHeaderBrand{display:none}.schoolSidebar{width:var(--school-sidebar-rail);visibility:visible;transform:none}html[data-sidebar=overlay] .schoolSidebar,html[data-sidebar=open] .schoolSidebar{width:var(--school-sidebar-open)}html[data-sidebar=open] .schoolSidebar{box-shadow:none}html[data-school][data-sidebar=open] body{padding-left:var(--school-sidebar-open)}html[data-sidebar=rail] .schoolSidebar{cursor:e-resize}html[data-sidebar=rail] .sideLink,html[data-sidebar=rail] .sideAccount,html[data-sidebar=rail] .sideBrand{cursor:pointer}html[data-sidebar=rail] .sideToggle,html[data-sidebar=rail] .sideBrand .schoolLogo{display:none}html[data-sidebar=rail] .sideBrand{width:var(--space-tap-target);flex:none;justify-content:center;padding:0}html[data-sidebar=rail] .sideBrand .schoolMark{object-fit:contain;max-width:40px;height:28px;display:block}html[data-sidebar=rail] .sideBrand:hover{background:var(--color-outline-variant)}html[data-sidebar=rail] .sideBrand:hover .schoolMark{display:none}html[data-sidebar=rail] .sideBrand:hover .sideOpenIcon{display:grid}html[data-sidebar=rail] .sideHeading{color:#0000}html[data-sidebar=rail] .sideHeading:before{opacity:1}html[data-sidebar=rail] .sideScroll{overflow:visible}html[data-sidebar=rail] .sideAccountText{opacity:0;pointer-events:none}html[data-sidebar=rail] .sideCount{min-width:18px;height:18px;padding:0 5px;font-size:11px;position:absolute;top:6px;left:28px}html[data-sidebar=rail] .sideLabel{z-index:1;top:50%;left:calc(100% + var(--space-sm));border-radius:var(--radius-sm);background:var(--color-on-surface);color:var(--color-background);font:var(--text-label-sm);opacity:0;pointer-events:none;padding:6px 10px;position:absolute;transform:translateY(-50%)}html[data-sidebar=rail] .sideLink:hover .sideLabel,html[data-sidebar=rail] .sideLink:focus-visible .sideLabel{opacity:1}}@media (prefers-reduced-motion:reduce){.schoolSidebar,.sidebarScrim,html[data-school] body,.sideLabel,.sideAccountText{transition:none}}