:root{--font-unicode:"Be Vietnam Pro","Segoe UI","Noto Sans","DejaVu Sans",Arial,Helvetica,sans-serif;--font-nunito:var(--font-unicode);--font-vietnam:var(--font-unicode);--ink:#13223f;--muted:#66738c;--blue:#2563eb;--blue-dark:#1645bd;--blue-light:#e9f1ff;--green:#16a56f;--purple:#7657d5;--orange:#f59e0b;--bg:#f6f9ff;--line:#e5eaf4;--shadow:0 16px 45px #20498d1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-vietnam),Arial,sans-serif;margin:0}.site-content{min-height:72vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}.topbar{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;align-items:center;gap:28px;height:76px;padding:0 max(28px,50% - 630px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{color:#fff;width:38px;height:38px;font:800 22px var(--font-nunito);background:linear-gradient(145deg,#2f75ff,#1745c7);border-radius:12px;place-items:center;display:grid;transform:rotate(-3deg);box-shadow:0 7px 18px #2b67dc4d}.brand>span:last-child{flex-direction:column;display:flex}.brand b{font:800 15px var(--font-nunito);letter-spacing:.05em}.brand small{color:var(--muted);font-size:9px}.desktop-nav{align-items:center;gap:4px;margin:auto;display:flex}.desktop-nav button{color:#56627a;background:0 0;border:0;border-radius:10px;padding:11px 10px;font-size:13px;font-weight:600}.desktop-nav button:hover,.desktop-nav button.active{background:var(--blue-light);color:var(--blue)}.user-actions{align-items:center;gap:8px;display:flex;position:relative}.stars,.bell,.avatar{border:1px solid var(--line);background:#fff;border-radius:12px;height:38px}.stars{padding:0 12px;font-size:13px}.bell{color:#f4a719;width:38px;font-size:11px}.avatar{color:#704414;background:linear-gradient(145deg,#ffd98b,#f7a72b);border-radius:50%;width:38px;font-weight:800}.account-menu{border:1px solid var(--line);width:210px;box-shadow:var(--shadow);z-index:5;background:#fff;border-radius:14px;padding:8px;display:grid;position:absolute;top:48px;right:0}.account-menu button{text-align:left;background:0 0;border:0;border-radius:9px;padding:11px;font-size:13px}.account-menu button:hover{background:var(--blue-light)}.hero{background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 65%,#f6f0ff 100%);grid-template-columns:1.03fr .97fr;align-items:center;max-width:1400px;min-height:650px;margin:0 auto;padding:78px max(50px,50% - 600px);display:grid;position:relative;overflow:hidden}.hero-copy,.hero-demo{z-index:2;position:relative}.eyebrow{color:#39527f;background:#fff;border:1px solid #dbe6ff;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 7px 25px #2664dc12}.hero h1{font:800 clamp(44px,5vw,72px)/1.04 var(--font-nunito);letter-spacing:-.04em;color:#14213c;margin:22px 0}.hero h1 span{color:var(--blue)}.hero-copy>p{color:#5e6d88;max-width:600px;margin-bottom:28px;font-size:17px;line-height:1.75}.hero-actions{gap:12px;display:flex}.primary,.secondary{border:1px solid #0000;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .2s}.primary{color:#fff;background:linear-gradient(135deg,#3478f6,#1d55d6);box-shadow:0 9px 20px #2563eb38}.primary:hover{transform:translateY(-2px);box-shadow:0 13px 25px #2563eb4a}.secondary{color:#344360;background:#fff;border-color:#d8e0ed}.secondary:hover{background:#f8fbff;border-color:#95b3e8}.big{padding:15px 22px;font-size:14px}.trust-row{color:#728097;gap:18px;margin-top:22px;font-size:11px;display:flex}.trust-row span:first-child{color:var(--green)}.hero-demo{padding-left:55px}.demo-window{background:#fffffff0;border:1px solid #fff;border-radius:24px;max-width:480px;padding:20px;transform:rotate(1deg);box-shadow:0 30px 80px #17449125}.demo-top{border-bottom:1px solid var(--line);color:#3c4b64;align-items:center;gap:5px;padding-bottom:14px;font-size:12px;font-weight:700;display:flex}.demo-top i{background:#ff877e;border-radius:50%;width:7px;height:7px}.demo-top i:nth-child(2){background:#ffcc61}.demo-top i:nth-child(3){background:#63d690}.demo-top span{margin-left:10px}.chat-line{gap:12px;margin:18px 0;display:flex}.chat-line p{color:#41506b;background:#edf3ff;border-radius:5px 16px 16px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5}.mini-plan{border:1px solid var(--line);border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;margin-top:9px;padding:13px;display:grid}.mini-plan>span{text-align:center;width:45px;height:45px;color:var(--blue);background:#e9f1ff;border-radius:12px;place-items:center;font-size:10px;font-weight:700;display:grid}.mini-plan div{flex-direction:column;display:flex}.mini-plan b{font-size:12px}.mini-plan small{color:var(--muted);font-size:10px}.mini-plan em{color:#b27a05;font-size:11px;font-style:normal}.demo-window>button{background:var(--blue);color:#fff;border:0;border-radius:11px;width:100%;margin-top:14px;padding:12px;font-size:12px;font-weight:700}.float-badge{z-index:3;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:800;animation:3s ease-in-out infinite float;position:absolute}.badge-a{color:#cf8c00;top:35px;right:-13px}.badge-b{color:#6446c8;animation-delay:1s;bottom:45px;left:15px}.hero-orb{filter:blur(3px);border-radius:50%;position:absolute}.orb-one{background:#a8c9ff45;width:360px;height:360px;top:-90px;right:0}.orb-two{background:#c8b5ff35;width:260px;height:260px;bottom:-160px;left:35%}@keyframes float{50%{transform:translateY(-8px)}}.cat{flex:none;width:76px;height:92px;position:relative}.cat-ear{background:#283852;border-radius:6px 18px 3px 4px;width:27px;height:30px;position:absolute;top:3px}.cat-ear.left{left:8px;transform:rotate(-13deg)}.cat-ear.right{right:8px;transform:scaleX(-1)rotate(-13deg)}.cat-face{z-index:2;color:#fff;background:#344967;border-radius:48% 48% 44% 44%;justify-content:center;align-items:center;gap:7px;width:66px;height:53px;font:700 13px Arial;display:flex;position:absolute;top:14px;left:5px;box-shadow:inset 0 -5px #293a54}.cat-face b{color:#ffc0c0;font-size:11px}.cat-body{color:#ffd25a;background:#344967;border-radius:21px 21px 10px 10px;place-items:center;width:47px;height:42px;font-size:13px;display:grid;position:absolute;bottom:0;left:16px}.cat-tail{color:#344967;font-size:32px;position:absolute;bottom:6px;right:-8px;transform:rotate(-20deg)}.cat-small{transform-origin:50%;width:45px;height:55px;margin:-6px;transform:scale(.58)}.section{max-width:1180px;margin:0 auto;padding:82px 30px}.section-head{text-align:center;margin-bottom:38px}.section-head>span,.feature-copy>.pill{color:var(--blue);letter-spacing:.14em;font-size:11px;font-weight:800}.section-head h2,.feature-copy h2{font:800 36px/1.2 var(--font-nunito);letter-spacing:-.02em;margin:9px 0}.section-head p{color:var(--muted);margin:8px}.section-head.row{text-align:left;justify-content:space-between;align-items:end;display:flex}.steps-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.steps-grid article{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px 22px;position:relative;box-shadow:0 12px 35px #12365c0b}.step-num{font:800 32px var(--font-nunito);color:#edf1f7;position:absolute;top:12px;right:16px}.steps-grid article>i{background:var(--blue-light);width:48px;height:48px;color:var(--blue);border-radius:14px;place-items:center;font-size:22px;font-style:normal;display:grid}.steps-grid h3{font:800 17px var(--font-nunito);margin:18px 0 8px}.steps-grid p,.feature-copy>p{color:var(--muted);font-size:13px;line-height:1.7}.feature-band{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:none;padding-left:max(30px,50% - 560px);padding-right:max(30px,50% - 560px);display:grid}.feature-visual{background:linear-gradient(145deg,#e9f2ff,#f5f0ff);border-radius:30px;place-items:center;min-height:370px;display:grid;position:relative}.skill-ring{background:conic-gradient(var(--blue) 82%,#fff 0);border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:relative;box-shadow:0 20px 50px #2869dd24}.skill-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.skill-ring span,.skill-ring b{z-index:2;position:absolute}.skill-ring span{font:800 48px var(--font-nunito);top:60px}.skill-ring span small{font-size:20px}.skill-ring b{color:var(--green);font-size:12px;bottom:60px}.topic-bars{width:210px;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:12px 15px;position:absolute;bottom:20px;right:-25px}.topic-bars p{color:var(--muted);margin:7px 0;font-size:9px;position:relative}.topic-bars i{background:var(--green);border-radius:5px;height:4px;margin-top:3px;display:block}.feature-copy ul{gap:14px;padding:0;list-style:none;display:grid}.feature-copy li{flex-direction:column;font-size:13px;display:flex}.feature-copy li small{color:var(--muted);padding-left:25px}.text-button{color:var(--blue);background:0 0;border:0;padding:8px 0;font-weight:800}.game-grid,.quote-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.game-card{background:#eaf2ff;border-radius:20px;align-items:center;gap:18px;padding:24px;display:flex}.game-card>span{font-size:45px}.game-card h3{font:800 17px var(--font-nunito);margin:0 0 6px}.game-card p{color:var(--muted);margin:0;font-size:11px}.game-card small{background:#fff;border-radius:10px;margin-top:9px;padding:4px 8px;font-size:10px;display:inline-block}.game-card.purple{background:#f1ecff}.game-card.orange{background:#fff3de}.testimonials{background:#f0f6ff;max-width:none;padding-left:max(30px,50% - 550px);padding-right:max(30px,50% - 550px)}.quote-grid{grid-template-columns:1fr 1fr}.quote-grid blockquote{font:600 14px/1.8 var(--font-nunito);background:#fff;border-radius:20px;margin:0;padding:28px;box-shadow:0 12px 34px #35629c0c}.quote-grid footer{flex-direction:column;margin-top:18px;font-size:12px;display:flex}.quote-grid footer small{color:var(--muted)}.cta{color:#fff;background:linear-gradient(115deg,#1c53d8,#7453d0);border-radius:25px;align-items:center;gap:25px;max-width:1120px;margin:70px auto;padding:32px 45px;display:flex;box-shadow:0 20px 50px #234eb74b}.cta div:nth-child(2){flex:1}.cta h2{font:800 24px var(--font-nunito);margin:0}.cta p{color:#dfe8ff;font-size:12px}.cta button{color:var(--blue);background:#fff;border:0;border-radius:12px;padding:13px 19px;font-weight:800}.page{margin:auto;padding:52px 30px 90px}.page.narrow{max-width:1120px}.page.wide{max-width:1260px}.page-title{align-items:center;gap:15px;display:flex}.page-title small{color:var(--purple);letter-spacing:.13em;font-size:10px;font-weight:800}.page-title h1{font:800 32px var(--font-nunito);margin:2px 0}.page-title p{color:var(--muted);margin:0;font-size:13px}.ai-icon{color:#fff;background:linear-gradient(145deg,#7657d5,#9b78ed);border-radius:17px;place-items:center;width:54px;height:54px;font-size:25px;display:grid;box-shadow:0 10px 28px #7657d544}.flow-steps{justify-content:center;gap:7px;margin:25px 0;display:flex}.flow-steps span{color:#0000;background:#dfe5ef;border-radius:10px;width:27px;height:7px;font-size:0}.flow-steps span.active{background:var(--blue)}.panel{border:1px solid var(--line);background:#fff;border-radius:19px;box-shadow:0 10px 35px #1c417b0a}.assistant-grid{grid-template-columns:1.08fr .92fr;gap:20px;display:grid}.upload-panel,.form-panel{padding:25px}.panel h3{font:800 17px var(--font-nunito);margin-top:0}.dropzone{cursor:pointer;background:#f8fbff;border:2px dashed #b9c9e6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:164px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--blue);background:#f0f5ff}.dropzone input{display:none}.dropzone>span{color:var(--blue);font-size:27px}.dropzone b{font-size:13px}.dropzone small{color:var(--muted);font-size:10px}.dropzone.has-file{border-color:var(--green);color:var(--green);background:#f0fff8}.or{text-align:center;color:#9aa5b6;margin:15px 0;font-size:10px;position:relative}.or:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.or span{background:#fff;padding:0 9px;position:relative}.upload-panel textarea{resize:none;border:1px solid var(--line);border-radius:12px;outline:none;width:100%;height:110px;padding:12px;font-size:12px}.upload-panel textarea:focus,input:focus,select:focus{border-color:#83a8ec;outline:3px solid #e8f0ff}.helper{color:#6d7890;margin-bottom:0;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.login-form label{flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.add-topic input,.login-form input{border:1px solid var(--line);color:#34415a;background:#fff;border-radius:10px;height:43px;padding:0 11px;font-size:12px}.level-picks{gap:6px;display:flex}.level-picks button{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:10px;font-size:10px}.level-picks button.selected{color:#087d52;background:#eefbf6;border-color:#8dd9b9}.full-button{width:100%;margin-top:18px}.safe-note{text-align:center;color:#7d879a;margin-top:10px;font-size:9px;display:block}.analysis-summary{background:linear-gradient(100deg,#e9fff5,#f5fffb);border:1px solid #bdebd7;border-radius:18px;align-items:center;gap:12px;padding:13px 20px;display:flex}.analysis-summary div{flex:1}.analysis-summary b{font-size:13px}.analysis-summary p{color:#5b6e69;margin:4px 0;font-size:11px}.analysis-summary>span{color:var(--green);font-size:11px;font-weight:800}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.stat-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px;display:flex}.stat-grid i{color:var(--blue);font-size:20px;font-style:normal}.stat-grid span{color:var(--muted);flex-direction:column;font-size:9px;display:flex}.stat-grid b{color:var(--ink);font-size:12px}.topic-panel{padding:24px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{margin-bottom:3px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.panel-head>span{color:var(--blue);background:var(--blue-light);border-radius:9px;padding:6px 9px;font-size:10px}.topic-list{gap:7px;margin-top:18px;display:grid}.topic-list>div{border:1px solid var(--line);border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.topic-list>div>span{background:var(--blue-light);width:28px;height:28px;color:var(--blue);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.topic-list>div>div{flex-direction:column;flex:1;display:flex}.topic-list b{font-size:12px}.topic-list small{color:var(--muted);font-size:9px}.topic-list button{color:#9ca7b8;background:0 0;border:0;font-size:20px}.add-topic{gap:8px;margin-top:10px;display:flex}.add-topic input{flex:1}.add-topic button{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:10px;padding:0 14px;font-size:11px;font-weight:700}.next-bar{align-items:center;gap:14px;margin-top:17px;display:flex}.next-bar div{text-align:right;flex-direction:column;flex:1;display:flex}.next-bar small{color:var(--muted);font-size:9px}.next-bar b{font-size:11px}.quiz-page{max-width:880px}.quiz-head{justify-content:space-between;align-items:end;display:flex}.quiz-head small{color:var(--purple);font-size:10px;font-weight:800}.quiz-head h1{font:800 28px var(--font-nunito);margin:4px 0}.quiz-head>span{color:var(--muted);font-size:11px}.question-progress{background:#e4e9f1;border-radius:10px;height:6px;margin:16px 0 24px;overflow:hidden}.question-progress i{background:linear-gradient(90deg,var(--blue),#6c8af1);border-radius:10px;height:100%;transition:all .3s;display:block}.quiz-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:35px 45px}.question-topic{color:var(--blue);background:var(--blue-light);border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800}.quiz-card h2{font:800 24px/1.35 var(--font-nunito);margin:25px 0}.answers{gap:9px;display:grid}.answers button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:13px;padding:12px;font-size:13px;display:flex}.answers button span{background:#f1f4f8;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.answers button:hover,.answers button.selected{color:#174ebd;background:#f1f6ff;border-color:#7aa1ec}.answers button.selected span{background:var(--blue);color:#fff}.quiz-actions{justify-content:space-between;margin-top:25px;display:flex}.cat-tip{align-items:center;gap:8px;max-width:540px;margin:18px auto 0;display:flex}.cat-tip p{color:#5a5180;background:#f2edff;border-radius:5px 15px 15px;margin:0;padding:10px 13px;font-size:10px}.result-page{max-width:860px}.survey-result{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:25px;padding:35px 70px}.survey-result>.cat{margin:auto}.level-badge{color:#14835b;background:#eafaf3;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-block}.survey-result h1{font:800 30px var(--font-nunito);margin:12px 0 5px}.survey-result>p{color:var(--muted);max-width:550px;margin:0 auto 20px;font-size:12px}.score-ring{background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(var(--green) 80%,#e5f2ed 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:15px auto;display:grid}.score-ring span{font:800 38px var(--font-nunito);align-self:end}.score-ring span small{color:var(--muted);font-size:14px}.score-ring>b{color:var(--green);align-self:start;font-size:10px}.result-stats{border:1px solid var(--line);border-radius:15px;grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.result-stats>span{border-right:1px solid var(--line);padding:13px;font-size:10px;display:grid}.result-stats>span:last-child{border:0}.result-stats b{font-size:12px}.result-stats small{color:var(--muted)}.knowledge-split{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.knowledge-split>div{background:#effbf6;border-radius:14px;padding:14px}.knowledge-split>div:last-child{background:#fff7e8}.knowledge-split b{color:var(--green);font-size:11px}.knowledge-split>div:last-child b{color:#b47600}.knowledge-split p{margin:6px 0;font-size:10px}.roadmap-hero{color:#fff;background:linear-gradient(115deg,#174dcc,#7252cf);border-radius:24px;align-items:center;min-height:205px;padding:36px 42px;display:flex}.roadmap-hero>div:first-child{flex:1}.roadmap-hero small{color:#cfdcff;letter-spacing:.12em;font-size:10px}.roadmap-hero h1{font:800 30px var(--font-nunito);margin:7px 0}.roadmap-hero p{color:#dbe4ff;font-size:12px}.road-progress{background:#ffffff35;border-radius:10px;max-width:500px;height:7px;position:relative}.road-progress i{background:#64dfaa;border-radius:10px;height:100%;display:block}.road-progress span{font-size:10px;position:absolute;top:-6px;right:-40px}.road-layout{grid-template-columns:1fr 270px;gap:18px;display:grid}.road-list{gap:10px;display:grid}.road-list article{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:92px;padding:13px 15px;display:flex;position:relative}.road-list article.current{border:2px solid #5383e7;box-shadow:0 10px 30px #2869dd18}.road-list article.current:before{content:"HÔM NAY";background:var(--blue);color:#fff;border-radius:8px;padding:3px 7px;font-size:7px;font-weight:800;position:absolute;top:-8px;left:18px}.road-list article.locked{opacity:.62}.day-dot{width:42px;height:42px;color:var(--blue);background:#edf3ff;border-radius:13px;place-items:center;font-weight:800;display:grid}.complete .day-dot{color:var(--green);background:#e8faf2}.road-main{flex:1}.road-main small,.road-score small,.reward small{color:var(--muted);font-size:8px}.road-main h3{font:800 13px var(--font-nunito);margin:2px 0}.road-main p{color:var(--muted);margin:0;font-size:9px}.road-score,.reward{flex-direction:column;align-items:center;min-width:60px;display:flex}.road-score b{font-size:16px}.reward b{font-size:18px}.road-list article>button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:700}.status{color:var(--muted);text-align:center;min-width:74px;font-size:9px}.road-side{align-content:start;gap:13px;display:grid}.challenge-card{text-align:center;background:linear-gradient(160deg,#fff8e6,#fff);padding:20px}.challenge-card>span{color:#b27400;font-size:8px;font-weight:800}.challenge-card>.cat{margin:auto}.challenge-card h3{margin-bottom:6px}.challenge-card p{color:var(--muted);font-size:10px;line-height:1.6}.challenge-card button,.profile-grid .panel button{color:#fff;background:#f5a819;border:0;border-radius:10px;width:100%;padding:10px;font-size:9px;font-weight:800}.reward-panel{padding:18px}.reward-panel>div{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.reward-panel span{font-size:20px;display:grid}.reward-panel b{font-size:12px}.reward-panel small{color:var(--muted);font-size:7px}.lesson-page{max-width:1150px}.lesson-top{align-items:center;gap:20px;display:flex}.lesson-top>button{background:0 0;border:0;font-size:11px}.lesson-top>div{flex:1}.lesson-top small{font-size:9px;font-weight:800}.lesson-progress{background:#e3e8ef;border-radius:10px;height:5px;margin-top:5px}.lesson-progress i{background:var(--green);border-radius:10px;height:100%;display:block}.lesson-top>span{background:#fff6d9;border-radius:10px;padding:8px 11px;font-size:11px}.lesson-layout{grid-template-columns:1fr 220px;gap:18px;display:grid}.lesson-layout main{gap:15px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:27px;box-shadow:0 10px 35px #1c417b08}.lesson-tag{color:var(--blue);background:#e9f1ff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800}.lesson-tag.purple{color:var(--purple);background:#f0ebff}.lesson-tag.green{color:var(--green);background:#e9faf3}.lesson-card h1{font:800 26px var(--font-nunito);margin-bottom:8px}.lesson-card>p{color:var(--muted);font-size:12px}.order{justify-content:space-between;align-items:center;margin:23px 0;display:flex}.order>span{text-align:center;flex-direction:column;align-items:center;min-width:100px;display:flex}.order i{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid}.order b{margin-top:7px;font-size:10px}.order small{color:var(--muted);font-size:8px}.order em{color:#9aa8bb;font-style:normal}.example{border-left:3px solid var(--blue);background:#f5f8fd;border-radius:8px;gap:7px;padding:14px;display:grid}.example b{color:var(--blue);font-size:9px}.example span{font:700 18px var(--font-nunito)}.example mark{background:#fff0b9;border-radius:4px;padding:2px 5px}.example small{color:var(--muted);font-size:9px}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head>small,.card-head>span:last-child{color:var(--muted);font-size:9px}.flashcard{color:#fff;background:linear-gradient(135deg,#6f54ce,#9676ec);border:0;border-radius:16px;width:100%;height:150px;margin-top:15px;box-shadow:0 13px 30px #7657d533}.flashcard>span{font:800 20px var(--font-nunito);flex-direction:column;display:flex}.flashcard small{font:400 9px var(--font-vietnam);color:#e7dfff;margin-top:24px}.flashcard.flipped{background:linear-gradient(135deg,#1e63d9,#4788f4)}.quiz-block h2{font:800 20px var(--font-nunito)}.inline-answers{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.inline-answers button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;font-weight:800}.inline-answers button.correct{color:#087a51;background:#e9faf3;border-color:#71d1aa}.inline-answers button.wrong{color:#c43a25;background:#fff0ed;border-color:#f2a99a}.feedback{border-radius:13px;align-items:center;margin-top:13px;padding:8px 12px;display:flex}.feedback.success{background:#e9faf3}.feedback.hint{background:#fff6df}.feedback p{margin:0;font-size:10px;line-height:1.5}.complete-lesson{justify-self:end}.lesson-layout aside{align-content:start;gap:12px;display:grid}.streak,.lesson-nav{padding:18px}.streak{background:linear-gradient(150deg,#fff6df,#fff);flex-direction:column;display:flex}.streak span{font-size:20px;font-weight:800}.streak b{font-size:11px}.streak small{color:var(--muted);font-size:8px}.lesson-nav p{color:var(--muted);border-left:2px solid #e6eaf0;padding-left:9px;font-size:9px}.lesson-nav p.done{color:var(--green);border-color:var(--green)}.game-screen{background:#eaf5ff;min-height:100vh}.game-header{color:#fff;background:#142e5b;align-items:center;gap:20px;height:64px;padding:0 5%;display:flex}.game-header button{color:#fff;background:#ffffff0d;border:1px solid #ffffff35;border-radius:9px;padding:7px 11px;font-size:9px}.game-header>div{text-align:center;flex-direction:column;flex:1;display:flex}.game-header b{font-size:11px}.game-header small{color:#aebfe0;font-size:8px}.game-header>span{background:#ffffff13;border-radius:9px;padding:8px 11px;font-size:10px}.game-world{background:linear-gradient(#caeaff 0 47%,#9ad87a 47% 100%);min-height:650px;position:relative;overflow:hidden}.sky>span{color:#fff;opacity:.85;font-size:55px;position:absolute}.sky>span:first-child{top:55px;left:12%}.sky>span:nth-child(2){top:95px;right:14%}.sun{font-size:60px;position:absolute;top:25px;right:8%}.path{border-bottom:60px solid #d6b67f;border-radius:50%;justify-content:space-around;align-items:end;height:150px;padding:0 50px;display:flex;position:absolute;top:250px;left:12%;right:12%}.path>span{color:#fff;background:#c6a367;border:6px solid #e8d09e;border-radius:50%;place-items:center;width:60px;height:60px;font-weight:800;display:grid;position:relative;top:54px}.path>span.reached{background:#fff1a8;border-color:#f7ce43}.finish{font-size:70px;position:absolute;bottom:35px;right:-25px}.game-question{z-index:2;text-align:center;background:#fff;border-radius:22px;width:min(540px,90%);padding:20px;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #1a4c712e}.game-question small{color:var(--purple);font-size:8px;font-weight:800}.game-question h1{font:800 32px var(--font-nunito);margin:5px}.treasures{justify-content:center;gap:12px;display:flex}.treasures button{background:#eef5ff;border:2px solid #0000;border-radius:14px;padding:7px 18px;display:grid}.treasures button span{font-size:30px}.treasures button b{font-size:14px}.treasures button:hover{transform:translateY(-3px)}.treasures button.correct{border-color:var(--green);background:#e8faf2}.treasures button.wrong{background:#fff0ed;border-color:#e56c55}.game-question p{color:var(--muted);margin-bottom:0;font-size:9px}.win-screen{text-align:center;background:radial-gradient(circle at 50% 30%,#fff9d4,#e9f2ff 60%,#e6ddff);padding:65px}.win-screen>.cat{margin:auto;transform:scale(1.4)}.win-screen>span{color:#b17800;margin-top:25px;font-size:9px;font-weight:800;display:inline-block}.win-screen h1{font:800 34px var(--font-nunito);margin:9px}.win-screen>p{color:var(--muted);font-size:12px}.confetti{letter-spacing:20px;font-size:30px;animation:2s infinite float}.win-rewards{justify-content:center;gap:12px;margin:25px;display:flex}.win-rewards span{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:14px 24px;font-size:25px;display:grid}.win-rewards b{font-size:17px}.win-rewards small{color:var(--muted);font-size:8px}.exam-page{background:#f5f7fb;min-height:100vh}.exam-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:67px;padding:0 5%;display:flex}.exam-top>div{align-items:center;gap:10px;display:flex}.exam-top b{font-size:11px}.timer{font:800 17px var(--font-nunito);color:#c24a33;background:#fff1ed;border-radius:10px;padding:8px 13px}.exam-layout{grid-template-columns:1fr 260px;gap:18px;max-width:1100px;margin:0 auto;padding:25px 30px;display:grid}.exam-progress{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:9px;display:grid}.exam-progress>i{background:#dfe5ed;border-radius:10px;height:5px;overflow:hidden}.exam-progress b{background:var(--green);height:100%;display:block}.exam-question{border:1px solid var(--line);background:#fff;border-radius:19px;margin-top:14px;padding:28px}.exam-question>div:first-child{justify-content:space-between;display:flex}.exam-question>div span{color:var(--blue);font-size:9px;font-weight:800}.exam-question>div button{color:#9b6c07;background:0 0;border:0;font-size:9px}.exam-question h2{font:800 21px/1.45 var(--font-nunito);margin:25px 0}.question-map{padding:20px}.question-map>div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.question-map>div button{border:1px solid var(--line);background:#fff;border-radius:8px;height:35px;font-size:10px}.question-map>div button.answered{color:#087b52;background:#eafaf3;border-color:#75d1ad}.question-map>div button.current{background:var(--blue);color:#fff}.question-map>div button.marked:after{content:"•";color:var(--orange)}.question-map>p{color:var(--muted);font-size:8px;line-height:2}.dot{border-radius:50%;width:7px;height:7px;margin:0 3px;display:inline-block}.dot.answered{background:var(--green)}.dot.current{background:var(--blue)}.dot.marked{background:var(--orange)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10203d99;place-items:center;display:grid;position:fixed;inset:0}.modal{text-align:center;width:min(440px,90%);box-shadow:var(--shadow);background:#fff;border-radius:21px;padding:32px}.modal>span{font-size:35px}.modal h2{font:800 24px var(--font-nunito)}.modal p{color:var(--muted);font-size:12px;line-height:1.6}.modal>div{justify-content:center;gap:8px;margin-top:20px;display:flex}.report-hero{background:linear-gradient(110deg,#ecfff7,#eef5ff);border:1px solid #cceddf;border-radius:23px;align-items:center;min-height:190px;padding:30px 40px;display:flex}.report-hero>div:first-child{flex:1}.report-hero>div:first-child span{color:var(--green);font-size:9px;font-weight:800}.report-hero h1{font:800 30px var(--font-nunito);margin:6px 0}.report-hero p{color:var(--muted);font-size:12px}.big-score{background:radial-gradient(circle,#fff 62%,transparent 63%),conic-gradient(var(--green) 85%,#ccebdc 0);border-radius:50%;place-items:center;width:140px;height:140px;margin-right:30px;display:grid}.big-score span{font:800 35px var(--font-nunito);align-self:end}.big-score small{color:var(--muted);font-size:8px}.big-score b{color:var(--green);align-self:start;font-size:9px}.report-grid{grid-template-columns:1fr 280px;gap:15px;display:grid}.chart-panel,.readiness,.topic-report{padding:21px}.bar-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 46px,#eef1f6 47px);align-items:end;gap:20px;height:190px;margin-top:10px;padding:20px 30px 0;display:flex}.bar-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;height:100%;display:flex}.bar-chart span{background:linear-gradient(#78a7f5,#316dd9);border-radius:8px 8px 0 0;width:32px;position:relative}.bar-chart span b{font-size:8px;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.bar-chart small{color:var(--muted);margin-top:5px;font-size:8px}.readiness{text-align:center}.readiness-ring{background:radial-gradient(circle,#fff 60%,transparent 61%),conic-gradient(var(--blue) 85%,#e6ecf5 0);border-radius:50%;place-items:center;width:100px;height:100px;margin:10px auto;display:grid}.readiness-ring span{font:800 24px var(--font-nunito)}.readiness-ring small{font-size:10px}.readiness>b{color:var(--blue);font-size:12px}.readiness>p{color:var(--muted);font-size:9px;line-height:1.5}.topic-report{margin-top:15px}.topic-row{border-top:1px solid var(--line);grid-template-columns:160px 1fr 40px 100px;align-items:center;gap:10px;padding:10px 0;font-size:10px;display:grid}.topic-row>i{background:#edf0f5;border-radius:10px;height:7px}.topic-row>i span{background:var(--green);border-radius:10px;height:100%;display:block}.topic-row strong{font-size:10px}.topic-row em{color:#16835d;text-align:center;background:#e8faf2;border-radius:8px;padding:5px 7px;font-size:8px;font-style:normal}.topic-row em.orange{color:#b87900;background:#fff4dd}.insight-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.insight-grid article{gap:10px;padding:18px;display:flex}.insight-grid article>span{width:30px;height:30px;color:var(--green);background:#e8faf2;border-radius:9px;place-items:center;display:grid}.insight-grid h3{margin:0 0 7px;font-size:12px}.insight-grid p{color:var(--muted);margin:5px 0;font-size:9px}.insight-grid.confusion span{color:#ae7100;background:#fff4dd}.insight-grid .next>span{color:var(--purple);background:#f0ebff}.insight-grid button{color:var(--blue);background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.report-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.library-hero{color:#fff;text-align:center;background:linear-gradient(115deg,#174dcc,#7252cf);border-radius:24px;padding:45px}.library-hero span{color:#d6e1ff;letter-spacing:.1em;font-size:9px;font-weight:800}.library-hero h1{font:800 36px var(--font-nunito);margin:8px}.library-hero p{color:#d8e2ff;font-size:12px}.search{max-width:680px;color:var(--ink);background:#fff;border-radius:14px;margin:20px auto 0;padding:6px;display:flex;box-shadow:0 13px 30px #132d743b}.search>span{color:#8994a7;padding:7px;font-size:18px}.search input{border:0;outline:0;flex:1;font-size:11px}.search button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:0 18px;font-size:10px;font-weight:800}.filter-row{gap:8px;margin:18px 0;display:flex}.filter-row select,.filter-row button,.library-head select{border:1px solid var(--line);background:#fff;border-radius:10px;height:38px;padding:0 12px;font-size:10px}.library-head{justify-content:space-between;align-items:end;margin:26px 0 13px;display:flex}.library-head h2{font:800 23px var(--font-nunito);margin:0}.library-head p{color:var(--muted);margin:4px 0;font-size:10px}.docs-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.doc-card{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:120px 1fr;gap:15px;padding:12px;display:grid}.doc-cover{color:#fff;background:linear-gradient(145deg,#397bf2,#144ab7);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;height:150px;padding:10px;display:flex}.doc-cover.green{background:linear-gradient(145deg,#39b889,#087551)}.doc-cover.purple{background:linear-gradient(145deg,#916dec,#5836ae)}.doc-cover.orange{background:linear-gradient(145deg,#f6ac37,#d66a18)}.doc-cover span{background:#ffffff25;border-radius:4px;align-self:flex-start;padding:3px 5px;font-size:7px}.doc-cover i{font:800 38px var(--font-nunito)}.doc-cover small{font-size:6px}.doc-info{padding:5px 4px}.doc-info>span{color:var(--blue);font-size:8px;font-weight:800}.doc-info h3{font:800 13px/1.4 var(--font-nunito);margin:7px 0}.doc-info p,.doc-info>small{color:var(--muted);font-size:8px}.doc-info>div{gap:6px;margin-top:14px;display:flex}.doc-info button{padding:7px 9px;font-size:8px}.load-more{border:1px solid var(--line);background:#fff;border-radius:10px;margin:25px auto;padding:10px 17px;font-size:10px;display:block}.empty{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;padding:40px}.empty>span{font-size:35px}.empty h3{font:800 18px var(--font-nunito)}.empty p{color:var(--muted);font-size:10px}.empty button{color:var(--blue);background:0 0;border:0;font-size:10px;font-weight:800}.breadcrumbs{color:var(--muted);margin-bottom:16px;font-size:9px}.document-layout{grid-template-columns:1fr 360px;gap:25px;display:grid}.preview-page{background:#dfe5ed;border-radius:20px;padding:35px 70px 18px}.paper{text-align:center;color:#1f2a3c;background:#fff;min-height:560px;padding:55px 50px;box-shadow:0 12px 35px #1b2a4424}.paper small{font-size:8px}.paper h2{margin:25px 0 4px;font-size:16px}.paper h3{font-size:12px}.paper p{text-align:left;font:11px/2 Georgia,serif}.paper-blur{text-align:left;filter:blur(1px);border-top:1px solid #aaa;margin-top:25px;padding-top:15px;font:11px Georgia}.preview-controls{justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.preview-controls button{background:#fff;border:0;border-radius:7px;width:28px;height:28px}.preview-controls span{color:#566172;font-size:8px}.doc-detail>h1{font:800 27px/1.3 var(--font-nunito)}.doc-detail>p{color:var(--muted);font-size:11px;line-height:1.7}.pill{border-radius:10px;padding:6px 8px;font-size:8px;font-weight:800;display:inline-block}.pill.blue{background:var(--blue-light);color:var(--blue)}.doc-meta{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.doc-meta span{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;padding:10px;display:flex}.doc-meta small{color:var(--muted);font-size:8px}.doc-meta b{font-size:10px}.ai-study{flex-direction:column;align-items:center;width:100%;display:flex}.ai-study small{color:#d8e4ff;font-size:7px}.quality{background:#ecfaf4;margin-top:12px;padding:15px}.quality b{color:var(--green);font-size:9px}.quality p{color:var(--muted);margin-bottom:0;font-size:8px}.dash-welcome{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.dash-welcome small{color:var(--blue);font-size:9px;font-weight:800}.dash-welcome h1{font:800 29px var(--font-nunito);margin:5px 0}.dash-welcome p{color:var(--muted);font-size:11px}.daily{border:1px solid var(--line);background:#fff;border-radius:15px;display:flex}.daily span{border-right:1px solid var(--line);grid-template-columns:auto auto;gap:3px;padding:11px 17px;font-size:16px;display:grid}.daily span:last-child{border:0}.daily b{font-size:14px}.daily small{color:var(--muted);grid-column:1/-1;font-size:7px}.dash-grid{grid-template-columns:1fr 260px;gap:15px;display:grid}.dash-grid main{gap:14px;display:grid}.challenge-large{background:linear-gradient(120deg,#fff5dd,#fff0ca);border:1px solid #f0d79d;border-radius:22px;align-items:center;min-height:230px;padding:30px 35px;display:flex;overflow:hidden}.challenge-large>div{flex:1}.challenge-large span{color:#b37500;font-size:8px;font-weight:800}.challenge-large h2{font:800 25px var(--font-nunito);margin:8px 0}.challenge-large p{color:#766847;max-width:560px;font-size:11px;line-height:1.7}.challenge-large button{color:#fff;background:#ee9f14;border:0;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:800}.challenge-large>.cat{margin:30px;transform:scale(1.7)}.continue,.week{padding:20px}.current-lesson{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.current-lesson>span{background:var(--blue-light);width:43px;height:43px;color:var(--blue);border-radius:12px;place-items:center;font-weight:800;display:grid}.current-lesson>div{flex:1}.current-lesson small{color:var(--blue);font-size:8px}.current-lesson h3{margin:3px 0;font-size:13px}.current-lesson>div>div{background:#e4e9f1;height:4px}.current-lesson i{background:var(--blue);height:100%;display:block}.current-lesson button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:9px 12px;font-size:8px}.week>div{justify-content:space-between;display:flex}.week span{flex-direction:column;align-items:center;gap:5px;display:flex}.week i{background:#edf1f5;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;display:grid}.week span.done i{color:var(--green);background:#e8faf2}.week small{color:var(--muted);font-size:8px}.dash-grid aside{align-content:start;gap:13px;display:grid}.level-card,.mini-achievements{padding:20px}.level-card{text-align:center}.level-card>span{font-size:35px}.level-card>small{color:var(--muted);font-size:8px;display:block}.level-card h3{margin:4px}.level-card>div{background:#edf1f5;border-radius:8px;height:6px;margin:14px}.level-card i{background:var(--green);border-radius:8px;height:100%;display:block}.level-card p{color:var(--muted);font-size:8px}.mini-achievements>div{border-top:1px solid var(--line);gap:10px;padding:11px 0;display:flex}.mini-achievements>div span{font-size:24px}.mini-achievements p{margin:0;font-size:9px;display:grid}.mini-achievements small{color:var(--muted);font-size:7px}.parents-hero{background:linear-gradient(130deg,#eaf3ff,#f5efff);border-radius:25px;grid-template-columns:1fr 430px;align-items:center;gap:60px;min-height:400px;padding:55px;display:grid}.parents-hero>div:first-child>span{color:var(--purple);font-size:9px;font-weight:800}.parents-hero h1{font:800 35px/1.2 var(--font-nunito);margin:10px 0}.parents-hero>div:first-child>p{color:var(--muted);font-size:12px;line-height:1.7}.parent-card{box-shadow:var(--shadow);background:#fff;border:1px solid #fff;border-radius:20px;padding:23px;transform:rotate(1deg)}.parent-card>div:first-child{display:grid}.parent-card>div:first-child span{color:var(--blue);font-size:8px}.parent-card>div:first-child b{margin-top:4px;font-size:15px}.parent-stat{background:#f5f8fd;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid}.parent-stat span{text-align:center;padding:12px;display:grid}.parent-stat b{font-size:16px}.parent-stat small{color:var(--muted);font-size:7px}.parent-card>p{background:#fff6df;border-radius:11px;padding:12px;font-size:9px;line-height:1.6}.parent-features{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.parent-features article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px}.parent-features span{font-size:25px}.parent-features h3{font:800 15px var(--font-nunito)}.parent-features p{color:var(--muted);font-size:10px;line-height:1.7}.profile-banner{color:#fff;background:linear-gradient(115deg,#245edc,#7355cd);border-radius:22px;align-items:center;gap:18px;padding:35px;display:flex}.avatar.large{place-items:center;width:72px;height:72px;font-size:20px;display:grid}.profile-banner h1{font:800 26px var(--font-nunito);margin:0}.profile-banner p{color:#dbe4ff;font-size:10px}.profile-banner>div:nth-child(2){flex:1}.profile-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.profile-grid .panel{padding:24px}.badge-shelf{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.badge-shelf span{text-align:center;background:#f7f9fd;border-radius:12px;padding:12px 5px;font-size:27px}.badge-shelf small{font-size:7px;display:block}.profile-grid .panel>p{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:9px;display:flex}.profile-grid .panel>p span{color:var(--muted)}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#184ecb,#7252cb);flex-direction:column;justify-content:center;align-items:flex-start;padding:55px 10%;display:flex;position:relative;overflow:hidden}.brand.light{color:#fff}.brand.light small{color:#dbe5ff}.login-visual .brand{position:absolute;top:35px;left:8%}.login-visual>.cat{margin:20px 40px;transform:scale(1.7)}.login-visual h1{font:800 37px/1.2 var(--font-nunito)}.login-visual>p{color:#dbe4ff;font-size:12px}.login-form{width:min(390px,80%);margin:auto;position:relative}.login-form>.close{background:0 0;border:0;font-size:24px;position:absolute;top:-50px;right:-30px}.login-form>small{color:var(--blue);font-size:9px;font-weight:800}.login-form h1{font:800 30px var(--font-nunito);margin:7px 0}.login-form>p{color:var(--muted);font-size:10px}.login-form label{margin-top:13px}.login-form label input{margin-top:2px}.switch{text-align:center}.switch button{color:var(--blue);background:0 0;border:0;font-weight:800}.admin-page{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.admin-page>aside{color:#dbe5f8;background:#142d59;flex-direction:column;gap:5px;padding:25px 18px;display:flex}.admin-page>aside .brand{margin-bottom:25px}.admin-page>aside>button{color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;padding:11px;font-size:10px}.admin-page>aside>button.active{color:#fff;background:#ffffff17}.admin-page>aside>button:last-child{margin-top:auto}.admin-page>main{padding:35px}.admin-head{justify-content:space-between;display:flex}.admin-head small{color:var(--blue);font-size:8px;font-weight:800}.admin-head h1{font:800 29px var(--font-nunito);margin:4px 0}.admin-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.admin-stats span{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px;display:grid}.admin-stats small{color:var(--muted);font-size:8px}.admin-stats b{font-size:24px}.admin-stats em{color:var(--green);font-size:7px;font-style:normal}.admin-stats em.orange{color:var(--orange)}.admin-table{padding:20px;overflow:auto}.table-tools{gap:8px;margin-bottom:14px;display:flex}.table-tools input{border:1px solid var(--line);border-radius:9px;flex:1;height:38px;padding:0 10px}.table-tools button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 13px;font-size:9px}.admin-table table{border-collapse:collapse;width:100%;font-size:8px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px}.admin-table td{border-bottom:1px solid var(--line);padding:12px 10px}.admin-table td:first-child{display:grid}.admin-table td small{color:var(--muted)}.approved,.pending{color:var(--green);background:#e8faf2;border-radius:8px;padding:5px 8px}.pending{color:#ad7200;background:#fff4dd}.account-identity{border-bottom:1px solid var(--line);flex-direction:column;min-width:210px;padding:10px 12px;display:flex}.account-identity b{font-size:10px}.account-identity small{color:var(--muted);margin-top:2px;font-size:7px}.analysis-progress{background:#f4f7ff;border:1px solid #dbe5ff;border-radius:12px;margin:12px 0;padding:12px}.analysis-progress>div{color:var(--blue);justify-content:space-between;font-size:8px;font-weight:800;display:flex}.analysis-progress>i{background:#dfe7f7;border-radius:20px;height:6px;margin-top:8px;display:block;overflow:hidden}.analysis-progress>i span{background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:20px;height:100%;transition:width .25s;display:block}.form-error{color:#b63d2e;background:#fff1ee;border-radius:10px;padding:10px;font-size:8px;line-height:1.5}.storage-banner{background:#effbf6;border:1px solid #bfe8d8;border-radius:14px;align-items:center;gap:12px;margin:14px 0;padding:14px 17px;display:flex}.storage-banner.guest{background:#fff8e8;border-color:#f0d79d}.storage-banner>span{width:34px;height:34px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.storage-banner.guest>span{color:#b37500}.storage-banner b{font-size:10px}.storage-banner p{color:var(--muted);margin:4px 0 0;font-size:8px}.family-connect{max-width:480px;box-shadow:var(--shadow);background:#fff;border-radius:14px;grid-template-columns:1fr auto;gap:8px;margin-top:20px;padding:14px;display:grid}.family-connect label{font-size:8px;font-weight:800}.family-connect input{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;border-radius:9px;height:38px;margin-top:5px;padding:0 11px}.family-connect>button{align-self:end;height:38px}.family-connect>p{grid-column:1/-1;margin:2px 0!important;font-size:8px!important}.profile-grid label{color:var(--muted);margin:12px 0;font-size:8px;font-weight:800;display:block}.profile-grid select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;height:40px;margin-top:4px;padding:0 10px}.link-code{background:#eff5ff;border:1px dashed #9bb9f6;border-radius:12px;margin:14px 0;padding:12px}.link-code small{color:var(--blue);font-size:8px;display:block}.link-code b{font:800 20px var(--font-nunito);letter-spacing:.14em;margin:5px 0;display:block}.link-code p,.profile-message{color:var(--muted);margin:0!important;font-size:8px!important}.signout-link{padding:9px 12px;font-size:8px;text-decoration:none}.signed-account{background:#effbf6;border:1px solid #bfe8d8;border-radius:12px;align-items:center;gap:10px;margin:20px 0;padding:14px;display:flex}.signed-account>span{width:30px;height:30px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid}.signed-account div{display:grid}.signed-account b{font-size:9px}.signed-account small{color:var(--muted);font-size:7px}.auth-link{box-sizing:border-box;justify-content:center;align-items:center;margin-top:20px;text-decoration:none;display:flex}.text-signout{text-align:center;color:var(--muted);margin-top:15px;font-size:8px;display:block}.role-preview{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.role-preview span{text-align:center;background:#f6f8fc;border-radius:11px;gap:4px;padding:12px 6px;font-size:20px;display:grid}.role-preview b{font-size:8px}.role-preview small{color:var(--muted);font-size:6px;line-height:1.4}.privacy-copy{background:#f5f8fd;border-radius:10px;padding:11px!important;line-height:1.6!important}.access-card{text-align:center;max-width:620px;margin:80px auto;padding:50px}.access-card>span{font-size:45px}.access-card h1{font:800 28px var(--font-nunito)}.access-card p{color:var(--muted);font-size:10px;line-height:1.7}.admin-stats{grid-template-columns:repeat(4,1fr)}.release-badge{color:#9a6300;letter-spacing:.08em;background:#fff4dd;border-radius:999px;padding:8px 12px;font-size:8px;font-weight:900}.release-panel{padding:20px}.release-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;display:grid}.release-grid article{border:1px solid var(--line);background:#f9fbfe;border-radius:13px;min-height:150px;padding:14px;position:relative}.release-grid article>span{width:28px;height:28px;color:var(--green);background:#e9f9f2;border-radius:50%;place-items:center;font-weight:900;display:grid}.release-grid article.pilot>span{color:#a36b00;background:#fff4dd}.release-grid article.gate>span{color:#66738a;background:#edf1f6}.release-grid article>div{margin-top:12px;display:grid}.release-grid small{color:var(--blue);font-size:7px;font-weight:900}.release-grid b{margin:3px 0;font-size:10px}.release-grid p{color:var(--muted);font-size:7px;line-height:1.5}.release-grid em{color:var(--green);font-size:7px;font-style:normal;font-weight:800}.release-grid .pilot em{color:#a36b00}.release-grid .gate em{color:var(--muted)}.admin-columns{grid-template-columns:2fr 1fr;gap:14px;display:grid}.safety-panel{padding:20px}.safety-panel h3{font:800 15px var(--font-nunito)}.safety-panel ul{padding-left:18px}.safety-panel li{color:var(--muted);font-size:8px;line-height:1.8}.footer{color:#dce6f8;background:#132b54;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:45px max(30px,50% - 560px);display:grid}.footer>div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.footer>div b{font-size:10px}.footer button{color:#aebdd7;background:0 0;border:0;padding:0;font-size:9px}.footer>p{color:#8ea2c5;border-top:1px solid #ffffff17;grid-column:1/-1;padding-top:20px;font-size:8px}.mobile-nav{display:none}@media (max-width:1000px){.desktop-nav{display:none}.topbar{justify-content:space-between}.hero{grid-template-columns:1fr;padding:55px 35px}.hero-demo{padding:55px 10px 0}.demo-window{margin:auto}.steps-grid{grid-template-columns:1fr 1fr}.feature-band{grid-template-columns:1fr;gap:40px}.assistant-grid,.road-layout,.lesson-layout,.report-grid,.dash-grid,.parents-hero{grid-template-columns:1fr}.road-side,.lesson-layout aside,.dash-grid aside{grid-template-columns:1fr 1fr}.document-layout{grid-template-columns:1fr}.doc-detail{max-width:650px}.stat-grid{grid-template-columns:1fr 1fr}.exam-layout{grid-template-columns:1fr}.question-map{display:none}.admin-page{grid-template-columns:170px 1fr}.admin-stats,.release-grid{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}}@media (max-width:680px){body{padding-bottom:62px}.topbar{height:62px;padding:0 16px}.topbar .brand small,.stars,.bell{display:none}.hero{min-height:auto;padding:45px 20px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap;gap:7px 12px}.hero-demo{padding-top:45px}.float-badge{display:none}.section{padding:58px 18px}.section-head h2,.feature-copy h2{font-size:28px}.steps-grid,.game-grid,.quote-grid,.docs-grid,.insight-grid,.parent-features,.profile-grid{grid-template-columns:1fr}.feature-band{padding-left:18px;padding-right:18px}.topic-bars{right:0}.section-head.row{flex-direction:column;align-items:flex-start;gap:15px}.cta{flex-wrap:wrap;margin:45px 18px;padding:24px}.cta .cat{display:none}.cta h2{font-size:20px}.page{padding:30px 14px 65px}.page-title h1{font-size:25px}.assistant-grid,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.level-picks{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.analysis-summary{align-items:flex-start}.analysis-summary .cat{display:none}.next-bar{flex-wrap:wrap}.next-bar div{display:none}.quiz-card{padding:24px 18px}.quiz-card h2{font-size:20px}.survey-result{padding:25px 16px}.result-stats{grid-template-columns:1fr}.result-stats>span{border-right:0;border-bottom:1px solid var(--line)}.knowledge-split{grid-template-columns:1fr}.roadmap-hero{padding:24px}.roadmap-hero .cat{display:none}.road-layout{grid-template-columns:1fr}.road-list article{gap:7px}.road-score,.reward{display:none}.road-side,.lesson-layout aside,.dash-grid aside{grid-template-columns:1fr}.lesson-card{padding:20px 15px}.order{grid-template-columns:1fr 20px 1fr;gap:7px;display:grid}.order em:nth-of-type(2){display:none}.order>span:nth-of-type(4){grid-column:3}.inline-answers{grid-template-columns:1fr 1fr}.game-world{min-height:720px}.path{padding:0 15px;left:-5%;right:-5%}.game-question{top:35px}.game-header>div{display:none}.win-rewards{gap:5px}.win-rewards span{padding:10px}.exam-top>div b{display:none}.exam-layout{padding:18px 12px}.exam-question{padding:20px 15px}.report-hero{flex-wrap:wrap;padding:23px}.big-score{order:3;width:110px;height:110px;margin-top:15px}.report-hero>.cat{display:none}.topic-row{grid-template-columns:100px 1fr 35px}.topic-row em{display:none}.bar-chart{gap:8px;padding-left:8px;padding-right:8px}.library-hero{padding:30px 15px}.filter-row{overflow:auto}.filter-row select,.filter-row button{flex:none}.doc-card{grid-template-columns:90px 1fr}.doc-cover{height:130px}.preview-page{padding:20px 12px}.paper{padding:35px 20px}.document-layout{grid-template-columns:1fr}.dash-welcome{align-items:flex-start}.daily{display:none}.challenge-large{padding:25px 20px}.challenge-large>.cat{display:none}.parents-hero{grid-template-columns:1fr;padding:35px 20px}.parent-card{transform:none}.family-connect{grid-template-columns:1fr}.family-connect>p{grid-column:auto}.login-page{grid-template-columns:1fr}.login-visual{min-height:300px;padding:35px 25px}.login-visual .brand{left:25px}.login-visual>.cat{display:none}.login-visual h1{margin-top:70px;font-size:27px}.login-form{padding:45px 0}.role-preview,.release-grid{grid-template-columns:1fr}.access-card{margin:30px auto;padding:30px 18px}.admin-page{display:block}.admin-page>aside{display:none}.admin-page>main{padding:22px 12px}.admin-stats{grid-template-columns:1fr}.admin-table{font-size:7px}.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(5),.admin-table td:nth-child(5),.footer{display:none}.mobile-nav{z-index:60;border-top:1px solid var(--line);background:#fff;justify-content:space-around;height:62px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#78849a;background:0 0;border:0;place-items:center;padding:5px;font-size:8px;display:grid}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:var(--blue)}.login-page~.mobile-nav,.admin-page~.mobile-nav{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html,body,button,input,select,textarea,optgroup,.cat-face,.paper p,.paper-blur{font-family:var(--font-unicode)}