:root{--ink:#20183c;--purple:#5730a4;--lilac:#f2edff;--sun:#ffbd68;--paper:#f8f7fb;--line:#e8e3f0;--muted:#777082;--mint:#d8f3e9;--pink:#ffe0ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 15px/1.55 Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:31px 20px;border-right:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;line-height:1.05;letter-spacing:-.05em}.brand img{width:43px;height:43px;object-fit:contain}.brand b{color:var(--purple)}.student{display:flex;align-items:center;gap:10px;margin:42px 7px 27px}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--sun);font-weight:800}.student strong{display:block;font-size:12px}.student span{display:block;color:var(--muted);font-size:10px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;color:#726a7d;font-size:13px;font-weight:700}.sidebar nav i{width:19px;color:var(--purple);font-size:20px;font-style:normal;text-align:center}.sidebar nav a:hover,.sidebar nav .active{background:var(--lilac);color:var(--purple)}.sidebar-bottom{margin-top:auto}.sidebar-bottom>p{margin:0 0 8px 8px;color:#a19aa9;font-size:9px;font-weight:800;letter-spacing:.1em}.languages{display:flex;gap:4px;margin-bottom:20px}.languages button{flex:1;padding:7px 3px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font:700 10px Montserrat;cursor:pointer}.languages button.active{border-color:#ba9eed;background:var(--lilac);color:var(--purple)}.upgrade{display:block;padding:16px;border-radius:12px;background:var(--ink);color:#fff}.upgrade span{display:block;margin-bottom:7px;color:var(--sun);font-size:18px}.upgrade b,.upgrade small{display:block}.upgrade b{font-size:12px}.upgrade small{margin-top:2px;color:#d1c7e4;font-size:9px}.mobile-top{display:none}.topbar,.continue,.quick,.section,.levels,.access,.interest{width:min(1160px,calc(100% - 80px));margin-left:auto;margin-right:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:35px 0 27px}.topbar p,.eyebrow{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.1em}.topbar h1{margin-top:2px;font-size:31px;font-weight:700;letter-spacing:-.055em}.top-right{display:flex;align-items:center;gap:16px}.streak{padding:8px 11px;border-radius:8px;background:#fff3dc;color:#9b631a;font-size:11px}.streak i{font-style:normal}.bell{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--purple);font-size:19px}.continue{display:grid;grid-template-columns:1fr .7fr;min-height:280px;overflow:hidden;border-radius:18px;background:linear-gradient(118deg,#5b31a7,#7852c9);color:#fff}.continue-copy{padding:34px 42px}.continue .eyebrow{color:#dfd1ff}.continue h2{margin:6px 0 3px;font-size:30px;font-weight:700;letter-spacing:-.05em}.continue-copy>p:not(.eyebrow){color:#e5dcf7;font-size:13px}.progress-line{width:250px;max-width:100%;height:7px;margin:20px 0 7px;overflow:hidden;border-radius:99px;background:#927bc6}.progress-line span{display:block;width:4%;height:100%;border-radius:99px;background:var(--sun)}.continue-copy small{color:#e2d7f6;font-size:10px}.continue-copy small b{color:#fff}.button{display:flex;align-items:center;justify-content:center;gap:17px;width:max-content;min-height:43px;margin-top:20px;padding:0 17px;border:0;border-radius:8px;background:var(--sun);color:#402400;font:800 12px Montserrat;cursor:pointer}.continue-art{position:relative;min-height:250px}.circle{position:absolute;border-radius:50%}.circle-a{width:230px;height:230px;right:5%;bottom:-85px;background:#896bd0}.circle-b{width:94px;height:94px;top:26px;right:27%;background:#f7b85d}.lesson-card{position:absolute;top:37px;right:15%;width:240px;padding:20px;border-radius:13px;background:#fff;color:var(--ink);box-shadow:0 20px 35px #2c146350}.sound{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:var(--sun)}.lesson-card p{margin-top:13px;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.08em}.lesson-card strong{display:block;margin:4px 0 17px;font-size:15px;letter-spacing:-.03em}.lesson-card div{display:flex;align-items:center;gap:5px}.lesson-card i{display:block;width:4px;border-radius:10px;background:var(--purple)}.lesson-card i:nth-child(1){height:11px}.lesson-card i:nth-child(2){height:20px}.lesson-card i:nth-child(3){height:14px}.lesson-card i:nth-child(4){height:24px}.lesson-card i:nth-child(5){height:9px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.quick article{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.quick-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;font-size:18px}.purple{background:var(--lilac);color:var(--purple)}.yellow{background:#fff1da;color:#c47618}.pink{background:var(--pink);color:#c85385}.quick b{font-size:15px}.quick p{color:var(--muted);font-size:10px}.section,.levels{padding-top:62px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2,.levels h2,.access h2,.interest h2{margin-top:4px;font-size:25px;font-weight:700;letter-spacing:-.055em}.section-title>a{color:var(--purple);font-size:11px;font-weight:800}.filters{display:flex;gap:7px;margin:22px 0 16px}.filters button{border:0;border-radius:7px;background:transparent;padding:8px 12px;color:var(--muted);font:700 11px Montserrat;cursor:pointer}.filters .selected{background:var(--lilac);color:var(--purple)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.activity{min-height:245px;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff}.activity.done{border-color:#d9cbfa;box-shadow:0 10px 22px #4b25860b}.activity-top{display:flex;justify-content:space-between;align-items:center}.tag{color:#837b91;font-size:9px;font-weight:800;letter-spacing:.08em}.check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d7f4e9;color:#208465;font-size:11px;font-weight:800}.locked{color:#b5adbd}.tile-icon{display:grid;place-items:center;width:51px;height:51px;margin:23px 0 15px;border-radius:12px;font-size:20px;font-weight:800}.lilac{background:var(--lilac);color:var(--purple)}.orange{background:#fff0d7;color:#c56c18}.mint{background:var(--mint);color:#237c63}.activity h3{font-size:18px;font-weight:700;letter-spacing:-.04em}.activity>p{margin-top:3px;color:var(--muted);font-size:11px}.activity footer{display:flex;justify-content:space-between;align-items:center;margin-top:31px;color:var(--muted);font-size:10px}.activity footer b{color:var(--purple);font-size:10px}.levels{padding-bottom:62px}.level-list{display:grid;gap:10px;margin-top:21px}.level-list article{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#fff}.level-list article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#f5f2f9;color:#aaa2b1;font-size:11px;font-weight:800}.level-list .current{border-color:#d3c1f4}.level-list .current>span{background:var(--purple);color:#fff}.level-list b{font-size:12px}.level-list p{color:var(--muted);font-size:10px}.level-list small{color:#aaa2b1;font-size:10px;font-weight:700}.level-list .current small{color:var(--purple)}.access{display:flex;justify-content:space-between;gap:50px;padding:31px 38px;border-radius:15px;background:var(--sun)}.access .eyebrow{color:#805020}.access h2{max-width:590px;margin-bottom:8px;font-size:25px}.access p:not(.eyebrow){max-width:580px;color:#69421b;font-size:12px}.access-action{display:flex;flex-direction:column;align-items:end;justify-content:center;white-space:nowrap}.access-action strong{font-size:28px;font-weight:800;letter-spacing:-.05em}.access-action small{font-size:11px}.light{margin-top:10px;background:var(--ink);color:#fff}.interest{display:grid;grid-template-columns:1fr .9fr;gap:70px;margin-top:48px;margin-bottom:55px;padding:38px 42px;border-radius:15px;background:var(--ink);color:#fff}.interest .eyebrow{color:var(--sun)}.interest h2{margin:4px 0 7px}.interest>div>p:last-child{color:#d8ceed;font-size:12px}.interest form{display:grid;gap:6px}.interest label{font-size:10px;font-weight:700}.interest input{height:42px;margin-bottom:5px;padding:0 11px;border:0;border-radius:6px;font:500 12px Montserrat}.interest .button{margin-top:4px}.interest small{color:#cabee0;font-size:9px}@media(max-width:850px){.app-shell{display:block}.sidebar{display:none}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff}.mobile-top .brand{font-size:13px}.mobile-top .brand img{width:35px;height:35px}.mobile-top select{border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff;font:700 11px Montserrat}.topbar,.continue,.quick,.section,.levels,.access,.interest{width:min(100% - 32px,680px)}.topbar{padding:26px 0 18px}.topbar h1{font-size:27px}.continue{grid-template-columns:1fr}.continue-art{display:none}.continue-copy{padding:28px}.quick{grid-template-columns:1fr;gap:8px}.quick article{padding:12px}.activity-grid{grid-template-columns:1fr}.section,.levels{padding-top:48px}.access{display:block;padding:27px}.access-action{display:flex;align-items:start;margin-top:22px}.interest{grid-template-columns:1fr;gap:25px;padding:28px;margin-top:34px}.filters{overflow:auto}.top-right .bell{display:none}.streak{font-size:10px}}
.library-link{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d9cbfa;border-radius:8px;background:#fff;color:#5730a4;font-size:10px;font-weight:800}.library-link:hover{background:#f2edff}@media(max-width:850px){.library-link{display:none}}
.account-link{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:8px;background:#5730a4;color:#fff;font-size:10px;font-weight:800}.account-link:hover{background:#432380}@media(max-width:850px){.account-link{display:none}}
.mobile-account{display:none}@media(max-width:850px){.mobile-account{display:inline-flex;margin-left:auto;margin-right:8px;color:#5730a4;font-size:10px;font-weight:800}}