@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-italic.1ymvw8tmqwo_9.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-italic.2xfwkckxizj7s.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-italic.0psn95x5q5t7r.woff2)format("woff2-variations");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}
:root{--enamel:#12307f;--enamel-deep:#0c2260;--ink:#0b1840;--muted:#47557a;--sky:#dceefa;--sky-soft:#eef6fc;--paper:#fbfdff;--line:#c6d6ea;--ok:#0b7a53;--ok-soft:#e2f4ec;--bad:#b3122a;--bad-soft:#fbe8eb;--sans:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Newsreader Variable", Georgia, "Times New Roman", serif;--wrap:68rem;--gutter:clamp(1.1rem, 4vw, 2.5rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:1.0625rem;line-height:1.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-.015em;font-size:clamp(1.75rem,4.6vw,2.6rem);font-weight:700;line-height:1.12}h2{letter-spacing:-.01em;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;line-height:1.2}h3{font-size:1.125rem;font-weight:650}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #1c7ed6}.own{font-family:var(--serif);font-style:italic}.lead{color:var(--muted);max-width:34rem;font-size:1.1875rem}.note{color:var(--muted);font-size:.95rem}.link{text-underline-offset:.2em}.plate{background:var(--enamel);color:#fff;letter-spacing:-.02em;box-shadow:inset 0 0 0 .05em var(--enamel), inset 0 0 0 .09em #ffffffeb;border-radius:.16em;padding:.34em .55em .4em;font-weight:800;line-height:1;display:inline-block}.plate-xl{margin-bottom:1.6rem;font-size:clamp(2.6rem,10.5vw,5.6rem)}.plate-sub{letter-spacing:0;color:#d5e6fb;margin-top:.3em;font-size:.34em;font-weight:400;display:block}.plate-md{font-size:clamp(1.6rem,6vw,2.2rem)}.btn{cursor:pointer;background:var(--enamel);color:#fff;font:inherit;box-shadow:inset 0 0 0 2px var(--enamel), inset 0 0 0 3.5px #ffffffd9;border:0;border-radius:.5rem;padding:.8em 1.25em;font-weight:650;text-decoration:none;display:inline-block}.btn:hover{background:var(--enamel-deep)}.btn:disabled{opacity:.45;cursor:default}.site-header{max-width:var(--wrap);padding:.9rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;margin:0 auto;display:flex}.logo{border-radius:.3rem;line-height:0;display:block}.logo img{width:auto;height:2.9rem;display:block;translate:0 8%}.langs{flex-wrap:wrap;gap:.2rem 1rem;font-size:.95rem;display:flex}.langs a{color:var(--muted);padding:.35rem 0;text-decoration:none}.langs a:hover{text-decoration:underline}.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--enamel);font-weight:650}.site-footer{max-width:var(--wrap);padding:2rem var(--gutter) 3rem;color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:1rem 1.25rem;margin:clamp(2.5rem,7vw,4.5rem) auto 0;font-size:.95rem;display:flex}.site-footer>img{flex:none;width:2.5rem;height:2.5rem}.site-footer>div{flex:16rem;gap:.35rem;max-width:44rem;display:grid}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.5rem;display:flex}.footer-links a{color:var(--ink);text-underline-offset:.2em;padding:.3rem 0}.hero{background:var(--sky)}.hero-inner{max-width:var(--wrap);padding:clamp(2rem, 6vw, 4.5rem) var(--gutter);gap:2.5rem;margin:0 auto;display:grid}.hero-main h1{max-width:22ch;margin-bottom:.9rem}.hero-cta{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.6rem;display:flex}.hero-try{background:var(--paper);border-radius:.9rem;align-self:start;padding:1.4rem}.hero-try h2{margin-bottom:.9rem;font-size:1.05rem}.band{max-width:var(--wrap);padding:clamp(2.2rem, 6vw, 3.8rem) var(--gutter) 0;margin:0 auto}.band>h2{margin-bottom:1.3rem}.band>.note{margin-top:1rem}.features{gap:1.6rem 2.5rem;display:grid}.features h3{margin-bottom:.3rem}.features p{color:var(--muted)}.lessons{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lessons li{border-bottom:1px solid var(--line)}.lessons a,.lesson-locked{grid-template-columns:4.6rem 1fr;align-items:baseline;gap:.1rem .75rem;padding:.85rem .25rem;text-decoration:none;display:grid}.lessons a:hover .lesson-name{text-underline-offset:.2em;text-decoration:underline}.lesson-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.95rem}.lesson-name{font-weight:600}.lesson-locked .lesson-name{color:var(--muted);font-weight:400}.tag{color:var(--ok);grid-column:2;font-size:.875rem;font-weight:600}.tag.is-locked{color:var(--muted);font-weight:400}.levels{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.level{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:.9rem 1rem;padding:1.3rem .25rem;display:grid}.level-plate{text-align:center;min-width:1.75em;padding:.3em .3em .36em;font-size:1.5rem}.level-text{gap:.3rem;max-width:34rem;display:grid}.level-go{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem 1rem;display:flex}.hero-more{margin-top:.9rem}.lesson-group+.lesson-group{margin-top:2rem}.lesson-group h3{margin-bottom:.7rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson{max-width:44rem;padding:1.5rem var(--gutter) 1rem;margin:0 auto}.crumb{margin-bottom:1.4rem;font-size:.95rem}.lesson h1 .lesson-number{letter-spacing:0;margin-bottom:.3rem;font-size:1rem;font-weight:500;display:block}.lesson .lead{margin-top:.8rem}.lesson h2{margin:2.6rem 0 .9rem}.explain{gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.remember{background:var(--sky-soft);border-left:4px solid var(--enamel);border-radius:0 .4rem .4rem 0;margin-top:1.1rem;padding:.9rem 1.1rem}.vocab{border-collapse:collapse;width:100%}.vocab th,.vocab td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);width:50%;padding:.6rem .75rem .6rem 0}.vocab thead th{color:var(--muted);font-size:.875rem;font-weight:500}.vocab tbody th{color:var(--enamel);font-weight:650}.vocab td{font-size:1.125rem}.lesson-next{margin-top:2.2rem}.quiz{gap:1.1rem;display:grid}.lesson .quiz{background:var(--sky-soft);border-radius:.9rem;padding:clamp(1.1rem,4vw,1.8rem)}.quiz-progress{color:var(--muted);gap:.45rem;font-size:.9rem;display:grid}.quiz-bar{background:#cfdff1;border-radius:3px;height:6px;display:block;overflow:hidden}.quiz-bar span{background:var(--enamel);height:100%;transition:width .25s;display:block}.quiz-question:focus{outline:none}.quiz-instruction{color:var(--muted);margin-bottom:.6rem;font-size:.95rem}.quiz-own{font-size:clamp(1.45rem,5.5vw,1.9rem);line-height:1.2}.opts{gap:.6rem;display:grid}.opt{appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:.6rem;padding:.75rem 1rem;font-size:1.2rem;line-height:1.25}.opt-lb{font-family:var(--sans);color:var(--enamel);font-size:1.1rem;font-weight:650}.opt:hover{border-color:var(--enamel)}.opt[aria-disabled]{cursor:default}.opt.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ink)}.opt.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--ink)}.opt.is-rest{opacity:.55;border-color:var(--line)}.type label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.type-row{flex-wrap:wrap;gap:.6rem;display:flex}.type input{min-width:0;font:inherit;color:var(--enamel);border:2px solid var(--line);background:#fff;border-radius:.6rem;flex:12rem;padding:.7rem .9rem;font-size:1.15rem;font-weight:650}.build{justify-items:start;gap:.9rem;display:grid}.build-line{border:2px dashed var(--line);background:#fff;border-radius:.6rem;flex-wrap:wrap;align-content:flex-start;gap:.45rem;width:100%;min-height:3.5rem;padding:.5rem;display:flex}.build-pool{flex-wrap:wrap;gap:.45rem;display:flex}.tile{appearance:none;cursor:pointer;font:inherit;color:var(--enamel);border:2px solid var(--line);background:#fff;border-radius:.5rem;padding:.45rem .75rem;font-weight:650}.tile:hover{border-color:var(--enamel)}.tile.is-placed{background:var(--enamel);border-color:var(--enamel);color:#fff}.quiz-foot{justify-items:start;gap:.8rem;min-height:1px;display:grid}.feedback{font-weight:600}.feedback.is-correct,.feedback.is-almost{color:var(--ok)}.feedback.is-wrong{color:var(--bad)}.feedback strong{color:var(--ink);font-weight:700}.quiz-result{font-size:1.4rem}.quiz-result:focus{outline:none}.quiz-score{font-size:1.2rem}.quiz-actions{flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;display:flex}@media (min-width:52rem){.level{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem}.level-go{flex-direction:column;grid-column:auto;align-items:flex-end;gap:.4rem;min-width:13rem}.hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:3.5rem}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.lessons a,.lesson-locked{grid-template-columns:4.6rem 1fr auto}.tag{grid-column:auto}}@media (prefers-reduced-motion:reduce){.quiz-bar span{transition:none}}.gate{background:var(--sky-soft);border-radius:.9rem;justify-items:start;gap:1rem;margin-top:2rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.gate h2{margin:0}.plans{gap:1rem;width:100%;display:grid}.plan{border:2px solid var(--line);background:#fff;border-radius:.8rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.2rem;display:flex}.plan-price{letter-spacing:-.01em;font-size:1.5rem;font-weight:750}.plan .btn{text-align:center;width:100%;margin-top:auto}.plan .note{margin-bottom:.5rem}.plan-price{margin-bottom:.4rem}.price-band{background:var(--sky);border-radius:.9rem;justify-items:start;gap:.9rem;padding:clamp(1.4rem,4vw,2.2rem);display:grid}.price-band p{max-width:40rem}.notice{color:#5a4200;background:#fff4d6;border-radius:.5rem;padding:.7rem 1rem;font-size:.95rem}.meter{z-index:2;background:var(--enamel);color:#fff;border-radius:999px;gap:.75rem;width:fit-content;margin:0 0 1rem auto;padding:.35rem .8rem;font-size:.9rem;font-weight:600;display:flex;position:sticky;top:.6rem}.meter a{color:#fff;text-underline-offset:.2em}.account{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:2.5rem;font-size:.95rem;display:flex}.account button{appearance:none;font:inherit;color:var(--ink);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (min-width:40rem){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}.prose h2{margin:2.2rem 0 .6rem;font-size:1.25rem}.prose p,.prose ul{max-width:38rem;margin:0 0 .9rem}.prose .lead{margin:.8rem 0 0}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.3rem}.prose a{text-underline-offset:.2em}.prose code{background:var(--sky-soft);border-radius:.25rem;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.prose>.note{margin-top:2.2rem}.seller{background:var(--sky-soft);border-radius:.6rem;width:fit-content;max-width:100%;margin:0 0 .9rem;padding:.9rem 1.1rem;font-style:normal}.test-cta{gap:1rem;max-width:34rem;margin-bottom:2.4rem;display:grid}.test-cta>p:first-child{font-size:1.1875rem}.test-go,.placement-go{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.levels-own{color:var(--muted);margin-bottom:.8rem}.btn-quiet{color:var(--enamel);box-shadow:inset 0 0 0 2px var(--enamel);background:0 0}.btn-quiet:hover{background:var(--sky)}.placement{margin-top:1.8rem}.plate-line{letter-spacing:-.01em;font-size:clamp(1.2rem,4.8vw,1.6rem);line-height:1.2}.skip{appearance:none;font:inherit;color:var(--muted);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.3rem 0;text-decoration:underline}.skip:hover{color:var(--ink)}.placement-head{align-items:center;gap:1rem;display:flex}.placement-head .quiz-instruction{margin-bottom:.15rem}.placement-head h2{margin:0}.placement-plate{text-align:center;flex:none;min-width:1.7em;font-size:2.6rem}.placement-what{gap:.3rem;display:grid}