@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";:root{color:#17203a;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf0;font-family:Nunito,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 20%,#9770ff1a,#0000 26%),radial-gradient(circle at 85% 25%,#ffb43626,#0000 24%),#fffaf0;min-width:320px;min-height:100vh}button{font:inherit;border:none}button,a{-webkit-tap-highlight-color:transparent}main{overflow:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:2px solid #281e461a;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);min-height:72px;padding:10px 12px 10px 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #2c1f521a}.brand{color:#17203a;cursor:pointer;background:0 0;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;display:flex}.brand strong{color:#7656ff;margin-left:4px}.brand-icon{color:#fff;background:#7656ff;border:2px solid #17203a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-5deg);box-shadow:4px 4px #17203a}.nav-links{align-items:center;gap:28px;display:flex}.nav-links button{color:#515a72;cursor:pointer;background:0 0;font-weight:700;position:relative}.nav-links button:after{content:"";background:#7656ff;border-radius:10px;width:0;height:3px;transition:width .18s;position:absolute;bottom:-7px;left:0}.nav-links button:hover:after{width:100%}.nav-start-button,.primary-button,.secondary-button,.class-card button,.final-banner button{cursor:pointer;justify-content:center;align-items:center;gap:10px;transition:transform .18s,box-shadow .18s;display:inline-flex}.nav-start-button{color:#fff;background:#17203a;border:2px solid #17203a;border-radius:15px;padding:14px 19px;font-weight:800;box-shadow:4px 4px #ffd95a}.nav-start-button:hover,.primary-button:hover,.secondary-button:hover,.class-card button:hover,.final-banner button:hover{transform:translateY(-3px)}.hero-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;width:min(1240px,100% - 40px);min-height:760px;margin:0 auto;padding:150px 20px 80px;display:grid;position:relative}.hero-content,.hero-visual{z-index:2;position:relative}.hero-badge,.section-tag{letter-spacing:1.2px;background:#dcff76;border:2px solid #17203a;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:9px 15px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:4px 4px #17203a}.hero-content h1{letter-spacing:-3px;max-width:710px;margin-top:27px;font-family:Fredoka,sans-serif;font-size:clamp(54px,6.5vw,88px);line-height:.98}.hero-content h1 span,.section-heading h2 span{color:#7656ff}.hero-description{color:#5b647b;max-width:630px;margin-top:27px;font-size:19px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.primary-button,.secondary-button{border:2px solid #17203a;border-radius:17px;min-height:58px;padding:0 24px;font-weight:900}.primary-button{color:#fff;background:#7656ff;box-shadow:6px 6px #17203a}.secondary-button{color:#17203a;background:#fff;box-shadow:5px 5px #ffb52e}.hero-highlights{color:#525b70;flex-wrap:wrap;gap:18px;margin-top:34px;font-size:14px;font-weight:800;display:flex}.hero-highlights div{align-items:center;gap:7px;display:flex}.hero-highlights span{color:#fff;background:#18b97f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.hero-visual{place-items:center;min-height:530px;display:grid}.visual-shadow{background:#ffd95a;border-radius:43% 57% 52% 48%;width:440px;height:440px;animation:6s ease-in-out infinite blobMove;position:absolute;transform:rotate(8deg);box-shadow:15px 15px #ff8a5b,-15px -15px #c7b8ff}.mascot-wrapper{z-index:4;animation:3.5s ease-in-out infinite mascotFloat;position:relative}.mascot{background:#7656ff;border:4px solid #17203a;border-radius:70px 70px 60px 60px;width:270px;height:290px;padding:27px;position:relative;box-shadow:12px 13px #17203a}.mascot:before,.mascot:after{content:"";background:#7656ff;border:4px solid #17203a;border-radius:22px;width:60px;height:60px;position:absolute;bottom:-38px}.mascot:before{left:37px;transform:rotate(7deg)}.mascot:after{right:37px;transform:rotate(-7deg)}.mascot-screen{background:#eafcff;border:4px solid #17203a;border-radius:46px;flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex}.mascot-eyes{gap:42px;display:flex}.mascot-eyes span{background:#17203a;border-radius:50%;width:22px;height:31px;animation:4s infinite blink}.mascot-mouth{border-bottom:6px solid #17203a;border-radius:0 0 40px 40px;width:55px;height:25px;margin-top:22px}.mascot-equation{color:#17203a;text-align:center;background:#dcff76;border:3px dashed #17203a;border-radius:17px;margin-top:28px;padding:13px 10px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700}.mascot-antenna{background:#17203a;border:3px solid #17203a;width:6px;height:58px;position:absolute;top:-53px;left:50%;transform:translate(-50%)}.mascot-antenna div{background:#ff6868;border:3px solid #17203a;border-radius:50%;width:27px;height:27px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.mascot-arm{background:#7656ff;border:4px solid #17203a;border-radius:30px;width:90px;height:30px;position:absolute;top:130px}.mascot-arm-left{left:-71px;transform:rotate(-28deg)}.mascot-arm-right{right:-71px;transform:rotate(28deg)}.question-card,.success-sticker{z-index:6;border:3px solid #17203a;font-family:Fredoka,sans-serif;font-weight:600;position:absolute;box-shadow:7px 7px #17203a}.question-card{background:#fff;border-radius:18px;width:205px;padding:16px}.question-card span{color:#7656ff;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.question-card-one{top:68px;left:-20px;transform:rotate(-7deg)}.question-card-two{bottom:85px;right:-25px;transform:rotate(6deg)}.success-sticker{background:#dcff76;border-radius:17px;padding:14px 17px;top:52px;right:20px;transform:rotate(8deg)}.success-sticker span{color:#7656ff;font-size:18px;display:block}.floating-symbol{z-index:1;border:2px solid #17203a;border-radius:15px;place-items:center;width:52px;height:52px;font-family:Fredoka,sans-serif;font-size:25px;font-weight:700;animation:4s ease-in-out infinite symbolFloat;display:grid;position:absolute;box-shadow:4px 4px #17203a}.symbol-one{background:#ff8a5b;top:140px;left:3%}.symbol-two{background:#dcff76;animation-delay:.6s;top:220px;right:1%}.symbol-three{background:#8de4ff;animation-delay:1.2s;bottom:105px;left:44%}.symbol-four{background:#ffd95a;animation-delay:1.7s;top:115px;left:47%}.symbol-five{background:#ff9cc8;animation-delay:2.2s;bottom:115px;right:4%}.symbol-six{background:#c7b8ff;animation-delay:2.7s;bottom:165px;left:1%}.how-section,.classes-section{padding:105px max(24px,50% - 580px)}.how-section{background:#17203a}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading .section-tag{margin-inline:auto}.section-heading h2{margin-top:24px;font-family:Fredoka,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.06}.section-heading p{color:#697188;max-width:620px;margin:18px auto 0;font-size:18px;line-height:1.7}.how-section .section-heading h2{color:#fff}.how-section .section-heading h2 span{color:#dcff76}.how-section .section-heading p{color:#bcc4db}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#fffaf0;border:3px solid #17203a;border-radius:27px;min-height:300px;padding:32px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:8px 8px #7656ff}.feature-card:hover{transform:translateY(-7px)rotate(-1deg);box-shadow:12px 12px #dcff76}.feature-number{color:#7656ff;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;position:absolute;top:24px;right:26px}.feature-icon{background:#ffd95a;border:3px solid #17203a;border-radius:20px;place-items:center;width:68px;height:68px;font-size:32px;display:grid;box-shadow:5px 5px #17203a}.feature-card h3{margin-top:32px;font-family:Fredoka,sans-serif;font-size:26px}.feature-card p{color:#606981;margin-top:14px;font-size:16px;line-height:1.7}.classes-section{background-color:#fffaf0;background-image:linear-gradient(#7656ff0f 1px,#0000 1px),linear-gradient(90deg,#7656ff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.yellow-tag{background:#ffd95a}.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.class-card{border:3px solid #17203a;border-radius:32px;min-height:500px;padding:35px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:10px 10px #17203a}.class-card:hover{transform:translateY(-8px);box-shadow:14px 14px #17203a}.class-card:after{content:"";border:35px solid #ffffff40;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-100px;right:-70px}.class-six{background:#c9baff}.class-seven{background:#8de4ff}.class-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.class-icon{background:#fff;border:3px solid #17203a;border-radius:28px;place-items:center;width:90px;height:90px;font-size:47px;display:grid;box-shadow:6px 6px #17203a}.class-label{background:#dcff76;border:2px solid #17203a;border-radius:999px;padding:10px 15px;font-weight:900}.class-card h3{z-index:2;max-width:490px;margin-top:38px;font-family:Fredoka,sans-serif;font-size:clamp(34px,4vw,47px);line-height:1.05;position:relative}.class-card>p{z-index:2;color:#384159;max-width:520px;margin-top:18px;font-size:17px;line-height:1.7;position:relative}.topic-list{z-index:2;flex-wrap:wrap;gap:10px;margin-top:28px;display:flex;position:relative}.topic-list span{background:#ffffffbf;border:2px solid #17203a;border-radius:12px;padding:9px 13px;font-size:13px;font-weight:800}.class-card button{z-index:3;color:#fff;background:#17203a;border:3px solid #17203a;border-radius:17px;min-height:56px;padding:0 22px;font-weight:900;position:absolute;bottom:34px;left:35px;box-shadow:5px 5px #fff}.final-banner{background:#ffd95a;border:3px solid #17203a;border-radius:34px;justify-content:space-between;align-items:center;gap:35px;width:min(1160px,100% - 40px);margin:100px auto;padding:55px;display:flex;box-shadow:12px 12px #17203a}.final-banner h2{max-width:700px;margin-top:18px;font-family:Fredoka,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.08}.final-banner p{color:#51586d;max-width:630px;margin-top:14px;font-size:17px;line-height:1.6}.final-banner button{color:#fff;background:#7656ff;border:3px solid #17203a;border-radius:17px;flex-shrink:0;min-height:60px;padding:0 23px;font-weight:900;box-shadow:6px 6px #17203a}footer{color:#fff;background:#17203a;justify-content:space-between;align-items:center;padding:28px max(24px,50% - 580px);display:flex}.footer-brand{align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:21px;font-weight:700;display:flex}.footer-brand span{color:#17203a;background:#dcff76;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}footer p{color:#bec6dc;font-weight:700}@keyframes mascotFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-16px)rotate(1deg)}}@keyframes symbolFloat{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-13px)rotate(7deg)}}@keyframes blobMove{0%,to{border-radius:43% 57% 52% 48%;transform:rotate(8deg)}50%{border-radius:56% 44% 42% 58%;transform:rotate(-2deg)}}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.08)}}@media (width<=1000px){.hero-section{text-align:center;grid-template-columns:1fr;padding-top:150px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-visual{margin-top:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.classes-grid{grid-template-columns:1fr}.final-banner{flex-direction:column;align-items:flex-start}}@media (width<=760px){.navbar{min-height:62px;top:10px}.nav-links{display:none}.brand{font-size:18px}.brand-icon{width:37px;height:37px}.nav-start-button{padding:11px 13px;font-size:13px}.hero-section{width:calc(100% - 20px);padding-inline:5px}.hero-content h1{letter-spacing:-2px;font-size:52px}.hero-description{font-size:17px}.hero-highlights{justify-content:center}.hero-visual{min-height:450px;transform:scale(.82)}.question-card-one{left:-60px}.question-card-two{right:-60px}.visual-shadow{width:360px;height:360px}.how-section,.classes-section{padding:80px 20px}.section-heading h2{font-size:40px}.class-card{min-height:540px;padding:26px}.class-card button{bottom:28px;left:26px;right:26px}.final-banner{padding:35px 25px}footer{text-align:center;flex-direction:column;gap:12px}}@media (width<=480px){.hero-content h1{font-size:43px}.hero-buttons,.primary-button,.secondary-button{width:100%}.hero-visual{margin-top:0;transform:scale(.67)}.class-icon{width:72px;height:72px;font-size:38px}.class-card h3{font-size:36px}.final-banner button{width:100%}}.chapters-page,.chapter-preview-page{color:#17203a;background-color:#fffaf0;background-image:linear-gradient(#7656ff0f 1px,#0000 1px),linear-gradient(90deg,#7656ff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.chapters-navbar{justify-content:space-between;align-items:center;gap:22px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;padding:18px 0;display:flex}.chapters-brand{color:#17203a;cursor:pointer;background:0 0;align-items:center;gap:11px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;display:flex}.chapters-brand>span{color:#fff;background:#7656ff;border:2px solid #17203a;border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:4px 4px #17203a}.chapters-nav-actions{align-items:center;gap:12px;display:flex}.chapters-nav-actions>span{background:#dcff76;border:2px solid #17203a;border-radius:999px;padding:10px 15px;font-weight:900}.chapters-nav-actions button,.back-to-chapters{color:#17203a;cursor:pointer;background:#fff;border:2px solid #17203a;border-radius:13px;padding:11px 16px;font-weight:800;transition:transform .18s;box-shadow:4px 4px #17203a}.chapters-nav-actions button:hover,.back-to-chapters:hover{transform:translateY(-2px)}.chapters-hero{background:#c9baff;border:3px solid #17203a;border-radius:35px;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;width:min(1180px,100% - 32px);min-height:390px;margin:20px auto 0;padding:50px;display:grid;position:relative;overflow:hidden;box-shadow:11px 11px #17203a}.grade-7 .chapters-hero{background:#8de4ff}.chapters-eyebrow{letter-spacing:.6px;background:#ffd95a;border:2px solid #17203a;border-radius:999px;align-items:center;padding:10px 15px;font-size:13px;font-weight:900;display:inline-flex}.chapters-hero h1{letter-spacing:-2px;max-width:700px;margin-top:23px;font-family:Fredoka,sans-serif;font-size:clamp(48px,6vw,75px);line-height:1}.chapters-hero-content>p{color:#404860;max-width:630px;margin-top:18px;font-size:18px;line-height:1.7}.chapter-stat-row{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.chapter-stat-row>div{background:#ffffffbf;border:2px solid #17203a;border-radius:16px;min-width:125px;padding:14px 17px;box-shadow:4px 4px #17203a}.chapter-stat-row strong,.chapter-stat-row span{display:block}.chapter-stat-row strong{font-family:Fredoka,sans-serif;font-size:25px}.chapter-stat-row span{color:#596178;margin-top:2px;font-size:12px;font-weight:800}.chapters-hero-visual{place-items:center;min-height:280px;display:grid;position:relative}.chapter-planet{z-index:2;background:#7656ff;border:4px solid #17203a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:230px;height:230px;animation:3.5s ease-in-out infinite mascotFloat;display:flex;position:relative;box-shadow:12px 12px #17203a}.chapter-planet>span{font-size:82px}.chapter-planet strong{background:#dcff76;border:2px solid #17203a;border-radius:999px;margin-top:7px;padding:8px 13px;font-family:Fredoka,sans-serif}.hero-orbit{border:2px solid #17203a;border-radius:15px;place-items:center;width:52px;height:52px;font-family:Fredoka,sans-serif;font-size:23px;font-weight:700;animation:4s ease-in-out infinite symbolFloat;display:grid;position:absolute;box-shadow:4px 4px #17203a}.orbit-one{background:#ff8a5b;top:10px;left:20px}.orbit-two{background:#ffd95a;animation-delay:.7s;top:35px;right:15px}.orbit-three{background:#dcff76;animation-delay:1.4s;bottom:5px;right:25px}.chapter-selection-section{width:min(1180px,100% - 32px);margin:95px auto 0;padding-bottom:100px}.chapter-selection-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px;display:flex}.chapter-selection-heading h2{margin-top:20px;font-family:Fredoka,sans-serif;font-size:clamp(40px,5vw,59px)}.chapter-selection-heading p{color:#667087;max-width:670px;margin-top:12px;font-size:17px;line-height:1.7}.part-filter{background:#fff;border:2px solid #17203a;border-radius:17px;flex-shrink:0;gap:8px;padding:7px;display:flex;box-shadow:5px 5px #17203a}.part-filter button{color:#5e667b;cursor:pointer;background:0 0;border-radius:11px;padding:10px 15px;font-weight:900}.part-filter button.active{color:#fff;background:#7656ff}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.chapter-card{background:#fff;border:3px solid #17203a;border-radius:27px;flex-direction:column;min-height:420px;padding:27px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:8px 8px #17203a}.chapter-card:nth-child(4n+1){background:#fff0ba}.chapter-card:nth-child(4n+2){background:#dfd7ff}.chapter-card:nth-child(4n+3){background:#c9f3ff}.chapter-card:nth-child(4n+4){background:#e4ff9e}.chapter-card:hover{transform:translateY(-7px)rotate(-.5deg);box-shadow:12px 12px #17203a}.chapter-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.chapter-icon{background:#fff;border:3px solid #17203a;border-radius:21px;place-items:center;width:69px;height:69px;font-size:34px;display:grid;box-shadow:5px 5px #17203a}.chapter-labels{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.chapter-part,.chapter-number{text-transform:uppercase;background:#fff;border:2px solid #17203a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.chapter-part{color:#fff;background:#7656ff}.chapter-card h2{margin-top:29px;font-family:Fredoka,sans-serif;font-size:29px;line-height:1.08}.chapter-card>p{color:#596178;margin-top:13px;line-height:1.65}.chapter-topic-list{flex-wrap:wrap;gap:7px;margin-top:21px;display:flex}.chapter-topic-list span{background:#ffffffb3;border:1.5px solid #17203a;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.chapter-card>button{color:#fff;cursor:pointer;background:#17203a;border:2px solid #17203a;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:51px;margin-top:auto;padding:0 17px;font-weight:900;transition:transform .18s;display:flex;box-shadow:4px 4px #fff}.chapter-card>button:hover{transform:translateY(-2px)}.preview-navbar{padding-bottom:10px}.chapter-preview-container{grid-template-columns:.9fr 1.1fr;gap:30px;width:min(1120px,100% - 32px);margin:45px auto 0;padding-bottom:80px;display:grid}.chapter-preview-summary,.learning-mode-panel{border:3px solid #17203a;border-radius:31px;box-shadow:10px 10px #17203a}.chapter-preview-summary{background:#c9baff;padding:38px}.preview-icon{background:#fff;border:3px solid #17203a;border-radius:27px;place-items:center;width:91px;height:91px;font-size:48px;display:grid;box-shadow:6px 6px #17203a}.preview-class-label{background:#ffd95a;border:2px solid #17203a;border-radius:999px;margin-top:30px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-block}.chapter-preview-summary h1{margin-top:22px;font-family:Fredoka,sans-serif;font-size:clamp(42px,5vw,61px);line-height:1}.chapter-preview-summary>p{color:#434b62;margin-top:18px;font-size:17px;line-height:1.7}.preview-topic-list{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.preview-topic-list span{background:#ffffffbf;border:2px solid #17203a;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900}.socratic-reminder{background:#dcff76;border:2px solid #17203a;border-radius:18px;gap:14px;margin-top:36px;padding:18px;display:flex;box-shadow:5px 5px #17203a}.socratic-reminder>span{font-size:28px}.socratic-reminder strong{font-family:Fredoka,sans-serif;font-size:18px}.socratic-reminder p{color:#4e566b;margin-top:4px;font-size:13px;line-height:1.5}.learning-mode-panel{background:#fff;padding:38px}.learning-mode-panel h2{margin-top:21px;font-family:Fredoka,sans-serif;font-size:clamp(36px,4vw,50px)}.learning-mode-list{gap:15px;margin-top:29px;display:grid}.learning-mode-card{color:#17203a;text-align:left;cursor:pointer;background:#fffaf0;border:2px solid #17203a;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;width:100%;padding:19px;transition:transform .18s,background .18s,box-shadow .18s;display:grid}.learning-mode-card:not(:disabled):hover{transform:translateY(-3px)}.learning-mode-card.selected{background:#dfd7ff;box-shadow:5px 5px #17203a}.learning-mode-card:disabled{cursor:not-allowed;opacity:.58}.mode-icon{background:#fff;border:2px solid #17203a;border-radius:15px;place-items:center;width:53px;height:53px;font-size:26px;display:grid}.learning-mode-card strong{font-family:Fredoka,sans-serif;font-size:19px}.learning-mode-card p{color:#626b80;margin-top:4px;font-size:13px;line-height:1.5}.mode-selector{color:#fff;background:#7656ff;border:2px solid #17203a;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.coming-soon{white-space:nowrap;background:#ffd95a;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:900}.start-session-button{color:#fff;cursor:pointer;background:#7656ff;border:3px solid #17203a;border-radius:17px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:59px;margin-top:28px;font-weight:900;transition:transform .18s;display:flex;box-shadow:6px 6px #17203a}.start-session-button:hover{transform:translateY(-3px)}.invalid-class-page,.not-found-page{text-align:center;background:#fffaf0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.invalid-class-page>span,.not-found-page>span{font-size:70px}.invalid-class-page h1,.not-found-page h1{max-width:650px;margin-top:20px;font-family:Fredoka,sans-serif;font-size:42px}.invalid-class-page button,.not-found-page a{color:#fff;cursor:pointer;background:#7656ff;border:2px solid #17203a;border-radius:14px;margin-top:25px;padding:13px 19px;font-weight:900;text-decoration:none;box-shadow:5px 5px #17203a}@media (width<=1000px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-preview-container{grid-template-columns:1fr}}@media (width<=780px){.chapters-hero{text-align:center;grid-template-columns:1fr;padding:35px 25px}.chapters-eyebrow{margin-inline:auto}.chapter-stat-row{justify-content:center}.chapters-hero-visual{min-height:300px}.chapter-selection-heading{flex-direction:column;align-items:flex-start}}@media (width<=620px){.chapters-navbar{align-items:flex-start}.chapters-brand{font-size:18px}.chapters-nav-actions{flex-direction:column;align-items:flex-end}.chapters-nav-actions>span{display:none}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:390px}.part-filter{width:100%}.part-filter button{flex:1}.chapter-preview-summary,.learning-mode-panel{padding:27px 22px}.learning-mode-card{grid-template-columns:auto 1fr}.mode-selector,.coming-soon{grid-column:2;justify-self:start}.back-to-chapters{font-size:12px}}.tutor-room-page{color:#17203a;background-color:#fffaf0;background-image:linear-gradient(#7656ff0e 1px,#0000 1px),linear-gradient(90deg,#7656ff0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.tutor-navbar{background:#fffffff0;border-bottom:3px solid #17203a;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;width:100%;min-height:78px;padding:12px max(22px,50% - 740px);display:grid;box-shadow:0 7px #17203a14}.tutor-brand{color:#17203a;cursor:pointer;background:0 0;justify-self:start;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:21px;font-weight:700;display:flex}.tutor-brand>span{color:#fff;background:#7656ff;border:2px solid #17203a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:4px 4px #17203a}.tutor-navbar-chapter{background:#fff0ba;border:2px solid #17203a;border-radius:17px;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:4px 4px #17203a}.tutor-navbar-chapter>span{font-size:29px}.tutor-navbar-chapter small,.tutor-navbar-chapter strong{display:block}.tutor-navbar-chapter small{color:#646c81;text-transform:uppercase;font-size:10px;font-weight:900}.tutor-navbar-chapter strong{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-family:Fredoka,sans-serif;font-size:16px;overflow:hidden}.tutor-navbar-stats{justify-self:end;align-items:center;gap:13px;display:flex}.tutor-navbar-stats>div{background:#dcff76;border:2px solid #17203a;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex}.tutor-navbar-stats button{color:#17203a;cursor:pointer;background:#fff;border:2px solid #17203a;border-radius:13px;padding:11px 15px;font-weight:900;transition:transform .18s;box-shadow:4px 4px #17203a}.tutor-navbar-stats button:hover{transform:translateY(-2px)}.tutor-room-layout{grid-template-columns:260px minmax(430px,1fr) 260px;gap:20px;width:min(1500px,100% - 30px);min-height:calc(100vh - 108px);margin:22px auto 0;padding-bottom:24px;display:grid}.tutor-progress-panel,.tutor-session-panel,.tutor-chat-panel{border:3px solid #17203a;border-radius:27px;box-shadow:7px 7px #17203a}.tutor-progress-panel,.tutor-session-panel{background:#fff;height:calc(100vh - 125px);padding:20px;overflow-y:auto}.tutor-mode-card{background:#dfd7ff;border:2px solid #17203a;border-radius:17px;align-items:center;gap:11px;padding:14px;display:flex;box-shadow:4px 4px #17203a}.tutor-mode-card>span{background:#fff;border:2px solid #17203a;border-radius:13px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.tutor-mode-card small,.tutor-mode-card strong{display:block}.tutor-mode-card small{color:#646d82;text-transform:uppercase;font-size:9px;font-weight:900}.tutor-mode-card strong{margin-top:2px;font-family:Fredoka,sans-serif;font-size:15px}.session-progress-heading{margin-top:28px}.session-progress-heading>div:first-child{justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.session-progress-heading strong{color:#7656ff;font-family:Fredoka,sans-serif;font-size:18px}.session-progress-bar{background:#ececf2;border:2px solid #17203a;border-radius:999px;height:14px;margin-top:9px;overflow:hidden}.session-progress-bar span{border-radius:inherit;background:#7656ff;height:100%;transition:width .4s;display:block}.socratic-stage-list{gap:8px;margin-top:23px;display:grid}.socratic-stage{opacity:.46;border:2px solid #0000;border-radius:14px;align-items:center;gap:11px;padding:10px;transition:all .2s;display:flex}.socratic-stage.current{opacity:1;background:#fff0ba;border-color:#17203a;box-shadow:3px 3px #17203a}.socratic-stage.completed{opacity:.8;background:#e4ff9e}.stage-status-icon{background:#fff;border:2px solid #17203a;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:16px;font-weight:900;display:grid}.socratic-stage.completed .stage-status-icon{color:#fff;background:#18b97f}.socratic-stage small,.socratic-stage strong{display:block}.socratic-stage small{color:#70788d;text-transform:uppercase;font-size:8px;font-weight:900}.socratic-stage strong{font-family:Fredoka,sans-serif;font-size:14px}.restart-session-button{color:#17203a;cursor:pointer;background:#fff;border:2px solid #17203a;border-radius:13px;width:100%;min-height:43px;margin-top:23px;font-weight:900}.tutor-chat-panel{background:#fffdf8;flex-direction:column;height:calc(100vh - 125px);display:flex;overflow:hidden}.chat-panel-heading{background:#c9baff;border-bottom:3px solid #17203a;align-items:center;gap:14px;padding:18px 21px;display:flex}.chat-mascot{color:#fff;background:#7656ff;border:3px solid #17203a;border-radius:16px;flex-shrink:0;place-items:center;width:51px;height:51px;font-family:Fredoka,sans-serif;font-size:24px;font-weight:700;display:grid;box-shadow:4px 4px #17203a}.online-row{align-items:center;gap:10px;display:flex}.online-row h1{font-family:Fredoka,sans-serif;font-size:21px}.online-row span{text-transform:uppercase;background:#dcff76;border:1.5px solid #17203a;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900}.chat-panel-heading p{color:#4e566d;margin-top:2px;font-size:12px;font-weight:700}.tutor-messages{background:radial-gradient(circle at 12% 18%,#7656ff0f,#0000 20%),radial-gradient(circle at 85% 80%,#ffb52e14,#0000 22%);flex:1;padding:22px;overflow-y:auto}.chat-day-label{color:#6c7488;text-transform:uppercase;background:#fff;border:1.5px solid #17203a;border-radius:999px;width:fit-content;margin:0 auto 22px;padding:6px 11px;font-size:9px;font-weight:900}.message-row{align-items:flex-end;gap:9px;margin-bottom:15px;display:flex}.message-row.student{justify-content:flex-end}.message-avatar,.student-avatar{border:2px solid #17203a;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.message-avatar{color:#fff;background:#7656ff;font-family:Fredoka,sans-serif}.student-avatar{background:#ffd95a;font-size:9px}.message-bubble{background:#fff;border:2px solid #17203a;border-radius:17px 17px 17px 4px;max-width:min(76%,670px);padding:13px 16px;box-shadow:3px 3px #17203a}.message-row.student .message-bubble{color:#fff;background:#7656ff;border-radius:17px 17px 4px}.message-bubble p{white-space:pre-wrap;font-size:14px;line-height:1.58}.message-bubble.hint{background:#fff0ba}.message-bubble.support{background:#c9f3ff}.message-bubble.encouragement{background:#e4ff9e;font-weight:900}.message-bubble.success{background:#dcff76;font-weight:900}.typing-indicator{background:#fff;border:2px solid #17203a;border-radius:17px 17px 17px 4px;gap:5px;padding:14px 17px;display:flex;box-shadow:3px 3px #17203a}.typing-indicator span{background:#7656ff;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite tutorTyping}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.quick-action-row{background:#fff;border-top:2px solid #17203a;gap:8px;padding:11px 15px 4px;display:flex;overflow-x:auto}.quick-action-row button{color:#17203a;cursor:pointer;background:#fffaf0;border:2px solid #17203a;border-radius:999px;flex-shrink:0;padding:8px 11px;font-size:11px;font-weight:900}.quick-action-row button:hover:not(:disabled){background:#dfd7ff}.quick-action-row button:disabled{cursor:not-allowed;opacity:.45}.student-answer-form{background:#fff;grid-template-columns:1fr auto;gap:10px;padding:11px 15px 5px;display:grid}.student-answer-form textarea{resize:vertical;color:#17203a;background:#fffaf0;border:2px solid #17203a;border-radius:15px;outline:none;width:100%;min-height:58px;max-height:130px;padding:12px 14px;font-family:Nunito,sans-serif;font-size:14px;line-height:1.4}.student-answer-form textarea:focus{box-shadow:4px 4px #c9baff}.student-answer-form button{color:#fff;cursor:pointer;background:#7656ff;border:2px solid #17203a;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-width:92px;font-weight:900;display:flex;box-shadow:4px 4px #17203a}.student-answer-form button:disabled{cursor:not-allowed;opacity:.45}.input-helper-text{color:#858b9b;text-align:center;background:#fff;padding:3px 15px 10px;font-size:9px}.session-panel-block{border-bottom:2px dashed #b9bdc9;padding-bottom:22px}.session-panel-block+.session-panel-block{margin-top:22px}.session-panel-label{color:#71798d;letter-spacing:1.1px;font-size:9px;font-weight:900}.session-stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.session-stat-grid>div{text-align:center;background:#fff0ba;border:2px solid #17203a;border-radius:14px;flex-direction:column;justify-content:center;min-height:94px;padding:10px;display:flex}.session-stat-grid>div:nth-child(2){background:#dfd7ff}.session-stat-grid>div:nth-child(3){background:#e4ff9e}.session-stat-grid>div:nth-child(4){background:#c9f3ff}.session-stat-grid strong{margin-top:2px;font-family:Fredoka,sans-serif;font-size:19px}.session-stat-grid small{color:#61697e;text-transform:uppercase;font-size:8px;font-weight:900}.hint-ladder-block{border-bottom:none;padding-bottom:0}.hint-ladder-item{opacity:.45;border:2px solid #c9ccd5;border-radius:13px;align-items:center;gap:10px;margin-top:11px;padding:10px;display:flex}.hint-ladder-item.unlocked{opacity:1;background:#fff0ba;border-color:#17203a}.hint-ladder-item>span{background:#fff;border:2px solid #17203a;border-radius:9px;flex-shrink:0;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.hint-ladder-item strong,.hint-ladder-item small{display:block}.hint-ladder-item strong{font-family:Fredoka,sans-serif;font-size:13px}.hint-ladder-item small{color:#6c7487;font-size:9px}.thinking-tip-card,.session-complete-card{background:#dfd7ff;border:2px solid #17203a;border-radius:15px;gap:10px;margin-top:22px;padding:13px;display:flex;box-shadow:4px 4px #17203a}.thinking-tip-card>span,.session-complete-card>span{font-size:25px}.thinking-tip-card strong,.session-complete-card strong{font-family:Fredoka,sans-serif;font-size:14px}.thinking-tip-card p,.session-complete-card p{color:#5b6377;margin-top:4px;font-size:10px;line-height:1.5}.session-complete-card{text-align:center;background:#dcff76;flex-direction:column}.session-complete-card>span{font-size:38px}@keyframes tutorTyping{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@media (width<=1180px){.tutor-room-layout{grid-template-columns:230px minmax(430px,1fr)}.tutor-session-panel{display:none}}@media (width<=850px){.tutor-navbar{grid-template-columns:1fr auto}.tutor-navbar-chapter{display:none}.tutor-room-layout{grid-template-columns:1fr}.tutor-progress-panel{display:none}.tutor-chat-panel{height:calc(100vh - 120px)}}@media (width<=560px){.tutor-navbar{min-height:68px;padding-inline:12px}.tutor-brand{font-size:16px}.tutor-brand>span{width:36px;height:36px}.tutor-navbar-stats>div{display:none}.tutor-navbar-stats button{padding:9px 11px;font-size:11px}.tutor-room-layout{width:calc(100% - 14px);margin-top:12px}.tutor-chat-panel{border-radius:21px;box-shadow:4px 4px #17203a}.chat-panel-heading{padding:14px}.chat-panel-heading p{display:none}.tutor-messages{padding:15px 11px}.message-bubble{max-width:82%;padding:11px 13px}.message-bubble p{font-size:13px}.message-avatar,.student-avatar{width:29px;height:29px}.student-answer-form{grid-template-columns:1fr}.student-answer-form button{min-height:44px}}.tutor-api-error{background:#ffd0c7;border-bottom:2px solid #17203a;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 15px;display:grid}.tutor-api-error>span{font-size:23px}.tutor-api-error strong{font-family:Fredoka,sans-serif;font-size:13px;display:block}.tutor-api-error p{color:#5c5360;margin-top:2px;font-size:10px}.tutor-api-error button{color:#17203a;cursor:pointer;background:#fff;border:2px solid #17203a;border-radius:9px;place-items:center;width:29px;height:29px;font-size:18px;font-weight:900;display:grid}.tutor-api-error button:hover{background:#fff0ba}