@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.0l2qk94b1u89y.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.01rdcbu-77uoy.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.0sn2213rkw2e_.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.0mrp_qm_8jqq_.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.05-22z7vt.jl1.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.0h6jagi-ln9qy.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.0p40-daftjh_g.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.07en.a1_ufzzv.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.0xhl7b6zs4.~j.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.0b_.2~bprftx..woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.0qxf2_hlpbci0.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.0czffigx~77c..woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.0k.rt6-fab6y0.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.08-6qa~ryw15i.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.09gf3ff1ir7gl.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/72a16e137f4c90fd-s.p.0hcgqcjesy-sc.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ac83d56547af7957-s.0lv7uah0r4ggt.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../media/00ea0ef410d3b1a3-s.p.0-9k.f54zhy35.woff2?dpl=dpl_ECArSvttcJKZA56ixoCrmN757cth)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_d49ee1de-module__tDp5tq__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_d49ee1de-module__tDp5tq__variable{--font-vietnamese-sans:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--background:#f7fbff;--surface:#fff;--ink:#102033;--muted:#65758b;--line:#dbe5ef;--teal:#008f7a;--blue:#2563eb;--sky:#38bdf8;--violet:#7c3aed;--purple:#9333ea;--orange:#ff7a1a;--green:#22c55e;--shadow:0 14px 34px #1a32521a}*{box-sizing:border-box}html{background:var(--background);color:var(--ink)}body{background:linear-gradient(180deg, #fff 0, #f7fbff 340px), var(--background);color:var(--ink);font-family:var(--font-vietnamese-sans), ui-sans-serif, system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button[aria-label="Open Next.js Dev Tools"]{display:none!important}.up-button{background:linear-gradient(135deg, var(--teal), #0db49f);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.88rem;font-weight:900;display:inline-flex}.brand-mark{color:var(--teal);align-items:center;gap:7px;font-weight:950;display:inline-flex}.brand-glyph{background:linear-gradient(135deg, var(--teal), var(--sky));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.brand-word{font-size:1.26rem;font-style:italic}
.learn-header{border-bottom:1px solid var(--line);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;gap:24px;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.learn-brand,.learn-header nav,.student-toolbar{align-items:center;gap:16px;display:flex}.learn-product-link{color:var(--blue);font-size:1.05rem;font-weight:950}.learn-header nav{color:#29445f;scrollbar-width:none;font-size:.9rem;font-weight:850;overflow-x:auto}.learn-header nav a{flex:none;align-items:center;min-height:74px;display:flex}.learn-header nav a.is-active{border-bottom:3px solid var(--blue);color:var(--blue)}.student-toolbar{color:#29445f;font-size:.86rem;font-weight:850}.student-toolbar button{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:10px;width:38px;height:38px}
.learn-app{max-width:1280px;margin:0 auto;padding:26px 28px 40px}.welcome-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:22px;display:grid}.learn-page-title{margin-bottom:18px}.learn-page-title h1{color:#13264a;margin:0 0 6px;font-size:1.9rem}.learn-page-title p{color:var(--muted);margin:0;line-height:1.55}.welcome-copy h1{color:#13264a;margin:0 0 6px;font-size:1.9rem}.welcome-copy p,.section-heading a,.panel-heading a,.homework-panel p,.summary-box p,.english-output p,.progress-strip p{color:var(--muted)}.welcome-copy p{margin:0}.student-metrics{gap:14px;display:flex}.student-metrics span{border:1px solid var(--line);box-shadow:var(--shadow);color:var(--muted);background:#fff;border-radius:14px;gap:4px;min-width:150px;padding:13px 16px;font-size:.82rem;display:grid}.student-metrics strong{color:#13264a;font-size:1.1rem}.class-overview,.study-tools,.tutor-panel,.homework-panel,.material-card,.flashcard-panel,.quiz-panel,.english-card,.progress-strip article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px}.class-overview,.study-tools,.tutor-panel,.homework-panel,.material-card,.english-card{padding:16px}.section-heading,.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2,.panel-heading h2,.study-tools h2,.flashcard-panel h2,.quiz-panel h2,.english-card h2{color:#13264a;margin:0;font-size:1.05rem}.section-heading a,.panel-heading a{font-size:.82rem;font-weight:900}.class-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.student-class,.join-class-card{border:1px solid var(--line);border-radius:14px;min-height:144px;padding:15px}.student-class{background:linear-gradient(135deg, #ffffffeb, var(--class-tint,#eff6ff));gap:10px;display:grid}.student-class.tone-green{--class-tint:#dcfce7}.student-class.tone-blue{--class-tint:#dbeafe}.student-class.tone-violet{--class-tint:#f3e8ff}.student-class h3,.student-class p{margin:0}.student-class h3{color:#13264a;font-size:1rem}.student-class p,.join-class-card span{color:var(--muted);font-size:.86rem}.class-progress{background:#e6eef7;border-radius:999px;height:8px;overflow:hidden}.class-progress span{background:linear-gradient(90deg, var(--teal), var(--blue));height:100%;display:block}.student-class strong{color:var(--teal);justify-self:end}.join-class-card{border-style:dashed;place-items:center;gap:9px;display:grid}.join-class-card strong{color:var(--blue);font-size:2.3rem;line-height:1}.join-class-card label{color:var(--teal);font-size:.78rem;font-weight:950}input,textarea{border:1px solid var(--line);color:var(--ink);background:#fbfdff;border-radius:9px;outline:none;width:100%;min-height:38px;padding:9px 10px}textarea{resize:vertical}.join-status{color:#08705f;background:#e7fff6;border-radius:10px;margin:12px 0 0;padding:10px;font-size:.86rem;font-weight:850}.study-tools{margin-top:16px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:13px;display:flex}.tool-card>span{background:color-mix(in srgb, var(--tone,var(--blue)) 14%, white);border-radius:12px;width:42px;height:42px}.tone-blue{--tone:var(--blue)}.tone-violet,.tone-purple{--tone:var(--violet)}.tone-orange{--tone:var(--orange)}.tone-sky{--tone:var(--sky)}.tone-muted{--tone:#94a3b8}.tool-card h3,.tool-card p{margin:0}.tool-card h3{color:var(--blue);font-size:.92rem}.tool-card p{color:var(--muted);margin-top:4px;font-size:.82rem}
.learning-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-top:16px;display:grid}.chat-window{gap:10px;margin-bottom:12px;display:grid}.bubble{border-radius:14px;padding:10px 12px;font-size:.9rem;line-height:1.45}.bubble.assistant{color:#29445f;background:#f4f8ff;justify-self:start;max-width:82%}.bubble.student{background:var(--blue);color:#fff;justify-self:end;max-width:72%}.tutor-panel{gap:10px;display:grid}.homework-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.homework-panel li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.homework-panel li>span{border:2px solid var(--blue);border-radius:50%;width:18px;height:18px}.homework-panel strong,.homework-panel p{margin:0;display:block}.homework-panel strong{color:#13264a;font-size:.88rem}.homework-panel p{margin-top:3px;font-size:.8rem}.practice-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr) minmax(280px,.9fr);gap:16px;margin-top:16px;display:grid}.upload-button{color:#fff;cursor:pointer;background:#0f2034;border-radius:999px;padding:9px 12px;font-size:.8rem;font-weight:900}.upload-button input{display:none}.summary-box{background:linear-gradient(135deg,#e7fff6,#fff7d6);border-radius:12px;padding:16px}.summary-box span{color:var(--teal);font-weight:950}.summary-box h3{color:#13264a;margin:18px 0 6px}.summary-box p{margin:0;line-height:1.55}.flash-quiz-grid{grid-template-columns:.85fr 1.15fr;gap:16px;display:grid}.flash-quiz-grid.single-panel{grid-template-columns:minmax(0,1fr)}.flashcard-panel,.quiz-panel{padding:16px}.flashcard{color:#13264a;cursor:pointer;text-align:center;background:linear-gradient(135deg,#f3e8ff,#dbeafe);border:0;border-radius:16px;place-items:center;width:100%;min-height:150px;padding:16px;font-size:1rem;display:grid}.flashcard.is-flipped{background:linear-gradient(135deg,#e7fff6,#dbeafe)}.flashcard-panel small{color:var(--muted);text-align:center;margin-top:10px;display:block}.quiz-panel p{color:var(--muted);line-height:1.45}.choice-list{gap:8px;display:grid}.choice-list button{border:1px solid var(--line);color:#29445f;cursor:pointer;text-align:left;background:#f8fbff;border-radius:9px;min-height:38px;padding:8px 10px;font-size:.84rem;font-weight:850}.choice-list button.is-selected{color:var(--teal);background:#e7fff6;border-color:#87d9ca}.feedback{color:#9f1d16;background:#ffe9e6;border-radius:9px;padding:9px;font-size:.84rem;font-weight:850}.feedback.good{color:#08705f;background:#e7fff6}.english-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.english-tabs button{border:1px solid var(--line);color:var(--blue);background:#eff6ff;border-radius:999px;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:900}.english-tabs button.is-active{background:var(--blue);color:#fff}.english-output{background:linear-gradient(135deg,#eff6ff,#fff7d6);border-radius:12px;padding:14px}.english-output strong{color:var(--blue)}.english-output p{margin:8px 0 0;line-height:1.55}.progress-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.progress-strip article{padding:16px}.progress-strip span,.progress-strip p{font-size:.84rem}.progress-strip strong{color:#13264a;margin:6px 0 2px;font-size:1.25rem;display:block}.progress-strip p{margin:0}
@media (max-width:1120px){.class-card-grid,.tool-grid,.progress-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-grid{grid-template-columns:1fr}}@media (max-width:860px){.learn-header{align-items:flex-start;height:auto;padding:16px}.learn-header,.learn-header nav,.student-toolbar,.welcome-grid,.learning-grid{flex-wrap:wrap}.welcome-grid,.learning-grid{grid-template-columns:1fr}.learn-app{padding:20px 16px 34px}}@media (max-width:620px){.learn-header nav{order:3;width:100%}.student-toolbar{width:100%}.student-metrics,.section-heading,.panel-heading{flex-direction:column;align-items:flex-start}.class-card-grid,.tool-grid,.flash-quiz-grid,.progress-strip{grid-template-columns:1fr}}