*{box-sizing:border-box;font-family:system-ui,sans-serif;margin:0;padding:0}body{color:#333;font-family:Roboto,sans-serif;height:100vh;width:100%}.container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 8px;width:100%}.container-height{min-height:60vh}.layout-filter{background-color:#f3f1fc;border-radius:12px;margin-bottom:12px;padding:8px}.fiter-class{width:120px}.text-clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-class{display:none;margin-bottom:8px}.link-class a{margin:0 4px}.link-class a:hover{color:#1e3a8a}.color7daaf2{color:#7daaf2}.color707070{color:#707070}.color-white{color:#fff}.text-black{color:#000}.text-dark{color:#333}.color0073aa{color:#0073aa!important}.color1976d2{color:#1976d2}.colorTxtMore{color:#90caf9}.background-unset{background-color:initial}.backgroundd3e3fd{background-color:#d3e3fd}.background0b57d0{background-color:#0b57d0}.background-color0a66f{background-color:#0a66ff}.backgroundRight{background-color:#4caf50!important;color:#fff!important}.backgroundWrong{background-color:#d32f2f!important;color:#fff!important}.backgournACDCFD{background-color:#acdcfd}.bg-colord4e1ff{background-color:#d4e1ff}.bg-main{background-color:#faf9fe}.color-right{color:#4caf50}.bg-white{background-color:#fff}.color-gray{color:#4b5563}.color-navy-blue{color:#1e3a8a}.bg-primary{background-color:#3b82f6}.text-primary{color:#3b82f6}.color9E9E9E{color:#9e9e9e}.defaul-anser{color:#000}.right-anser{color:#4caf50!important}.wrong-anser{color:#f44336!important}.word-wrap{overflow-wrap:break-word}.text-underline{text-decoration:underline}.backgroundChoose{background-color:#2196f3!important;color:#fff}.font-bold{font-weight:700}.font400{font-weight:400!important}.font500{font-weight:500}.font600{font-weight:600}.font-size-12{font-size:12px}.font-size-14{font-size:14px}.font-size-15{font-size:15px}.font-size-16{font-size:16px}.font-size-18{font-size:18px}.font-size-20{font-size:20px}.font-size-22{font-size:22px}.font-size-24{font-size:24px}.font-size-30{font-size:30px}.font-size-36{font-size:36px}.cursor-pointer{cursor:pointer}.text-decoration-none{text-decoration:none!important}.display-block{display:block}.inline-flex{display:inline-flex}.display-grid{display:grid}.flex-layout{display:flex}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.flex-center{justify-content:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-end{justify-content:end}.height50{height:50%}.height100{height:100%}.height-full{height:100vh}.margin-16{margin:16px}.margin-top12{margin-top:12px}.margin-top24{margin-top:24px!important}.margin-top-10-percent{margin-top:10%}.margin-bottom8{margin-bottom:8px}.margin-bottom12{margin-bottom:12px}.margin-bottom16{margin-bottom:16px}.border-none{border:none}.paddingHori8{padding:0 8px}.padding-top16{padding-top:16px}.padding8{padding:8px}.padding16{padding:16px}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.top0{top:0}.border-top{border-top:1px solid #dcdcdc}.z-index-9{z-index:9}.icon-menu-mb{margin-right:4px}.background-color-203162{background-color:#203162}.bg-color-d3e3fd{background-color:#d3e3fd}.bg-color-head{background-color:#1e3a8a}.border-radius-50{border-radius:50%}.border-radius-12{border-radius:12px}.avatar{color:#f2f3f5;height:32px;width:32px}.layout-account-head{padding:8px}.layout-account-head p{margin-bottom:8px}.layout-account-head a{border:1px solid #dcdcdc;margin:4px 0;padding:12px 72px}.layout-account-head a:last-child:hover{background-color:#f1f1f1}.width100{width:100%}.float-right{float:right}.whiteSpace-pre-line{white-space:pre-line}.div-mail-forgot{width:300px}.radius-border{border:1px solid #dcdcdc;border-radius:12px}.no-record{flex:1 1;margin-bottom:24px;min-height:360px}.label2{border-bottom:1px solid #dcdcdc;display:inline-flex;padding:0 16px 16px}.label2 img{margin-right:10px}.lst-style-none{list-style:none}.title-garmmar{padding:12px}.main-content{flex:1 1;line-height:1.6;margin:48px 0;width:100%}.pagination{display:flex;gap:8px;justify-content:center}.pagination li{border:1px solid #dcdcdc;border-radius:4px;cursor:pointer;height:35px;width:35px}.pagination li a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pagination li:hover{background-color:#eee}.pagination .active{background-color:#007bff;border:1px solid #007bff;color:#fff;font-weight:700}.pagination .disabled{opacity:.5;pointer-events:none}.content-section{border:1px solid #dcdcdc;border-radius:12px;flex:1 1;margin-right:24px;padding:12px}.radio-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:border-color .2s,background-color .2s}.option-default{border:1px solid #dcdcdc}.option-correct{border:1px solid #4caf50}.option-wrong{border:1px solid #d32f2f}.radio-option input{display:none}.radio-custom{border:2px solid #ccc;border-radius:50%;display:inline-block;flex-shrink:0;height:16px;position:relative;width:16px}.radio-custom:after{background:#0000;border-radius:50%;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-option input:checked+.radio-custom.radio-default:after{background-color:#3f6fff}.radio-option input:checked+.radio-custom.radio-correct:after{background-color:#4caf50}.radio-option input:checked+.radio-custom.radio-wrong:after{background-color:#d32f2f}.radio-wrong{border-color:#d32f2f!important}.radio-correct{border-color:#4caf50!important}.radio-option input:checked+.radio-default:after{background:#3f6fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-option input:checked~.radio-default,.radio-option input:checked~.radio-text,.radio-option:hover{border-color:#2196f3}.radio-text{font-size:14px}.radio-option.correct{background-color:#2e7d3214;border-color:#4caf50}.radio-option.wrong{background-color:#d32f2f14;border-color:#d32f2f}.right-answer{color:#4caf50;font-weight:600}.wrong-answer{color:#d32f2f;font-weight:600}.ready-exam{padding:32px 0 64px;width:80%}.grammar-title{background-color:#2196f3;color:#fff;padding:4px}.grammar-item{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.instruction-box{background-color:#dee4fa;border-left:4px solid #3f6fff;border-radius:8px;color:#3f6fff;margin:0;padding:12px 16px}.highlight{color:#e45649}.main-content .box{background-color:#ffcfd4;border-radius:10px;box-shadow:2px 2px 5px #0000001a;font-size:16px;margin:10px 0;padding:20px;text-align:center}.table-ver{overflow-x:auto}.content-section table td,.content-section table th{word-wrap:break-word;border:1px solid #acdcfd;padding:4px 8px;vertical-align:top;white-space:normal}.content-section table th{background-color:#acdcfd;color:#1f518c;text-align:center}.content-section table tr:nth-child(2n),.content-section table tr:nth-child(odd){background-color:#fff}.content-section table tr:hover{background-color:#f1f1f1}.content-section u,.content-section u strong{text-decoration:underline}.main-content ul{list-style:none}.content-section h1{color:#333;font-size:32px;font-weight:600;line-height:1.4;text-transform:capitalize}.content-section h2{border-bottom:1px solid #dcdcdc;margin-bottom:8px;margin-top:16px;text-transform:capitalize}.content-section h3{color:#1e3a8a;font-weight:700;text-align:left}.content-example{border-left:4px solid #f1e320;margin:16px 0}.content-example,.content-example-2{background-color:#f8fafc;border-radius:8px;padding:12px}.content-example-2{margin:8px 0 16px}.right-content{background-color:#fff;border:1px solid #dcdcdc;border-radius:12px;box-sizing:border-box;overflow-y:auto;padding:16px;top:0;width:30%}.right-content h2{font-size:16px;line-height:2.2}.right-content-main{margin:0 12px}.right-content ul{border-left:1px solid #f1f1f1;list-style-type:none;padding-left:16px}.right-content ul li{margin:5px 0;padding:3px}.right-content ul li a{font-size:16px}.right-content ul li:hover{text-decoration:underline}.select-topic{margin:16px;padding:4px;width:260px}.mb-head-menu{display:none}.menu-mb-item li{border-radius:8px;margin-bottom:8px}.menu-mb-item li a{color:#333;padding:12px 8px}.menu-mb-item li.active a{color:#0b57d0}.text-1-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-layout{width:50%}.text-decribe{margin:8px 0}.titel-exam{font-size:36px;text-align:center!important}.radio-group-answer .MuiFormControlLabel-root{align-items:flex-start;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;display:flex;margin:4px 0;padding:8px 10px;transition:border-color .2s,background-color .2s;width:100%}.table-exam-layout{border-radius:16px;padding:8px 12px 32px}.table-exam{border-bottom:1px solid #dcdcdc;gap:16px;grid-template-columns:repeat(5,1fr);margin:16px 0!important;padding-bottom:24px}.table-exam svg{vertical-align:super}.exam-info-note span{margin-left:32px}.exam-info-note svg{margin-right:4px}.table-exam button{border:1px solid #e0e0e0;border-radius:8px;padding:12px 0}.table-exam .active{border:1px solid #2196f3;color:#2196f3}.table-exam .result-exam{bottom:-4px;position:absolute;right:3px}.line-custom-exam{background-color:#333;height:3px;margin:2px auto;width:80%}.code-title{justify-content:end;margin:8px}.code-title p{border:1px solid #333}.quality-question{grid-gap:8px;align-content:stretch;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);justify-content:stretch;margin:0;padding:0}.question-exam-content{margin-right:24px;width:75%}.text-justify{text-align:justify}.text-align-right{text-align:right}.text-align-left{text-align:left}.text-align-center{text-align:center}.btn-start-exam{background-color:#2196f3;border-radius:8px;padding:16px 64px}.btn-start-exam-mb{background-color:initial;padding:16px 0}.btnCancle{border:1px solid #1976d2}.select-exam{margin:16px;padding:8px 16px}.right-exam{width:25%}.btn-submit-exam{background-color:initial;font-size:16px;padding:8px 16px}.btn-eye{right:0;top:50%}.form-changepw .text-pass{margin:8px 0}.progress-vocabulary-main{background:#eee;border-radius:6px;height:10px;overflow:hidden;width:100%}.progress-bar-topic{height:100%!important;transition:width .3s ease}.head-exam-mb{position:sticky;top:0;z-index:10}.progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:#3b82f6}.progress-fill-success{background:#4caf50}.grammar-tag{display:flex;flex-wrap:wrap;gap:12px}.tag-item{background-color:#f5f5f5;border-radius:8px;flex:0 0 auto;margin:0;padding:4px 12px;text-align:center;width:auto}.tag-item:first-of-type{background-color:#fef2e5;color:#fd9628}.tag-item:nth-of-type(2){background-color:#f1ffec;color:#40c319}.tag-item:nth-of-type(3){background-color:#ebf6ff;color:#4aadfe}.tag-item:nth-of-type(4){background-color:#fef1fe;color:#af60ae}.tag-item:nth-of-type(5){background-color:#fffde7;color:#9c930d}.tag-item:nth-of-type(6){background-color:#ffeaea;color:#982a2a}.tag-item:nth-of-type(7){background-color:#f1ffec;color:#40c319}.tag-item:nth-of-type(8),.tag-item:nth-of-type(9){background-color:#ebf6ff;color:#4aadfe}.tag-item:nth-of-type(10){background-color:#fef1fe;color:#af60ae}@media only screen and (max-width:1400px){.container{max-width:1200px;width:1200px}.quality-question{gap:12px;grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:1200px){.container{width:1025px}.quality-question{gap:8px}.ready-exam{width:75%}}@media only screen and (max-width:1024px){.container{width:992px}.quality-question{gap:12px;grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:991px){.container{width:100%}.mb-head-menu{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px 16px}.mb-head-menu .logo{height:60px}.head-menu-web{display:none}.main-content h1{font-size:24px}.main-content h2{font-size:18px}.right-content{display:none}.quality-question{column-gap:4px}.table-exam-layout{padding:24px}.ready-exam{width:70%}.question-exam-content{margin:0;width:100%}.right-exam,.timecout-tile{display:none}.topic-layout{grid-template-columns:repeat(3,1fr)!important}.content-section{margin-right:8px}.no-record{flex:initial;height:360px}.layout-filter{align-items:start;flex-direction:column}.link-class{display:flex}}.btn-word-bank p{margin-left:8px}.tu-vung-layout{flex-direction:row}.check-icon{color:#4caf50;right:0;top:0}.topic-layout{gap:16px;grid-template-columns:repeat(4,1fr)}.topic-item{border:1px solid #dcdcdc;border-radius:6px;box-sizing:border-box;flex-basis:calc(25% - 12px);flex-grow:0;flex-shrink:0}.topic-item a{padding:12px}.flip-card{height:50vh;perspective:1000px}.flip-card,.flip-card-inner{position:relative;width:100%}.flip-card-inner{height:100%;transform-style:preserve-3d;transition:transform .6s}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;border:1px solid #dcdcdc;border-radius:12px;height:100%;position:absolute}.flip-card-back{transform:rotateY(180deg)}.input-tuvung{background:repeating-linear-gradient(90deg,#000,#000 1ch,#0000 0,#0000 1.5ch) 0 100%/100% 2px no-repeat;border:none;color:#3b82f6;font:6ch consolas,monospace;letter-spacing:.5ch}.input-tuvung:focus{outline:none}@media only screen and (max-width:767px){.login-action{flex-direction:column-reverse}.login-action a,.login-action p{margin-top:24px}.quality-question{display:flex;flex-wrap:wrap;justify-content:center}.table-exam{gap:8px}.titel-exam{font-size:24px}.ready-exam{width:100%}.main-content{margin:24px 0}.content-section{margin-right:0}.vocabulary-list-layout{display:none}.topic-item{flex-basis:calc(50% - 16px)!important}.topic-layout{grid-template-columns:repeat(2,1fr)!important}.content-section table td.stt,.content-section table th.stt{display:none}}@media only screen and (max-width:575px){.topic-layout{grid-template-columns:100%}.btn-start-exam{margin-top:12px}}@media only screen and (max-width:554px){.main-content h1{font-size:20px}.login-layout{width:90%}.tu-vung-layout{flex-direction:column}.div-mail-forgot{width:220px}}.collapsible-list{padding:0 8px}.collapsible-item{border-radius:12px;margin-top:12px}.collapsible-item svg{margin:0 4px;right:0}.title-mb{padding:16px 8px}.title-mb svg{margin-top:4px}.collapsible-content{border-bottom-left-radius:12px;border-bottom-right-radius:12px;min-width:240px;padding:0}.collapsible-content,.collapsible-content-left{max-height:0;overflow:hidden;transition:max-height .2s ease-out,padding .2s ease-out}.collapsible-content-left{padding:0 0 8px}.collapsible-content-left.open{max-height:100%}.collapsible-content.open{max-height:100%;padding:8px}.collapsible-content-left.closed,.collapsible-content.closed{max-height:0;padding:0}input:-webkit-autofill{-webkit-text-fill-color:#000!important;box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.select-option-exam{background-color:#fff;margin:8px!important;width:150px}.select-option-exam .MuiOutlinedInput-root.Mui-focused fieldset,.select-option-exam .MuiOutlinedInput-root:hover fieldset{border-color:#ccc}@media only screen and (max-width:441px){.table-exam{gap:16px;grid-template-columns:30% 30% 30%}.table-exam-layout{padding:12px}.topic-layout{grid-template-columns:repeat(1,1fr)!important}.link-class .txt-topic-in-mb{display:none}.pagination{gap:0}.pagination li{border-radius:0;border-radius:initial}.container{padding:0 8px}}@media only screen and (max-width:390px){.pagination li{height:32px;width:32px}}.loading-overlay{background:#ffffffe6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-overlay img{height:auto;width:120px}.head-menu-web{height:80px}.sub-menu{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;display:none;flex-direction:column;left:0;z-index:1000}.sub-menu,.sub-menu-item{border-bottom:1px solid #dcdcdc}.sub-menu-item{color:#314fa4;font-weight:500;padding:12px 8px;text-decoration:none}.sub-menu-item:hover{background-color:#f5f5f5}.sub-menu-item:last-child{border-bottom:none}.sub-menu-default{min-width:180px}.sub-menu-wide{min-width:240px}.menu-item:hover .sub-menu{display:flex}.menu-item:after{content:"";height:20px;left:0;position:absolute;top:100%;width:100%}.menu-link{display:block;padding:16px;text-decoration:none}.close-btn-menu-mb{margin:8px}.close-btn-menu-mb img{height:24px;vertical-align:middle;width:24px}.head-menu-web img{height:60px}.bg-head-menu{background-color:#314fa4}.account-text-header{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;font-size:16px}@media only screen and (max-width:991px){.head-layout{position:sticky;top:0}.menu-item-web{display:none}}.work-layout-item{margin-top:12px!important}.work-group+.work-group{margin-top:16px}.work-layout-item li{border:1px solid #dcdcdc;border-radius:6px;flex:0 0 30%;padding:12px}.height50px{height:50px}.question-item{border:1px solid #dcdcdc;border-radius:12px;margin-bottom:12px;padding:12px}.submit-work-question{background-color:#2196f3;border-radius:4px;color:#fff;font-weight:500;margin-right:12px;margin-top:8px;width:80px}.submit-work-question:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.work-statistical-layout{border-radius:12px;padding:24px 12px}.chart-wrapper{height:220px;margin:0 auto 16px;max-width:180px;min-width:160px;position:relative}.chart-wrapper canvas{position:relative;z-index:2}.center-text-chart{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.border-info-work{border:1px solid #dcdcdc;border-radius:8px;padding:4px}.border-info-work-righ{background-color:#edfded;border-color:#4caf50}.border-info-work-wrong{background-color:#fef4f3;border-color:#f44336}.work-layout li{margin-bottom:12px;padding:24px}.work-image{border-radius:8px;margin-right:32px}.work-info-mb{display:none}.level-wrapper{display:inline-flex;gap:4px;padding:4px}.level-item{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:6px 14px;transition:all .2s ease}.level-item:hover{background:#e5f9f0}.level-item.active{background:#e9fdf3;color:#10b981;font-weight:600}.item-exam-question{border:1px solid #dcdcdc;border-radius:12px;margin-top:16px;padding:12px}.exam-title{border-radius:12px;margin-bottom:12px;padding:12px}@media only screen and (max-width:1024px){.border-info-work{padding:2px}}@media only screen and (max-width:991px){.work-info-mb{display:block}.level-wrapper{border-top:1px solid #dcdcdc;justify-content:center;padding-top:12px;width:100%}.work-title{display:flex;justify-content:space-between;width:100%}}@media only screen and (max-width:767px){.question-item{padding:8px}}@media only screen and (max-width:575px){.exam-title{padding:8px}.exam-title-mb{flex-direction:column}.code-title{justify-content:center}.exam-title p,.exam-title span{font-size:14px}}.radio-group{display:flex;flex-direction:column;gap:8px}.layout-filter-exam{background-color:#f5f5f5;border-radius:12px;margin-bottom:12px;padding:8px}.time-layout{border-radius:12px;margin-bottom:24px;padding:24px 12px}.time-text{font-size:30px;margin-bottom:24px;padding-bottom:24px}.question-mb-count,.time-text{border-bottom:1px solid #dcdcdc}.question-mb-count{justify-content:center;padding:8px}.question-mb-item{background-color:#fff;border:1px solid #dcdcdc;border-radius:6px;flex-shrink:0;height:40px;margin:0 8px;width:40px}.pagination-exam{border-radius:6px;height:40px;padding:0 8px}.result-text{position:absolute;right:0;top:-5%}.btn-submit-mb{background-color:#2196f3;border-radius:8px;padding:8px 12px}@media only screen and (max-width:991px){.question-mb-count{background:#fff;justify-content:normal;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.question-mb-count::-webkit-scrollbar{display:none}.question-mb-count{scrollbar-width:none}.question-mb-count>*{flex-shrink:0;min-width:40px}.time-text{background-color:#fbfbfb;border-bottom:none;font-size:24px;left:50%;margin-bottom:0;padding-bottom:0;position:absolute;transform:translateX(-50%)}.pagination-exam{display:none}.question-mb-item{margin:0}}@media only screen and (max-width:767px){.table-exam-layout{padding:12px}.table-exam{gap:12px;grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:575px){.table-exam-layout{padding:0}.table-exam{gap:12px;grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:441px){.table-exam{gap:12px;grid-template-columns:repeat(2,1fr)}}.question-txt-sort{margin-right:12px}.btn-word-sort{border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 2px 6px #00000014;margin:2px 4px;padding:12px}.answer-line{border-bottom:1px solid #111;margin:4px 0 6px}.question-sort-area{min-height:60px}.answer-sort-area{background:#f8fafc;border-radius:12px;min-height:60px;padding:12px}footer{background-color:#1e3a8a;color:#fff}.footer-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:auto;max-width:1400px;padding:40px 20px}.footer h2,.footer h3{color:#fff;margin-bottom:15px}.footer li,.footer p{font-size:14px;line-height:1.6;margin-bottom:12px}.footer ul{list-style:none;margin:0;padding:0}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #777;font-size:13px;padding:15px 10px;text-align:center}.info-footer-layout a{color:#2563eb}.info-footer-layout h2{margin:12px 0}.list-info-footer{list-style:disc!important;padding-left:32px}.list-info-footer li{margin:6px 0}.faq-header{margin-bottom:24px;text-align:center}.faq-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:.3s}.faq-item:hover{box-shadow:0 5px 20px #0000000d}.faq-item summary{align-items:center;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:12px;justify-content:space-between;list-style:none;padding:18px 24px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:var(--primary);content:"+";font-size:22px;position:absolute;right:24px;transition:.3s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-content{color:var(--text-light);padding:0 24px 24px}.faq-content ul{margin-top:10px;padding-left:20px}.faq-content li{margin-bottom:8px}.report-issue{text-align:center}.report-issue p{color:var(--text-light);margin:auto;max-width:800px}.card-issue{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.card-issue h2{color:var(--primary);font-size:1.5rem}.card-issue h3{color:var(--text);margin-bottom:10px;margin-top:20px}.card-issue p{margin-bottom:12px}.card-issue ul{padding-left:22px}.card-issue li{margin-bottom:10px}.example-box{background:#dae4fd;border-left:4px solid #6f8ee4;border-radius:8px;margin-top:10px;padding:15px}.process-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.process-item-issue{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.process-item-issue h4{color:var(--primary);margin-bottom:10px}.highlight-footer{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:20px;padding:18px}.contact-box{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;color:#fff;padding:30px}.contact-box h2{color:#fff;margin-bottom:15px}.contact-box ul{padding-left:20px}.contact-box li{margin-bottom:8px}.footer-note{font-style:italic;margin-top:40px;text-align:center}@media only screen and (max-width:441px){.faq-item summary{font-size:16px;padding:12px 48px 12px 18px}}.feedback-btn{align-items:center;background-color:#2563eb;border:none;border-radius:999px;bottom:20px;box-shadow:0 8px 20px #00000026;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 16px;position:fixed;right:20px;transition:all .2s ease;z-index:9999}.feedback-btn:hover{transform:translateY(-2px)}.feedback-modal{inset:0;pointer-events:none;position:fixed;z-index:10000}.feedback-modal__box{animation:slideUp .25s ease-out;background:#fff;border-radius:16px;bottom:80px;box-shadow:0 20px 40px #00000026;padding:20px;pointer-events:auto;position:absolute;right:20px;width:360px}.feedback-modal__close{background:none;border:none;cursor:pointer;position:absolute;right:12px;top:10px}.feedback-modal__title{font-size:16px;font-weight:600;margin-bottom:14px}.feedback-textarea{border:1px solid #ddd;border-radius:12px;font-size:14px;margin-top:10px;min-height:100px;padding:10px;resize:none;width:100%}.feedback-textarea:focus{border-color:#2563eb;outline:none}.feedback-clear,.feedback-submit{border:none;border-radius:12px;cursor:pointer;font-weight:500;margin-top:14px;padding:10px;transition:.2s ease;width:100%}.feedback-clear{margin-right:4px}.feedback-send{background:#2563eb;color:#fff;margin-left:4px}.feedback-submit:hover{background:#1d4ed8}.feedback-submit:disabled{background:#cbd5e1;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:441px){.feedback-modal__box{width:330px}}@media only screen and (max-width:360px){.feedback-modal__box{width:290px}}@keyframes bounceText{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes colorChange{0%{color:#4f46e5}25%{color:#ec4899}50%{color:#10b981}75%{color:#f59e0b}to{color:#3b82f6}}.banner{align-items:center;background:linear-gradient(135deg,#c7d2fe,#e0e7ff 50%,#fff);display:flex;justify-content:center;padding:64px 0}.banner h1{animation:bounceText 1s infinite,colorChange 3s infinite;font-size:56px;font-weight:700;line-height:1.1;margin:0 0 20px;text-align:center}.banner p{font-size:20px;line-height:1.6;margin:0}.banner-small-txt{padding-bottom:16px!important}.banner-actions{margin-top:24px}.banner-actions a{border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;margin:0 8px;padding:14px 42px}.banner-btn-sign{background-color:#1e3a8a;border:1px solid #1e3a8a;color:#fff}.banner-btn-login{background-color:#fff;border:1px solid #1e3a8a;color:#1e3a8a}@media (max-width:768px){.banner{flex-direction:column;gap:20px;height:auto;padding:30px 20px;text-align:center}.banner-content h1{font-size:36px}.banner-content p{font-size:16px}.banner-image img{max-height:280px}}.home-feature{padding:32px 0}.home-feature-layout{flex-wrap:wrap;gap:24px}.home-feature-item{border:1px solid #dcdcdc;border-radius:12px;flex-basis:calc(25% - 18px);flex-grow:0;flex-shrink:0;padding:24px;text-align:center}.home-feature-icon{border-radius:6px;margin-bottom:16px;padding:12px;width:fit-content}.home-feature-item h3{font-size:22px}.icon-grammar{background-color:#e2d7fa}.icon-vocabulary{background-color:#d7fef1}.icon-work{background-color:#fef0d8}.icon-exam{background-color:#ffdcdc}.icon-writing{background-color:#faffcc}.icon-listening{background-color:#c9fffd}.icon-read{background-color:#e0ecff}.icon-language{background-color:#ffeff9}.home-feature-item p svg{margin-left:8px}.badge{background:#facc15;border-radius:20px;color:#1e3a8a;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:6px 16px}.info-system{display:flex;gap:48px;justify-content:center}.stats strong{display:block;font-size:22px}.stats span{color:#c7d2fe;font-size:14px}.home-feature h2{margin:8px 16px 16px}@media only screen and (max-width:1400px){.home-feature{padding:32px 0}.home-feature-item{width:280px}}@media only screen and (max-width:991px){.home-feature-item{flex-basis:calc(33.33333% - 16px);flex-grow:0;flex-shrink:0;width:200px}.home-feature{padding:24px}.banner h1{font-size:42px}}@media only screen and (max-width:767px){.home-feature-layout{gap:18px;padding:0}.home-feature-item{padding:12px}.info-system{justify-content:center}.home-feature h2{font-size:22px;margin-top:4px}.home-feature-item h3{font-size:18px}.banner h1{font-size:36px}.banner-actions a{padding:12px 36px}}@media only screen and (max-width:575px){.home-feature-layout{gap:24px}.home-feature h2{font-size:20px}.home-feature-item{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0}.banner{padding:30px 16px}.banner h1{font-size:28px}}@media only screen and (max-width:441px){.home-feature-layout{gap:16px}.home-feature-item{flex:0 0 100%}.home-feature h2{font-size:18px}.home-feature-icon{margin-bottom:12px;padding:8px}}@media only screen and (max-width:370px){.banner-btn-sign{margin-bottom:12px!important}.home-feature h2{font-size:17px}.banner-actions a{width:100%}}
/*# sourceMappingURL=main.138b018c.css.map*/