:root{--navy:#101a3b;--teal:#13aaa5;--orange:#f28b32;--violet:#8f62d9;--cream:#fffaf0}.world{min-height:100vh;color:var(--navy);background:#f8fbff;font-family:Arial,Heebo,sans-serif}.world-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,6vw,86px);display:flex;position:sticky;top:0}.world-brand{align-items:center;gap:11px;display:flex}.world-brand>span{background:linear-gradient(135deg,var(--teal),var(--violet));color:#fff;border-radius:14px;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.world-brand b,.world-brand small{display:block}.world-brand small{color:#697188;margin-top:2px;font-size:11px}.score{align-items:center;gap:10px;display:flex}.score span,.score b{border-radius:99px;padding:8px 13px;font-size:12px}.score span{color:#7b5c00;background:#fff2cf}.score b{color:#087d79;background:#e5f8f7}.world-hero{background:radial-gradient(circle at 8% 12%,#fff0bc 0,#0000 25%),radial-gradient(circle at 88% 24%,#d4fbf7 0,#0000 28%),linear-gradient(145deg,#fff,#f5f2ff);grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;min-height:620px;padding:70px clamp(24px,7vw,110px);display:grid;overflow:hidden}.world-kicker{color:#6a49b3;background:#fff;border:1px solid #e4e7f1;border-radius:99px;padding:9px 14px;font-size:13px;font-weight:900;display:inline-flex}.hero-text h1{letter-spacing:-3px;margin:23px 0;font-size:clamp(49px,6vw,82px);line-height:.98}.hero-text h1 em{color:var(--teal);font-style:normal}.hero-text p{color:#5c657c;max-width:620px;font-size:19px;line-height:1.75}.start-button{background:var(--navy);color:#fff;border-radius:14px;margin-top:20px;padding:16px 23px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px #101a3b2d}.character-stage{place-items:center;min-height:470px;display:grid;position:relative}.stage-orbit{color:#8f62d91d;border:1px dashed #8f62d977;border-radius:50%;place-items:center;width:280px;height:280px;font-size:90px;font-weight:900;display:grid}.character{background:#fff;border-radius:20px;align-items:center;gap:12px;width:230px;padding:16px;display:flex;position:absolute;box-shadow:0 18px 50px #23305a24}.character span{color:#fff;border-radius:17px;place-items:center;width:52px;height:52px;font-size:25px;font-weight:900;display:grid}.character b,.character small{display:block}.character small{color:#687087;margin-top:4px;font-size:11px}.nati{top:30px;right:10px}.nati span{background:#143c65}.avieli{bottom:40px;right:0}.avieli span{background:var(--orange)}.tehiluli{top:180px;left:0}.tehiluli span{background:var(--violet)}.track-section,.journey,.lesson-panel{padding:90px clamp(20px,7vw,108px)}.step-number{color:var(--teal);letter-spacing:2px;font-size:12px;font-weight:900}.track-section>div:first-child{text-align:center}.track-section h2,.journey h2,.lesson-panel h2{letter-spacing:-2px;margin:9px 0 10px;font-size:clamp(34px,4vw,54px)}.track-section p{color:#687087}.track-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:40px auto 0;display:grid}.track-card{text-align:right;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:23px;padding:26px;transition:all .2s;box-shadow:0 12px 35px #1b28520c}.track-card:hover{transform:translateY(-4px)}.track-card.selected{border-color:var(--track);box-shadow:0 17px 45px color-mix(in srgb,var(--track) 18%,transparent)}.track-icon{background:color-mix(in srgb,var(--track) 15%,white);width:49px;height:49px;color:var(--track);border-radius:15px;place-items:center;margin-bottom:20px;font-size:22px;display:grid}.track-card b,.track-card strong,.track-card small{display:block}.track-card b{font-size:23px}.track-card strong{color:var(--track);margin-top:7px}.track-card small{color:#767d91;margin-top:18px}.journey{color:#fff;background:#101a3b}.journey-head{justify-content:space-between;align-items:end;max-width:1220px;margin:auto;display:flex}.progress-wrap{width:min(360px,45%)}.progress-wrap>div{color:#cfd5e5;justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.progress-wrap i{background:#ffffff1c;border-radius:99px;height:8px;display:block;overflow:hidden}.progress-wrap i span{background:linear-gradient(90deg,var(--teal),#80e4d9);border-radius:99px;height:100%;display:block}.lesson-grid{grid-template-columns:repeat(5,1fr);gap:12px;max-width:1220px;margin:36px auto 0;display:grid}.lesson-tile{text-align:right;color:#fff;background:#ffffff0b;border:1px solid #ffffff17;border-radius:17px;min-height:145px;padding:16px;position:relative}.lesson-tile.open{cursor:pointer}.lesson-tile.open:hover{background:#ffffff13;border-color:#38d2cb}.lesson-tile.locked{opacity:.43}.lesson-tile.done{background:#0d817f;border-color:#42d8d1}.lesson-tile .day{color:#8de4df;margin-bottom:12px;font-size:10px;font-weight:900;display:block}.lesson-tile b{font-size:15px;line-height:1.35;display:block}.lesson-tile small{color:#aeb7cf;margin-top:9px;display:block}.lesson-tile i{font-style:normal;position:absolute;bottom:12px;left:13px}.lesson-panel{background:#fff;border:1px solid #e4e9f1;border-radius:30px;max-width:980px;margin:70px auto;box-shadow:0 25px 70px #1c2b5320}.lesson-top{color:#757d91;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.lesson-panel h2{margin-bottom:30px}.story-box,.task-box,.family-question{border-radius:20px;margin:18px 0;padding:24px}.story-box{border-right:5px solid var(--violet);background:#f1edff}.story-box p{margin:10px 0 0;font-size:20px;line-height:1.6}.lesson-copy{color:#4f5970;font-size:17px;line-height:1.85}.task-box{border-right:5px solid var(--teal);background:#e8fbf8}.task-box span{color:#087d79;font-size:12px;font-weight:900}.task-box h3{margin:9px 0 0;line-height:1.6}.family-question{background:#fff6d9;border-right:5px solid #f4bd28}.family-question p{margin:8px 0 0;line-height:1.6}.complete-button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:15px;width:100%;margin-top:17px;padding:17px;font-weight:900}.complete-button.completed{background:#0b9d9a}.complete-button:disabled{opacity:.45;cursor:not-allowed}.coming-lesson{text-align:center;background:#f6f7fb;border-radius:20px;padding:45px}.coming-lesson span{color:var(--violet);font-size:40px}.world-footer{background:#fff;border-top:1px solid #e5eaf2;justify-content:space-between;gap:20px;padding:36px clamp(20px,7vw,100px);font-size:13px;display:flex}.world-footer span{color:#737b90}.world-footer a{color:var(--violet);font-weight:900}.takeaway{color:#fff;background:#101a3b;border:0;border-radius:20px;margin:18px 0;padding:22px 24px}.takeaway span{color:#71dfd9;font-size:11px;font-weight:900}.takeaway p{margin:8px 0 0;font-size:18px;line-height:1.65}.parent-zone{background:linear-gradient(145deg,#fff8df,#fff 48%,#eafaf8);grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;padding:95px clamp(22px,8vw,120px);display:grid}.parent-copy h2{letter-spacing:-2.5px;margin:10px 0 20px;font-size:clamp(37px,4.5vw,61px);line-height:1.06}.parent-copy p{color:#5c657c;font-size:17px;line-height:1.8}.parent-principles{gap:14px;display:grid}.parent-principles article{background:#fff;border:1px solid #e5e9f1;border-radius:20px;gap:18px;padding:23px;display:flex;box-shadow:0 10px 30px #1b28520b}.parent-principles article>b{color:#087d79;background:#e4f8f6;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.parent-principles h3{margin:2px 0 7px}.parent-principles p{color:#687087;margin:0;font-size:14px;line-height:1.6}@media (width<=900px){.world-hero{text-align:center;grid-template-columns:1fr}.hero-text p{margin-inline:auto}.character-stage{min-height:400px}.track-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:repeat(3,1fr)}.journey-head{display:block}.progress-wrap{width:100%;margin-top:20px}.parent-zone{grid-template-columns:1fr;gap:38px}}@media (width<=620px){.world-nav{height:68px}.score b{display:none}.world-hero{gap:15px;padding:50px 18px}.hero-text h1{font-size:48px}.hero-text p{font-size:16px}.character-stage{margin:-35px;transform:scale(.82)}.track-section,.journey{padding:65px 17px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-panel{margin:35px 14px;padding:28px 20px}.world-footer{text-align:center;flex-direction:column}.journey h2{font-size:37px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
