.htp-u1-cdc{--cdc-navy:#123a6d;--cdc-ink:#17324f;--cdc-blue:#edf6fb;--cdc-line:#cbdde4;--cdc-coral:#a64046;--cdc-green:#e8f5ee;--cdc-vi:#4d6077;--cdc-secondary:#52657a;--cdc-vi-navy:#cce2f6;--cdc-error:#fbecec;--cdc-near:#fff8df;--cdc-disabled:#e7edf1;width:100%;max-width:1320px;margin-inline:auto;color:var(--cdc-ink);font-family:Inter,"Noto Sans",Arial,sans-serif;font-size:16px;line-height:1.6}.htp-u1-cdc,.htp-u1-cdc *{box-sizing:border-box}.htp-u1-cdc [hidden]{display:none!important}.htp-u1-cdc [lang=fr]{color:var(--cdc-ink)}.htp-u1-cdc [lang=vi]{color:var(--cdc-vi);font-family:"Noto Sans",Inter,Arial,sans-serif}.htp-u1-cdc .is-secondary{color:var(--cdc-secondary)}.htp-u1-cdc :is(button,a,input):focus-visible{outline:3px solid #0f3975!important;outline-offset:3px}.htp-u1-cdc :is(button,a){transition:filter .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.htp-u1-cdc :is(button,a):not(:disabled):hover{filter:brightness(.94)}.htp-u1-cdc button:disabled{border-color:#cbdde4!important;color:var(--cdc-secondary)!important;background:var(--cdc-disabled)!important;opacity:1!important;cursor:not-allowed!important}.htp-u1-cdc button:disabled :is(small,[lang=vi]){color:var(--cdc-secondary)!important}.htp-bai-one-experience{width:min(100%,1440px);margin-inline:auto;padding:24px clamp(18px,4vw,52px) 92px;border-color:var(--cdc-line,#cbdde4);background:#f8fbfc;font-family:Inter,"Noto Sans",Arial,sans-serif}.htp-u1-cdc-hero{padding:clamp(28px,5vw,48px)!important;border:1px solid var(--cdc-line)!important;border-radius:26px!important;color:var(--cdc-ink);background:#fff!important;box-shadow:0 14px 34px rgba(18,58,109,.08)!important}.htp-u1-cdc-hero .htp-kicker{color:var(--cdc-coral)!important}.htp-u1-cdc-hero h1{max-width:820px;margin:8px 0;color:var(--cdc-navy)!important;font-size:clamp(40px,5vw,64px)!important;line-height:1.05!important}.htp-u1-cdc-hero>p{max-width:820px;margin:7px 0;line-height:1.6}.htp-u1-cdc-hero>p[lang=fr]{color:var(--cdc-ink)!important;font-size:18px;font-weight:750}.htp-u1-cdc-hero>p[lang=vi]{color:var(--cdc-vi)!important;font-size:15px}.htp-u1-cdc .htp-lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.htp-u1-cdc .htp-lesson-meta span{display:flex;align-items:center;gap:4px 7px;padding:8px 12px!important;border:1px solid var(--cdc-line)!important;border-radius:999px;color:var(--cdc-navy)!important;background:var(--cdc-blue)!important;box-shadow:none!important}.htp-u1-cdc .htp-lesson-meta b{color:var(--cdc-navy)!important}.htp-u1-cdc .htp-lesson-meta small{color:var(--cdc-vi)!important;font-size:12px}.htp-u1-cdc>.htp-u1-final-tabs{position:relative!important;top:auto!important;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 10px;padding:8px;border:1px solid var(--cdc-line)!important;border-radius:18px;background:#fff!important;box-shadow:none!important}.htp-u1-cdc>.htp-u1-final-tabs button{min-width:0;min-height:64px;padding:10px 14px;border:1px solid var(--cdc-line)!important;border-radius:13px;color:var(--cdc-navy)!important;background:var(--cdc-blue)!important;font:inherit;cursor:pointer}.htp-u1-cdc>.htp-u1-final-tabs button b,.htp-u1-cdc>.htp-u1-final-tabs button small{display:block}.htp-u1-cdc>.htp-u1-final-tabs button small{margin-top:2px;color:var(--cdc-secondary)!important;font-size:13px}.htp-u1-cdc>.htp-u1-final-tabs button.is-active{border-color:var(--cdc-navy)!important;color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc>.htp-u1-final-tabs button.is-active b{color:#fff!important}.htp-u1-cdc>.htp-u1-final-tabs button.is-active small{color:var(--cdc-vi-navy)!important}.htp-u1-cdc-phases{position:relative!important;top:auto!important;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px;margin:0 0 18px;padding:7px;border:1px solid var(--cdc-line)!important;border-radius:16px;background:#fff!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important}.htp-u1-cdc-phases span{min-width:0;padding:9px 8px;border:1px solid transparent;border-radius:10px;color:var(--cdc-secondary)!important;text-align:center}.htp-u1-cdc-phases :is(b,small){display:block}.htp-u1-cdc-phases small{color:var(--cdc-secondary)!important;font-size:12px}.htp-u1-cdc-phases span.is-active{border-color:var(--cdc-navy);color:#fff!important;background:var(--cdc-navy)}.htp-u1-cdc-phases span.is-active b{color:#fff!important}.htp-u1-cdc-phases span.is-active small{color:var(--cdc-vi-navy)!important}.htp-u1-cdc-phases span.is-done{border-color:#cbdde4;color:#185a35!important;background:var(--cdc-green)}.htp-u1-cdc-phases span.is-done small{color:#185a35!important}.htp-u1-cdc-progress{position:relative;width:min(100%,1080px);height:7px;margin:18px auto 32px;border-radius:999px;background:var(--cdc-line)!important}.htp-u1-cdc-progress i{display:block;height:100%;border-radius:inherit;background:var(--cdc-coral)!important}.htp-u1-cdc-progress span{position:absolute;top:13px;right:0;color:var(--cdc-secondary)!important;background:#f8fbfc;font-size:12px}.htp-u1-cdc-screen{width:min(100%,1080px);margin-inline:auto;overflow:hidden;border:1px solid var(--cdc-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 30px rgba(18,58,109,.07)!important}.htp-u1-cdc-screen__header{display:flex;align-items:center;gap:16px;padding:20px clamp(18px,3vw,28px)!important;border-bottom:1px solid var(--cdc-line)!important;background:var(--cdc-blue)!important}.htp-u1-cdc-screen__header>span{display:grid;flex:0 0 46px;height:46px;place-items:center;border-radius:12px!important;color:#fff!important;background:var(--cdc-coral)!important}.htp-u1-cdc-screen__header h2{margin:0;color:var(--cdc-navy)!important;font-size:clamp(26px,3vw,34px)!important;line-height:1.2}.htp-u1-cdc-screen__header p{margin:4px 0 0;color:var(--cdc-vi)!important;font-size:15px}.htp-u1-cdc-screen__body{padding:clamp(20px,3vw,28px)!important}.htp-u1-cdc-screen__body p[lang=fr]{color:var(--cdc-ink)!important;font-size:17px;line-height:1.65}.htp-u1-cdc-screen__body p[lang=vi]{color:var(--cdc-vi)!important;font-size:15px;line-height:1.6}.htp-u1-cdc-screen__nav{display:flex;justify-content:space-between;gap:12px;padding:16px clamp(18px,3vw,28px)!important;border-top:1px solid var(--cdc-line)!important;background:#f8fbfc!important}.htp-u1-cdc-screen__nav button{min-width:160px;min-height:48px;padding:9px 16px;border:1px solid var(--cdc-navy)!important;border-radius:11px;color:#fff!important;background:var(--cdc-navy)!important;font:inherit;font-weight:800}.htp-u1-cdc-screen__nav button small{display:block;color:var(--cdc-vi-navy)!important;font-size:12px}.htp-u1-cdc-screen__nav button:first-child{color:var(--cdc-navy)!important;background:#fff!important}.htp-u1-cdc-screen__nav button:first-child small{color:var(--cdc-secondary)!important}.htp-u1-cdc-welcome{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:clamp(24px,4vw,40px)}.htp-u1-cdc-welcome figure{margin:0;overflow:hidden;border:1px solid var(--cdc-line);border-radius:18px;background:var(--cdc-blue)}.htp-u1-cdc-welcome img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}.htp-u1-cdc-welcome h3{margin:0;color:var(--cdc-navy)!important;font-size:clamp(28px,3vw,40px)}.htp-u1-cdc-howto{margin-top:16px;padding:14px;border:1px solid var(--cdc-line)!important;border-radius:14px;background:var(--cdc-blue)!important}.htp-u1-cdc-howto h4{margin:0 0 9px;color:var(--cdc-navy)}.htp-u1-cdc-howto ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0}.htp-u1-cdc-howto li{list-style:none;padding:8px;border:1px solid var(--cdc-line);border-radius:10px;background:#fff}.htp-u1-cdc-howto li strong{display:block;color:var(--cdc-navy);font-size:13px}.htp-u1-cdc-howto li small{display:block;color:var(--cdc-vi);font-size:12px}.htp-u1-cdc-howto>p{margin:10px 0 0;font-size:13px}.htp-u1-cdc-welcome__actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;margin-top:16px}.htp-u1-cdc-welcome__actions .htp-core-button{min-height:48px}.htp-u1-cdc-welcome__actions .htp-core-button:first-child{color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc-welcome__actions .htp-core-button:first-child small{color:var(--cdc-vi-navy)!important}.htp-u1-cdc-welcome__actions .htp-core-button--secondary{border:1px solid var(--cdc-navy)!important;color:var(--cdc-navy)!important;background:#fff!important}.htp-u1-cdc-notion{overflow:hidden;border:1px solid var(--cdc-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}.htp-u1-cdc-notion__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px;padding:7px;border-bottom:1px solid var(--cdc-line)!important;background:var(--cdc-blue)!important;overflow:visible!important}.htp-u1-cdc-notion__tabs button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;min-width:0!important;min-height:68px;padding:10px;border:1px solid var(--cdc-line)!important;border-radius:12px;color:var(--cdc-navy)!important;background:#fff!important;text-align:left}.htp-u1-cdc-notion__tabs button>span{display:grid;grid-row:1/3;width:30px;height:30px;place-items:center;border:1px solid var(--cdc-line);border-radius:50%}.htp-u1-cdc-notion__tabs button>b{color:var(--cdc-navy)!important;font-size:14px;line-height:1.2}.htp-u1-cdc-notion__tabs button>small{color:var(--cdc-secondary)!important;font-size:12px;line-height:1.2}.htp-u1-cdc-notion__tabs button.is-active{border-color:var(--cdc-navy)!important;color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc-notion__tabs button.is-active>:is(span,b){color:#fff!important}.htp-u1-cdc-notion__tabs button.is-active>small{color:var(--cdc-vi-navy)!important}.htp-u1-cdc-notion__panels{padding:clamp(18px,3vw,28px)!important}.htp-u1-cdc-explanation{margin:0 0 20px;padding:18px 20px!important;border-left:5px solid var(--cdc-coral)!important;border-radius:12px;color:var(--cdc-ink)!important;background:#f8fbfc!important}.htp-u1-cdc-explanation>strong{display:block;margin-bottom:7px;color:var(--cdc-coral)!important}.htp-u1-cdc-explanation p[lang=fr]{color:var(--cdc-ink)!important;font-size:17px}.htp-u1-cdc-explanation p[lang=vi]{color:var(--cdc-vi)!important;font-size:15px}.htp-u1-cdc :is(.htp-u1-cdc-language-grid article,.htp-u1-cdc-structures article,.htp-u1-cdc-dialogue,.htp-u1-cdc-question,.htp-u1-cdc-input){border-color:var(--cdc-line)!important;background:#fff!important;box-shadow:none!important}.htp-u1-cdc-micro{margin-top:24px;padding:clamp(18px,3vw,24px);border:1px solid var(--cdc-line)!important;border-radius:18px;background:var(--cdc-green)!important}.htp-u1-cdc-micro>h3{color:var(--cdc-navy)!important}.htp-u1-cdc-micro>h3 small{color:var(--cdc-vi)!important}.htp-u1-cdc-options button{min-height:44px;border-color:var(--cdc-line)!important;color:var(--cdc-navy)!important;background:#fff!important}.htp-u1-cdc-options button.is-correct{border-color:#287147!important;color:#185a35!important;background:var(--cdc-green)!important}.htp-u1-cdc-options button.is-wrong{border-color:var(--cdc-coral)!important;color:#762c32!important;background:var(--cdc-error)!important}.htp-u1-cdc input{min-height:46px;color:var(--cdc-ink);background:#fff}.htp-u1-cdc input.is-correct{border-color:#287147!important;background:var(--cdc-green)!important}.htp-u1-cdc input.is-wrong{border-color:var(--cdc-coral)!important;background:var(--cdc-error)!important}.htp-u1-cdc input.is-near{border-color:#9a6500!important;background:var(--cdc-near)!important}.htp-u1-cdc :is(.htp-u1-cdc-input button,.htp-u1-cdc-question>button){min-height:44px;color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.htp-u1-cdc-audio{display:flex;flex-direction:column;gap:7px;padding:12px!important;border:1px solid var(--cdc-line)!important;border-radius:12px!important;background:var(--cdc-blue)!important}.htp-u1-cdc-audio__id{display:none!important}.htp-u1-cdc-audio__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.htp-u1-cdc-audio .htp-speak-button{min-height:44px;padding:7px 9px;border:1px solid var(--cdc-navy)!important;border-radius:9px;color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc-audio .htp-speak-button small{display:block;color:var(--cdc-vi-navy)!important;font-size:12px}.htp-u1-cdc-audio .htp-speak-button--slow{color:var(--cdc-navy)!important;background:#fff!important}.htp-u1-cdc-audio .htp-speak-button--slow small{color:var(--cdc-secondary)!important}.htp-u1-cdc .htp-audio-awaiting,.htp-u1-cdc .htp-audio-awaiting span{color:var(--cdc-secondary)!important;font-size:12px}.htp-u1-cdc-audio-choice__label{color:var(--cdc-navy)!important}.htp-u1-cdc-audio-choice__label small{display:block;color:var(--cdc-vi)!important}.htp-u1-cdc-practice{width:min(100%,1080px);margin-inline:auto;padding:clamp(20px,3vw,28px)!important;border:1px solid var(--cdc-line)!important;border-radius:22px!important;background:#fff!important}.htp-u1-cdc-practice>header h2{color:var(--cdc-navy)!important}.htp-u1-cdc-practice-set{display:grid;gap:16px;margin-top:20px}.htp-u1-cdc-practice-set>article{padding:clamp(18px,3vw,26px)!important;border:1px solid var(--cdc-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}.htp-u1-cdc-practice-set>article>h3{color:var(--cdc-navy)!important}.htp-u1-cdc-practice-set>article>h3 small{color:var(--cdc-vi)!important}.htp-u1-practice-progress{margin:20px 0 16px;padding:14px 16px;border:1px solid var(--cdc-line);border-radius:13px;background:var(--cdc-blue)}.htp-u1-practice-progress :is(strong,small){display:block}.htp-u1-practice-progress strong{color:var(--cdc-navy)}.htp-u1-practice-progress small{color:var(--cdc-vi)}.htp-u1-practice-progress i{display:block;height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--cdc-line)}.htp-u1-practice-progress i span{display:block;height:100%;border-radius:inherit;background:var(--cdc-coral)}.htp-u1-practice-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--cdc-line)}.htp-u1-practice-nav button{min-height:48px;border:1px solid var(--cdc-navy);border-radius:10px;color:#fff;background:var(--cdc-navy);font:inherit;font-weight:800}.htp-u1-practice-nav button small{display:block;color:var(--cdc-vi-navy)}.htp-u1-practice-nav button.is-secondary{color:var(--cdc-navy);background:#fff}.htp-u1-practice-nav button.is-secondary small{color:var(--cdc-secondary)}.htp-u1-cdc-mission-stage{width:min(100%,1080px);margin:34px auto 0;padding:clamp(20px,3vw,28px);border:1px solid var(--cdc-line);border-radius:24px;background:var(--cdc-blue)}.htp-u1-cdc-mission-stage>header h2{color:var(--cdc-navy)!important}.htp-u1-cdc-mission-stage>header p[lang=vi]{color:var(--cdc-vi)!important}.htp-u1-cdc-mission{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:18px}.htp-u1-cdc-mission__visual{grid-row:1/3;margin:0;overflow:hidden;border:1px solid var(--cdc-line);border-radius:18px;background:#fff}.htp-u1-cdc-mission__visual img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}.htp-u1-cdc-mission>header{padding:20px;border-radius:16px;color:#fff!important;background:var(--cdc-navy)!important}.htp-u1-cdc-mission>header :is(span,h3){color:#fff!important}.htp-u1-cdc-mission>header p[lang=vi]{color:var(--cdc-vi-navy)!important}.htp-u1-cdc-mission>ol{grid-column:2;grid-template-columns:1fr;margin:0}.htp-u1-cdc-mission>ol li{border-color:var(--cdc-line)!important;background:#fff!important}.htp-u1-cdc-mission>:is(.htp-u1-cdc-question,.htp-u1-cdc-input,.htp-u1-cdc-audio,.htp-u1-cdc-recorder,.htp-u1-cdc-quiz-link){grid-column:1/-1}.htp-bai-one-experience .htp-mini-game,.htp-bai-one-experience .htp-quiz[data-bilingual="1"]{width:min(100%,1080px);margin:34px auto;border:1px solid #cbdde4!important;border-radius:24px;background:#fff!important;box-shadow:0 10px 28px rgba(18,58,109,.07)!important}.htp-bai-one-experience .htp-mini-game.is-completed{background:#e8f5ee!important}.htp-bai-one-experience .htp-quiz[data-bilingual="1"]{background:#edf6fb!important}.htp-bai-one-experience .htp-quiz-step{border-color:#cbdde4!important;background:#fff!important}.htp-bai-one-experience .htp-quiz-step>label{border-color:#cbdde4!important;background:#fff!important}.htp-bai-one-experience .htp-quiz-step>label.is-correct{border-color:#287147!important;background:#e8f5ee!important}.htp-bai-one-experience .htp-quiz-step>label.is-wrong{border-color:#a64046!important;background:#fbecec!important}.htp-bai-one-experience .htp-remediation--bai-one{border-color:#cbdde4!important;background:#edf6fb!important}.htp-bai-one-experience :is(.htp-mini-game,.htp-quiz,.htp-remediation) [lang=vi]{color:#4d6077}.htp-bai-one-experience :is(.htp-mini-game,.htp-quiz,.htp-remediation) .on-navy [lang=vi],.htp-bai-one-experience :is(.htp-mini-game,.htp-quiz,.htp-remediation) .htp-core-button small,.htp-bai-one-experience .htp-remediation-production button small{color:#cce2f6}.htp-bai-one-experience :is(.htp-mini-game,.htp-quiz,.htp-remediation) button:disabled small{color:#52657a!important}@media (max-width:1023px){.htp-u1-cdc-welcome,.htp-u1-cdc-mission{grid-template-columns:1fr}.htp-u1-cdc-mission__visual{grid-row:auto}.htp-u1-cdc-mission>ol{grid-column:1}.htp-u1-cdc-mission__visual img{min-height:0;height:auto}.htp-u1-cdc-notion__tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.htp-u1-cdc-howto ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.htp-bai-one-experience{padding:12px 10px 92px;overflow-x:hidden}.htp-u1-cdc{max-width:100%;overflow-x:hidden;font-size:16px}.htp-u1-cdc-hero{padding:24px 16px!important;border-radius:20px!important}.htp-u1-cdc-hero h1{font-size:clamp(32px,10vw,40px)!important}.htp-u1-cdc .htp-lesson-meta{display:grid;grid-template-columns:1fr}.htp-u1-cdc .htp-lesson-meta span{width:100%}.htp-u1-cdc>.htp-u1-final-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.htp-u1-cdc-phases{grid-template-columns:repeat(2,minmax(0,1fr))!important}.htp-u1-cdc-welcome img{min-height:0;height:auto}.htp-u1-cdc-howto ol,.htp-u1-cdc-audio-grid,.htp-u1-cdc-audio__buttons,.htp-u1-practice-nav,.htp-u1-cdc-screen__nav{grid-template-columns:1fr!important}.htp-u1-cdc-screen__nav{display:grid}.htp-u1-cdc-screen__nav button,.htp-u1-practice-nav button{width:100%;min-width:0}.htp-u1-cdc-notion__tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.htp-u1-cdc-notion__tabs button{grid-template-columns:28px minmax(0,1fr);min-height:64px;padding:8px 7px}.htp-u1-cdc-notion__tabs button>span{width:27px;height:27px}.htp-u1-cdc-notion__tabs button>b{font-size:13px;overflow-wrap:anywhere}.htp-u1-cdc-notion__tabs button>small{font-size:12px;overflow-wrap:anywhere}.htp-u1-cdc-screen__body,.htp-u1-cdc-notion__panels,.htp-u1-cdc-practice,.htp-u1-cdc-mission-stage{padding-inline:14px!important}.htp-u1-cdc :is(input,button,a){max-width:100%;overflow-wrap:anywhere}.htp-bai-one-experience .htp-mobile-lesson-bar{max-height:74px}}@media (max-width:390px){.htp-bai-one-experience{padding-inline:10px}.htp-u1-cdc-screen__header{align-items:flex-start;gap:10px;padding:16px 12px!important}.htp-u1-cdc-screen__header>span{flex-basis:40px;height:40px}.htp-u1-cdc-screen__body,.htp-u1-cdc-notion__panels{padding-inline:10px!important}.htp-u1-cdc-phases span{padding:8px 5px}.htp-u1-cdc-phases :is(b,small){font-size:12px}}