@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap");:root{--navy:#11213e;--ink:#172640;--muted:#6d7a91;--blue:#2769e7;--line:#e6ebf2;--bg:#f7f9fc;--teal:#22baa7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:Tajawal,Arial,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.045em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tajawal,sans-serif;letter-spacing:0}p{line-height:1.75}.site{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}.container{width:min(1160px,calc(100% - 64px));margin:auto}.header{height:84px;background:white;border-bottom:1px solid #eef1f6;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;justify-content:space-between;gap:26px}.logo,.nav{align-items:center}.logo{display:inline-flex;gap:10px;color:#152541;background:none;border:0;font-size:27px;font-weight:800;letter-spacing:-1.8px;text-align:start;line-height:.9}.logo>span:last-child{display:flex;flex-wrap:wrap;align-items:baseline;position:relative;padding-bottom:11px}.logo small{font-size:8px;letter-spacing:3px;font-weight:800;position:absolute;bottom:0;left:2px;color:#8090a7}.logoDot{color:#2bbdb0}.logoMark{width:35px;height:35px;border-radius:10px;background:#246ae7;display:grid;place-items:center;transform:rotate(-8deg)}.logoMark span{width:18px;height:18px;border:4px solid white;border-radius:5px;transform:rotate(40deg)}.navLinks{display:flex;align-items:center;gap:27px}.navLinks button{border:0;background:none;color:#5b6880;font-size:13px;font-weight:700;padding:13px 0;white-space:nowrap}.navLinks button.active,.navLinks button:hover{color:var(--blue)}.navActions{display:flex;align-items:center;gap:16px}.lang{gap:7px;background:transparent;color:#52617a;font-size:13px;font-weight:700}.lang,.navCta{display:flex;align-items:center;border:0;white-space:nowrap}.navCta{background:var(--navy);color:white;border-radius:9px;padding:13px 16px;gap:10px;font-size:12px;font-weight:800}.mobileToggle{display:none;border:0;background:none;color:var(--ink)}.hero{background:linear-gradient(115deg,#f8faff,#fff 54%,#f3f8ff);overflow:hidden}.heroGrid{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:36px;gap:36px}.heroCopy{padding:70px 0 78px;position:relative;z-index:2}.eyebrow,.sectionLabel{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#2871db;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrowLine{width:24px;height:2px;background:#2bbdb0}.hero h1{font-size:clamp(42px,4.3vw,66px);line-height:1.16;margin:22px 0 23px;letter-spacing:-.065em;color:#12233e;font-weight:800}.hero h1 em{font-style:normal;color:#2769e7}.heroCopy>p{font-size:17px;color:#64748c;max-width:490px;line-height:1.85}.heroButtons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{border-radius:10px;padding:15px 21px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btnPrimary{background:#2769e7;color:white;box-shadow:0 9px 20px #2769e72a}.btnLight{background:white;color:#203552;border-color:#dce4f0}.heroProof{display:flex;align-items:center;gap:10px;color:#8390a2;font-size:12px;font-weight:600;margin-top:36px}.proofIcon{width:22px;height:22px;border-radius:50%;background:#e0f6ed;color:#20a879;display:grid;place-items:center}.heroScene{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.sceneHalo{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#dceaff 0,#edf5ff 57%,transparent 71%);transform:translate(20px,5px)}.sceneCard{position:relative;z-index:1;width:465px;height:360px;background:white;border:1px solid #dce7f5;border-radius:16px;box-shadow:0 30px 65px #204d8730;overflow:hidden;transform:rotate(-4deg)}.mockTop{height:42px;border-bottom:1px solid #e9eef5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#8e9aab;font-size:10px;font-weight:700}.mockDots{display:flex;gap:5px}.mockDots i{width:7px;height:7px;border-radius:50%;background:#e0e6ed}.mockDots i:first-child{background:#fa9c99}.mockDots i:nth-child(2){background:#ffd583}.mockDots i:nth-child(3){background:#8ad7bd}.mockStatus{color:#25ae86}.mockInner{display:flex;height:calc(100% - 42px)}.mockSidebar{width:64px;background:#f4f7fc;border-right:1px solid #e9eef5;display:flex;align-items:center;flex-direction:column;padding-top:19px;gap:19px}.mockAvatar{height:27px;width:27px;background:#2769e7;color:white;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:800}.mockSide{width:25px;height:7px;border-radius:6px;background:#d8e1ed}.mockSide.active{background:#5590ef}.mockSide.short{width:16px}.mockContent{padding:26px 33px;flex:1 1}.mockPill{display:inline-block;background:#e9f2ff;color:#286bd6;padding:7px 10px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px}.mockContent strong{display:block;font-size:20px;margin-top:14px;color:#1b2c48;letter-spacing:-.6px}.mockContent p{font-size:11px;color:#8895a9;margin:5px 0 13px}.mockGame{width:180px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin:auto}.mockTile{border-radius:8px;background:#eaf3ff;display:grid;place-items:center;font-size:24px}.mockTile.path{background:#d4f6eb}.mockTile.muted{background:#f3f7fb}.mockProgress{display:flex;gap:5px;margin-top:10px}.mockProgress span{height:5px;flex:1 1;border-radius:4px;background:#e5ebf5}.mockProgress span:first-child{background:#26bda7}.floatCard{position:absolute;z-index:3;background:white;border:1px solid #eef1f6;border-radius:12px;box-shadow:0 15px 35px #204d871d;padding:12px 16px;display:flex;align-items:center;gap:11px;transform:rotate(4deg)}.floatCard strong{font-size:12px;display:block}.floatCard small{font-size:10px;color:#8290a4}.floatBadge{height:35px;width:35px;border-radius:10px;background:#fff2dc;color:#f0a128;display:grid;place-items:center}.floatBadge.teal{background:#dff9f3;color:#20ad98}.floatA{top:84px;right:-8px}.floatB{bottom:73px;left:-26px}.sceneSpark{position:absolute;color:#5e9af0;font-size:30px}.sparkOne{top:48px;left:58px}.sparkTwo{bottom:34px;right:32px;color:#21b8a9}.valueStrip{border-block:1px solid #edf1f7;background:#fff}.stripInner{justify-content:space-around;gap:20px;padding:24px 0}.stripInner,.stripInner span{display:flex;align-items:center}.stripInner span{gap:12px;color:#607089;font-size:13px;font-weight:700}.stripInner svg{color:#3579e8}.section{padding:98px 0}.sectionHead{margin-bottom:38px}.sectionHead h2{font-size:clamp(28px,3.1vw,42px);line-height:1.24;color:#172844;margin:13px 0 14px}.sectionHead p{color:#7c899d;max-width:610px;margin:0;font-size:15px}.sectionHead.narrow{max-width:690px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature{padding:30px 29px;border:1px solid var(--line);border-radius:15px;background:white}.featureIcon{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;margin-bottom:23px}.fBlue{background:#e8f0ff;color:#2e72e8}.fOrange{background:#fff0e7;color:#f39951}.fGreen{background:#e4f8f1;color:#21ad88}.feature h3{font-size:17px;letter-spacing:-.5px;margin-bottom:9px}.feature p{color:#7a879b;font-size:13px;margin:0}.sectionTint{background:#f6f8fc}.rowHead{display:flex;align-items:end;justify-content:space-between;gap:20px}.textLink{background:transparent;border:0;color:#2769e7;display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:13px;padding:5px 0}.courseGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:21px;gap:21px}.courseCard{border:1px solid #e5eaf2;border-radius:15px;background:white;overflow:hidden;box-shadow:0 7px 22px #243c6310;transition:transform .2s}.courseArt{height:198px;position:relative;overflow:hidden;display:grid;place-items:center}.courseArt.blue{background:linear-gradient(135deg,#173b88,#367fee)}.courseArt.purple{background:linear-gradient(135deg,#4a327f,#9677dd)}.courseArt.orange{background:linear-gradient(135deg,#a75343,#e89b62)}.artGrid{position:absolute;inset:0;background-image:linear-gradient(#ffffff15 1px,transparent 0),linear-gradient(90deg,#ffffff15 1px,transparent 0);background-size:28px 28px;transform:rotate(-12deg) scale(1.4)}.artRing{position:absolute;width:220px;height:220px;border:1px solid #ffffff44;border-radius:50%;box-shadow:0 0 0 33px #ffffff0a,0 0 0 65px #ffffff08}.artIcon{position:relative;color:white;width:100px;height:100px;border:1px solid #ffffff70;background:#ffffff23;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:24px;display:grid;place-items:center;transform:rotate(-8deg)}.artNumber{position:absolute;bottom:17px;right:21px;color:#ffffffc9;font-size:11px;font-weight:800;letter-spacing:2px}.courseBody{padding:23px 24px 25px}.courseMeta{display:flex;justify-content:space-between;gap:10px;color:#8a97a8;font-size:11px;font-weight:700}.courseMeta span{display:flex;align-items:center;gap:5px}.courseBody h3{font-size:20px;margin:17px 0 10px}.courseBody p{font-size:13px;color:#7b899e;min-height:69px;margin-bottom:14px}.journey .sectionHead{margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.step{padding:26px 25px;background:#f8faff;border-radius:13px}.stepTop{display:flex;justify-content:space-between;align-items:center;color:#3777de;margin-bottom:23px}.stepTop span{font-size:28px;font-weight:800;color:#d6e2f4}.step h3{font-size:17px}.step p{font-size:13px;color:#8290a4;margin:0}.ctaSection{background:linear-gradient(115deg,#122c5c,#2368d7);color:white;border-radius:18px;margin-bottom:95px;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.ctaSection>div:not(.ctaDecor){position:relative;z-index:1}.ctaKicker{color:#a9d4ff;font-size:11px;letter-spacing:2px;font-weight:800}.ctaSection h2{font-size:32px;max-width:540px;margin:12px 0}.ctaSection p{color:#c7daf4;font-size:14px;margin:0}.ctaDecor{position:absolute;font-size:240px;right:180px;top:-90px;opacity:.07}.btnWhite{background:white;color:#2055a5;white-space:nowrap}.footer{border-top:1px solid #e9eef5;background:white}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0;color:#92a0b1;font-size:12px}.footerLogo{transform:scale(.8);transform-origin:left center}.pageHero{background:#f6f9fe;padding:80px 0 72px;border-bottom:1px solid #e9eff8}.pageHero h1{font-size:clamp(34px,4vw,52px);margin:15px 0;color:#172844}.pageHero p{max-width:600px;color:#73829a;margin:0}.courseDetail{display:grid;grid-template-columns:75px 1fr;grid-gap:25px;gap:25px;margin-top:65px;padding:35px;border:1px solid #e3eaf3;border-radius:16px;scroll-margin-top:110px}.detailIcon{width:65px;height:65px;border-radius:15px;background:#eaf1ff;color:#2769e7;display:grid;place-items:center}.courseDetail h2{font-size:28px;margin:10px 0}.courseDetail p{color:#7c899c;max-width:660px}.lessonList{margin-top:25px;max-width:760px;border:1px solid #e6ecf4;border-radius:12px;overflow:hidden}.lessonRow{display:flex;align-items:center;gap:15px;width:100%;padding:17px 20px;background:white;border:0;border-bottom:1px solid #e8edf4;text-align:start}.lessonRow:last-child{border-bottom:0}.lessonRow:hover{background:#f8faff}.lessonNum{height:41px;width:41px;flex:none;display:grid;place-items:center;border-radius:11px;background:#eaf1ff;color:#2872e9;font-weight:800}.lessonNum.done{background:#dcf7ed;color:#19a781}.lessonRow small,.lessonRow strong{display:block}.lessonRow strong{font-size:14px}.lessonRow small{font-size:12px;color:#8a97a8;margin-top:4px}.lessonEnd{-webkit-margin-start:auto;margin-inline-start:auto;color:#367be8}.dashboardPage{background:#f7f9fd;padding:60px 0 100px}.dashHeading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.dashHeading h1{font-size:38px;margin:12px 0}.dashHeading p{color:#8290a4;margin:0}.wave{color:#f4b94f}.demoTag{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #e4eaf3;color:#8190a3;font-size:11px;font-weight:700;padding:10px 13px;border-radius:8px}.dashLayout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.9fr);grid-gap:22px;gap:22px}.dashAside,.dashMain{display:flex;flex-direction:column;gap:22px}.welcomePanel{background:linear-gradient(115deg,#174383,#246bd6);color:white;border-radius:15px;padding:38px;justify-content:space-between;overflow:hidden;min-height:260px}.panelKicker,.welcomePanel{display:flex;align-items:center}.panelKicker{gap:7px;font-size:11px;font-weight:800;letter-spacing:1px;color:#b4d9ff;text-transform:uppercase}.welcomePanel h2{font-size:32px;margin:13px 0 5px}.welcomePanel p{color:#c3dbf7;font-size:14px}.welcomePanel .btn{margin-top:15px}.welcomeIllustration{width:155px;height:155px;position:relative;flex:none;border-radius:50%;background:#ffffff12;display:grid;place-items:center}.welcomeIllustration span{font-size:85px;color:#b7d9ff;transform:rotate(-13deg)}.illustrationRing{position:absolute;inset:16px;border:2px dashed #ffffff50;border-radius:50%}.panel{border:1px solid #e5ebf3;background:white;border-radius:15px;padding:27px}.panelHeading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panelHeading h2{font-size:22px;margin:8px 0 0}.tinyCount{font-size:12px;font-weight:800;color:#91a0b2}.timeline{display:flex;flex-direction:column}.timelineRow{display:flex;align-items:center;gap:16px;padding:16px 0;background:none;border:0;border-bottom:1px solid #edf1f6;text-align:start}.timelineRow:last-child{border:0}.timelineDot{width:44px;height:44px;border-radius:12px;background:#edf2fa;color:#8294af;display:grid;place-items:center;flex:none;font-weight:800}.timelineDot.current{background:#e6f0ff;color:#286fe5}.timelineDot.done{background:#e0f8ed;color:#1db68b}.timelineInfo small,.timelineInfo strong{display:block}.timelineInfo strong{font-size:14px}.timelineInfo small{font-size:12px;color:#8997a9;margin-top:5px}.timelineAction{-webkit-margin-start:auto;margin-inline-start:auto;color:#3c79db}.progressPanel{text-align:center}.progressPanel>.sectionLabel{display:block;text-align:start}.progressRing{width:170px;height:170px;border-radius:50%;margin:27px auto;display:grid;place-items:center}.progressRing>div{width:136px;height:136px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.progressRing strong{font-size:37px;letter-spacing:-2px}.progressRing small{color:#91a0b2;font-size:11px}.progressFooter{display:flex;justify-content:space-between;border-top:1px solid #edf1f6;padding-top:20px;font-size:12px;color:#8c9aae}.progressFooter strong{color:#243b5b}.achievementPanel{text-align:center}.achievementPanel>.sectionLabel{display:block;text-align:start}.achievementIcon{width:60px;height:60px;border-radius:17px;background:#fff3dd;color:#efad43;display:grid;place-items:center;margin:23px auto 14px}.achievementPanel>strong{font-size:24px}.achievementPanel p{font-size:12px;color:#8a98ab;margin:5px}.achievementStars{display:flex;justify-content:center;gap:12px;margin-top:15px}.parentLayout{display:grid;grid-template-columns:1fr 1fr;grid-gap:55px;gap:55px}.parentPoints{display:flex;flex-direction:column;gap:26px;margin-bottom:45px}.parentPoints>div{display:flex;align-items:center;gap:15px;font-weight:700}.parentPoints span{width:37px;height:37px;border-radius:10px;background:#e6f8f0;color:#20b18d;display:grid;place-items:center}.notice{display:flex;align-items:flex-start;gap:13px;background:#f5f8fd;border:1px solid #e5ecf7;border-radius:12px;padding:20px;color:#66809f}.notice svg{flex:none}.notice p{font-size:13px;margin:0}.parentAvatar{height:42px;width:42px;border-radius:50%;background:#eaf1ff;color:#296fe3;display:grid;place-items:center;font-weight:800}.parentPercent{display:flex;justify-content:space-between;align-items:end}.parentPercent strong{font-size:43px}.parentPercent span{color:#8a97a8;font-size:12px}.bar{height:9px;background:#edf2f9;overflow:hidden;margin:16px 0 32px}.bar,.bar span{border-radius:10px}.bar span{display:block;height:100%;background:#2c74e9}.parentPanel h3{font-size:15px}.muted{color:#94a0b1;font-size:13px}.activity{display:flex;gap:10px;align-items:center;color:#327d64;font-size:13px;padding:10px 0}.lessonPage{background:#f7f9fd;padding:35px 0 95px}.backLink{border:0;background:none;display:inline-flex;align-items:center;gap:9px;color:#637b9b;font-size:13px;font-weight:800;padding:10px 0}.lessonHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.lessonHeader h1{font-size:38px;margin:9px 0}.lessonHeader p{color:#8190a5;margin:0}.lessonLayout{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:22px;gap:22px;align-items:start}.gamePanelHead{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#788aa3;font-size:12px;font-weight:800}.gamePanelHead span:first-child{display:flex;align-items:center;gap:8px}.board{width:min(100%,390px);aspect-ratio:1;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;background:#d9e6f5;padding:8px;border-radius:15px}.cell{background:#f7fbff;border-radius:8px;display:grid;place-items:center;font-size:31px;color:#7e9ab6;font-size:10px;font-weight:800}.cell.blocked{background:#cce6d8;font-size:27px}.cell.finish{background:#fff1ca;font-size:30px}.boardHint{text-align:center;font-size:12px;color:#8c9aae;margin-bottom:0}.editorPanel h2{font-size:25px;margin:12px 0}.editorPanel>p{font-size:13px;color:#8290a5}.directionPad{display:flex;justify-content:center;gap:10px;margin:24px 0}.directionPad button{width:54px;height:54px;border-radius:12px;background:#eaf2ff;border:1px solid #d4e3f9;color:#286fe1;font-size:27px;font-weight:800}.directionPad button:hover{background:#dbeaff}.editorTitle{display:flex;justify-content:space-between;align-items:center;font-size:13px}.editorTitle button{border:0;background:none;color:#7e8da4;display:flex;align-items:center;gap:6px;font-size:12px}.codeSequence{min-height:95px;background:#14233c;border-radius:10px;margin:12px 0 15px;padding:15px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.codeSequence span{color:#6e8bb4;font-size:12px;font-family:monospace}.codeSequence button{background:#28538c;color:white;border:1px solid #426da7;border-radius:6px;width:33px;height:33px;font-size:20px}.runButton{width:100%}.feedback{margin-top:15px;border-radius:9px;padding:13px;font-size:12px}.feedback.good{background:#e4f8ed;color:#1e8c68;display:flex;gap:10px}.feedback.good p{margin:4px 0 0}.feedback.error{background:#fff0e9;color:#b86639}.nextButton{width:100%;margin-top:12px}.lessonFooter{margin-top:23px;padding:25px;border:1px solid #e5ebf3;border-radius:15px;background:white}.lessonFooter>div:first-child{display:flex;align-items:center;gap:10px;font-weight:800}.quizChoices{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.quizChoices button{padding:12px 16px;background:#f6f8fc;border:1px solid #e1e8f2;border-radius:8px;color:#52657f}.quizChoices button.selected{background:#e6f0ff;border-color:#4d8bea;color:#2363d0}.quizFeedback{display:inline-block;-webkit-margin-start:16px;margin-inline-start:16px;font-size:13px;font-weight:800}.quizFeedback.positive{color:#1baf80}.quizFeedback.negative{color:#d46a46}html[dir=rtl] .logo small{left:auto;right:2px}html[dir=rtl] .sceneCard{transform:rotate(4deg)}html[dir=rtl] .floatCard{transform:rotate(-4deg)}html[dir=rtl] .footerLogo{transform-origin:right center}html[dir=rtl] .artNumber{right:auto;left:21px}html[dir=rtl] .backLink svg{transform:rotate(180deg)}@media(max-width:1050px){.navLinks{gap:14px}.navLinks button{font-size:12px}.navCta{display:none}.heroGrid{gap:10px}.heroScene{transform:scale(.85)}.hero h1{font-size:50px}}@media(max-width:760px){.container{width:min(100% - 36px,580px)}.header{height:70px}.logo{font-size:24px}.navLinks{display:none;position:absolute;top:70px;left:0;right:0;background:white;box-shadow:0 20px 25px #1c365119;flex-direction:column;align-items:stretch;padding:20px 25px;gap:4px}.navLinks.open{display:flex}.navLinks button{text-align:start;font-size:14px}.mobileToggle{display:block}.navActions{gap:12px}.heroGrid{display:flex;flex-direction:column;gap:0}.heroCopy{padding:70px 0 0}.hero h1{font-size:clamp(39px,9vw,55px)}.heroCopy>p{font-size:15px}.heroScene{height:390px;width:100%;transform:scale(.8)}.sceneCard{flex:none}.floatA{right:-30px}.stripInner{flex-wrap:wrap;justify-content:center;gap:18px}.stripInner span{font-size:11px}.section{padding:65px 0}.courseGrid,.features,.steps{grid-template-columns:1fr}.rowHead{align-items:start;flex-direction:column}.courseBody p{min-height:auto}.ctaSection{margin-bottom:60px;padding:37px 30px;flex-direction:column;align-items:start}.ctaSection h2{font-size:27px}.footerInner{flex-wrap:wrap;justify-content:center;text-align:center}.dashHeading{align-items:start;flex-direction:column}.dashLayout,.lessonLayout,.parentLayout{grid-template-columns:1fr}.welcomeIllustration{width:100px;height:100px}.welcomeIllustration span{font-size:50px}.welcomePanel{padding:28px}.welcomePanel h2{font-size:26px}.courseDetail{grid-template-columns:1fr;padding:23px}.pageHero{padding:55px 0}.lessonHeader{align-items:start;flex-direction:column}.dashHeading h1,.lessonHeader h1{font-size:30px}.quizChoices{flex-direction:column}.quizFeedback{display:block;margin:12px 0}}@media(max-width:390px){.lang{font-size:11px}.heroScene{transform:scale(.64);margin:-30px 0}.heroButtons{flex-direction:column}.heroButtons .btn{width:100%}.welcomeIllustration{display:none}}.lessonRow:disabled,.timelineRow:disabled{cursor:not-allowed;opacity:.52}.lessonRow:disabled:hover,.timelineRow:disabled:hover{transform:none}.directionPad button:focus-visible,.lessonRow:focus-visible,.timelineRow:focus-visible{outline:3px solid #3186ed;outline-offset:3px}.repeatToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 4px}.repeatToolbar span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6a7890;-webkit-margin-end:auto;margin-inline-end:auto}.repeatToolbar button{border:1px solid #d8e2ef;border-radius:9px;background:#f4f8ff;color:#24436c;padding:9px 12px;font-weight:800;cursor:pointer}.repeatToolbar button:hover:not(:disabled){background:#e4efff}.repeatToolbar button:disabled{opacity:.4;cursor:not-allowed}.repeatHint{font-size:12px!important;color:#64748b;margin:4px 0 12px!important}.moduleStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.moduleTile{border:1px solid #e1e9f4;background:#fff;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:10px}.moduleTile span{font-size:11px;color:#64748b;font-weight:800;letter-spacing:.035em}.moduleTile strong{font-size:19px;color:#172e52}.moduleTrack{height:6px;border-radius:8px;background:#e8eff8;overflow:hidden}.moduleTrack i{display:block;height:100%;background:#377df5;border-radius:8px}.reportPrint{margin-bottom:18px}@media(max-width:800px){.moduleStrip{grid-template-columns:1fr}}@media print{.footer,.nav,.parentInfo,.reportPrint,header{display:none!important}.parentPanel{box-shadow:none!important}}.portal{min-height:100vh;background:#f6f8fc;color:#152d4e;font-family:inherit}.portalNav{height:80px;background:white;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1160px)/2));gap:20px}.portalBrand{font-size:28px;font-weight:900;letter-spacing:-1.5px;color:#152d4e;text-decoration:none}.portalBrand span{color:#297af4}.portalBrand small{font-size:10px;letter-spacing:2px;-webkit-margin-start:6px;margin-inline-start:6px}.portalNav>div{display:flex;align-items:center;gap:18px}.portalNav a{display:inline-flex;align-items:center;gap:8px;color:#476381;text-decoration:none;font-weight:700;font-size:13px}.portalLang,.portalTextBtn{border:0;background:none;color:#297af4;font-weight:800;cursor:pointer}.portalMain{max-width:1120px;margin:0 auto;padding:64px 24px 100px}.portalTitle{margin-bottom:35px}.portalTitle h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.7px;margin:15px 0 8px}.portalTitle p{color:#73839b}.portalKicker{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#3276d8;display:inline-flex;gap:7px;align-items:center}.portalCard{background:white;border:1px solid #e4eaf3;box-shadow:0 12px 35px #1c36510a;border-radius:19px;padding:30px}.portalCard h2{font-size:20px;gap:10px;margin:0 0 24px}.portalCard h2,.portalCard h3{display:flex;align-items:center}.portalCard h3{font-size:15px;gap:7px;margin:30px 0 15px}.portalAuth{max-width:480px}.portalAuth>svg{color:#2e7ae7}.portalNote{color:#6f829c;font-size:13px;line-height:1.7}.portalCard form{display:grid;grid-gap:15px;gap:15px}.portalCard label{font-size:12px;font-weight:800;color:#58708f;display:grid;grid-gap:7px;gap:7px}.portalCard input{height:45px;border:1px solid #d8e3f0;border-radius:9px;padding:0 13px;font:inherit;color:#173252;background:white}.portalPrimary,.portalSecondary{border:0;border-radius:10px;min-height:46px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.portalPrimary{background:#2879ee;color:white}.portalSecondary{background:#edf4ff;color:#2468cc;margin-top:10px}.portalPrimary:disabled,.portalSecondary:disabled{opacity:.55}.portalGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.portalCardTop{display:flex;justify-content:space-between;align-items:start;gap:10px}.portalTextBtn{display:flex;align-items:center;gap:5px}.portalProfiles{display:flex;gap:10px;flex-wrap:wrap}.portalProfile{background:#f6f9fd;border:1px solid #e3eaf4;border-radius:13px;padding:12px;min-width:115px;display:grid;justify-items:center;grid-gap:5px;gap:5px;cursor:pointer;color:#243c5d}.portalProfile.selected{border-color:#3185f5;background:#eaf3ff}.portalProfile span{display:grid;place-items:center;background:#dfeaff;color:#2975dc;width:38px;height:38px;border-radius:50%;font-weight:900}.portalProfile small{color:#8090a5}.portalMetric{display:flex;align-items:end;gap:20px}.portalMetric strong{font-size:64px;letter-spacing:-3px}.portalMetric strong small{font-size:25px;color:#a7b6c7}.portalMetric span{font-size:13px;color:#7788a0;margin-bottom:15px}.portalBar{height:10px;background:#eaf0f8;border-radius:20px;overflow:hidden}.portalBar i{display:block;height:100%;background:#3285ef}.portalMissionGrid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:24px 0}.portalMissionGrid div{height:40px;border-radius:8px;background:#edf2f8;color:#8da0b7;display:grid;place-items:center;font-weight:800}.portalMissionGrid .complete{background:#e2f7ed;color:#21a577}.portalLink{display:block;margin-top:18px;text-align:center;font-weight:800;color:#2878e5;text-decoration:none}.portalNotice{margin-top:22px;background:#eaf3ff;border:1px solid #cfe1fc;padding:15px;border-radius:10px;color:#235ca4;font-size:13px}@media(max-width:720px){.portalGrid{grid-template-columns:1fr}.portalNav{padding:0 20px}.portalNav a{font-size:11px}.portalMain{padding:40px 18px}.portalCard{padding:22px}}:root{--navy:#061e52;--ink:#092657;--blue:#087cf4;--teal:#009e67;--kenova-orange:#ff7900;--kenova-purple:#7225d5;--kenova-green:#00a765}.kenova-real-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#061e52;white-space:nowrap;font-size:22px;letter-spacing:.02em}.kenova-real-brand img{width:48px;height:48px;object-fit:contain}.kenova-real-brand>span{display:flex;flex-direction:column;gap:5px;line-height:1.05}.kenova-real-brand small{position:static!important;font-size:9px;letter-spacing:.3em;color:#526889;padding:0}.kenova-brand-symbol{display:inline-block;width:42px;height:42px;object-fit:contain;vertical-align:middle;flex-shrink:0;-webkit-margin-end:8px;margin-inline-end:8px}.navLinks a{color:#536580;font-size:13px;font-weight:750;padding:13px 0;text-decoration:none;white-space:nowrap}.navLinks a:focus-visible,.navLinks a:hover{color:#087cf4}.navCta{text-decoration:none}.hero{background:linear-gradient(118deg,#f6faff,#fff 50%,#f0f7ff)}.hero h1 em{background:linear-gradient(100deg,#087cf4,#7826d5);background-clip:text;-webkit-background-clip:text;color:transparent}.btnPrimary{background:linear-gradient(105deg,#087cf4,#045ad4)}.courseArt.blue{background:linear-gradient(130deg,#007bfa,#004cce)}.courseArt.purple{background:linear-gradient(130deg,#8d31ed,#4c18ae)}.courseArt.orange{background:linear-gradient(130deg,#ffac12,#ff6900)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1685f5;outline-offset:3px}@media(max-width:760px){.navLinks a{display:block;font-size:14px;padding:13px 0}.kenova-real-brand{font-size:19px}.kenova-real-brand img{width:39px;height:39px}}.kenova-demo-notice{background:#061c51;color:#fff;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:11px 20px;font-size:13px;line-height:1.5;text-align:center}.kenova-demo-notice a{color:#9ce9ff;font-weight:800;display:inline-flex;align-items:center;gap:7px;text-decoration:none}.kenova-demo-notice a:hover{text-decoration:underline}.kenova-home-hero{position:relative;isolation:isolate;overflow:hidden}.kenova-home-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 32%,rgba(0,174,255,.13),transparent 33%),radial-gradient(circle at 75% 90%,rgba(121,40,216,.09),transparent 32%)}.kenova-home-hero .heroCopy h1{letter-spacing:-.055em;line-height:1.08}.kenova-home-hero .heroCopy h1 em{background:linear-gradient(105deg,#0879ef,#7c28d8 60%,#ff8300);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.kenova-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}.kenova-hero-trust span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e4ebf7;border-radius:999px;padding:9px 12px;color:#17335f;font-size:12px;font-weight:700;box-shadow:0 4px 18px rgba(6,28,81,.05)}.kenova-hero-trust svg{color:#00a56c}.kenova-home-hero .heroButtons{margin-top:23px}.kenova-home-hero .btnPrimary{background:linear-gradient(115deg,#086deb,#004bd2);box-shadow:0 12px 28px rgba(8,121,239,.24)}.kenova-home-hero .btnPrimary:hover{transform:translateY(-2px)}.courseCard,.featureCard{transition:transform .18s ease,box-shadow .18s ease}.courseCard:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(6,28,81,.12)}@media(max-width:680px){.kenova-demo-notice{font-size:12px;gap:6px}.kenova-hero-trust{gap:7px}.kenova-hero-trust span{font-size:11px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){.courseCard,.featureCard{transition:none}}.k32-marketing-main{display:flex;flex-direction:column}.k32-marketing-main>.kenova-demo-notice{order:0}.k32-marketing-main>.ctaSection,.k32-marketing-main>.hero,.k32-marketing-main>.section,.k32-marketing-main>.valueStrip{flex-shrink:0}.kn-shell.ka-installed-learner>.kn-breadcrumb,.kn-shell.ka-installed-learner>.kn-footer,.kn-shell.ka-installed-learner>.kn-header{display:none}.kn-shell.ka-installed-learner{background:#f4f7ff;min-height:100dvh}.kn-shell.ka-installed-learner>.kn-content{min-width:0;padding-bottom:0}.kn-shell.ka-installed-learner .kd-nav{display:none}.ka-app-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;align-items:stretch;max-width:100%;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #dce7f6;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -8px 20px #1040750b}.ka-app-bottom-nav a{min-height:53px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:13px;text-decoration:none;color:#6c819c;font-size:11px;font-weight:800;line-height:1.1;text-align:center;overflow-wrap:anywhere}.ka-app-bottom-nav a.ka-app-tab-active,.ka-app-bottom-nav a:hover{background:#edf5ff;color:#1263c0}.ka-app-bottom-nav a:focus-visible,.ka-app-lesson-top a:focus-visible{outline:3px solid #e2ad36;outline-offset:2px}.kn-shell.ka-installed-learner:has(.ka-app-bottom-nav)>.kn-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.ka-app-lesson-top{position:-webkit-sticky;position:sticky;top:0;z-index:84;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-bottom:1px solid #e4ebf7;box-shadow:0 4px 15px #123b6c0d}.ka-app-lesson-top a{display:inline-flex;gap:7px;align-items:center;min-height:40px;min-width:42px;text-decoration:none;font-size:13px;font-weight:850;color:#2863a3}.ka-app-lesson-top strong{color:#133769;font-size:15px;letter-spacing:.08em;white-space:nowrap}.ka-app-lesson-top small{font-size:9px;letter-spacing:.12em;color:#6180a8}[dir=rtl] .ka-app-lesson-top a:first-child svg{transform:rotate(180deg)}@media(max-width:450px){.ka-app-bottom-nav{padding-inline:6px}.ka-app-bottom-nav a{font-size:10px}.ka-app-lesson-top strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.ka-app-bottom-nav,.ka-app-lesson-top{scroll-behavior:auto}}.kmb-tabs,.ku323-tabs,.ku341-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-gap:8px!important;gap:8px!important;padding:8px 0 16px!important;margin:10px 0 14px!important;overflow:visible!important;background:transparent!important;counter-reset:kenoTab}.kmb-tabs>button,.ku323-tabs>button,.ku341-steps>button{box-sizing:border-box;min-width:0!important;min-height:58px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;position:relative!important;text-align:center!important;padding:9px 8px!important;border:1px solid #c6def3!important;border-radius:14px!important;background:#f2f9ff!important;color:#245b87!important;box-shadow:none!important;font-size:.83rem!important;font-weight:850!important;line-height:1.3!important;cursor:pointer!important;transition:background .16s,color .16s,border-color .16s!important}.kmb-tabs>button:before{counter-increment:kenoTab;content:counter(kenoTab);display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#daeafa;color:#205e94;font-size:.7rem;font-weight:900;order:-2}.kmb-tabs>button>span,.ku323-tabs>button>span,.ku341-steps>button>span{font-size:1.17rem!important;line-height:1!important;flex-shrink:0}.ku323-tabs>button>small,.ku341-steps>button>small{display:grid!important;place-items:center;min-width:20px;height:20px;padding:1px 2px;border-radius:50%;background:#daeafa;color:#205e94;font-size:.7rem!important;font-weight:900!important;order:-2}.ku323-tabs>button>strong,.ku341-steps>button>strong{font-size:.83rem!important;color:inherit!important;line-height:1.3!important}.kmb-tabs>button.active,.kmb-tabs>button[aria-current=step],.ku323-tabs>button.ku323-active,.ku341-steps>button.selected{background:#1676bd!important;color:white!important;border-color:#1676bd!important;box-shadow:0 6px 16px #126db322!important}.kmb-tabs>button.active:before,.ku323-tabs>button.ku323-active>small,.ku341-steps>button.selected>small{background:#ffffff40!important;color:white!important}.kmb-tabs>button:focus-visible,.ku323-tabs>button:focus-visible,.ku341-steps>button:focus-visible{outline:3px solid #f5a623!important;outline-offset:2px!important}.ku383-extra-practice{padding:12px!important}.ku383-extra-practice .k382{margin:0}.ku383-extra-practice .k382-hero{margin-top:0}.ku383-lesson-extras{margin:20px 0;border-top:1px solid #d7e8f6;padding:16px 4px}.ku383-lesson-extras h4{margin:0 0 14px;color:#1a5785}.ku383-lesson-extras>div{margin:12px 0}@media(max-width:860px){.kmb-tabs,.ku323-tabs,.ku341-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:580px){.kmb-tabs,.ku323-tabs,.ku341-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.kmb-tabs>button,.ku323-tabs>button,.ku341-steps>button{min-height:54px!important;padding:7px 5px!important;font-size:.75rem!important}.ku323-tabs>button>strong,.ku341-steps>button>strong{font-size:.76rem!important}}