*{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 16px;width:100%}.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:gray}.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: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;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;width:70%}.content-section table{border-collapse:collapse;font-size:16px;margin:4px 0 20px;text-align:justify;width:100%}.content-section table td,.content-section table th{border:1px solid #acdcfd;padding:4px 8px;vertical-align:top}.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}.btnCancle{border:1px solid #1976d2}.select-exam{margin:16px;padding:8px 16px}.right-exam{width:25%}.btn-submit-exam{background-color:initial;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}@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:0 16px}.mb-head-menu .logo{height:70px}.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}}.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;width:100%}.flip-card-back,.flip-card-front{border:1px solid #dcdcdc}.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}}@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}}@media only screen and (max-width:360px){.mb-head-menu .logo{height:60px}}.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:70px}.sub-menu{display:none;flex-direction:column;left:0;z-index:1000}.menuItemBar .sub-menu-item{border-bottom:1px solid #dcdcdc;color:#314fa4;font-weight:500;padding:12px 8px;text-decoration:none}.menuItemBar .sub-menu-item:hover{background-color:#f5f5f5}.menuItemBar .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;margin:0 32px;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:70px}.bg-head{background-color:#314fa4}@media only screen and (max-width:1200px){.menu-link{margin:0 12px}}.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;position:sticky;top:0;z-index:1}.question-mb-item{background-color:#fff;border:1px solid #dcdcdc;border-radius:6px;flex-shrink:0;height:40px;margin:0 8px;scroll-snap-align:start;width:40px}.pagination-exam{border-radius:6px;height:40px;padding:0 8px}.result-text{position:absolute;right:0;top:-5%}@media only screen and (max-width:991px){.question-mb-count{background:#fff;justify-content:normal;overflow-x:auto;overflow-y:hidden;position:sticky;top:0;white-space:nowrap;z-index:10}.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)}}.flip-card{perspective:1000px;position:relative}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000026;height:100%;position:absolute;width:100%}.flip-card-back{transform:rotateY(180deg)}.word-bank-dialog{border-bottom:1px solid #dcdcdc;padding:12px}.word-bank-item{border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 2px 6px #00000014;cursor:pointer;margin:12px 8px;padding:12px}.answer-word-bank{border-bottom:1px solid #dcdcdc;height:60px;margin:24px 0 32px;width:70%}.btn-word-bank-item{border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 2px 6px #00000014;cursor:pointer;margin:24px 0 32px;padding:12px 32px}.paper{align-content:flex-start;background-image:repeating-linear-gradient(180deg,#0000 0,#0000 36px,#dcdcdc 0,#dcdcdc 37px);background-position:0 10px;background-size:100% 60px;box-sizing:border-box;display:flex;flex-wrap:wrap;padding:0 8px;row-gap:4px;width:400px}.item{background:#0000;border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:12px;margin-right:8px;padding:12px;white-space:nowrap}.btn-info-paper{background-color:#3b82f633;border:1px solid #7daaf2;border-radius:8px;color:#7daaf2;left:50%;padding:8px 16px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-60%)}.icon-cap{bottom:0;height:64px;position:absolute;right:16px;width:64px}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:#00000080;border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:#00000080;cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{backface-visibility:hidden;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.progress-wrapper{border-bottom:1px solid #dcdcdc;padding-bottom:20px}.vocabulary-list-layout{border:1px solid #dcdcdc;border-radius:12px;box-sizing:border-box;max-height:700px;padding:16px 12px;width:25%}.vocabulary-list{max-height:calc(100vh - 220px);overflow-y:auto;scroll-behavior:smooth}.vocabulary-list::-webkit-scrollbar{width:6px}.vocabulary-edit{padding:0 32px;width:80%}.vocabulary-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}.vocaublary-item{background-color:#faf9fe;border:none;border-radius:12px;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px;text-align:center;width:100%}.vocaublary-item.success{background:#eaf7ea;color:#4caf50!important;font-weight:500}.vocaublary-item.active{background:#dde7f7;border:1px solid #3b82f6;color:#3b82f6}.vocaublary-item:active{transform:scale(.97)}.icon-vocabluray,.icon-vocabluray-success{width:14px}.progress-text{color:#6b7280;font-size:12px}.progress-count{float:right;font-weight:600}.progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:#3b82f6}.progress-fill-success{background:#4caf50}.tags{display:flex;gap:8px;justify-content:center;margin:16px 0}.tag{background:#eef2ff;border-radius:999px;color:#1e40af;font-size:12px;padding:4px 10px}.tag.level{background:#e0e7ff;font-weight:600}.vocab-type{font-size:14px}.word{font-size:40px;margin:8px 0}.phonetic,.word{text-align:center}.phonetic{align-items:center;color:#6b7280;display:flex;gap:16px;justify-content:center}.audio-btn{background:#eef2ff;border:none;border-radius:50%;cursor:pointer}.meaning{color:#374151;margin:16px 0;text-align:center}.example{background:#f9fafb;border-left:4px solid #2563eb;border-radius:8px;font-style:italic;padding:16px}.quote{color:#2563eb;font-size:24px;left:2px;margin-right:6px;top:8px}.actions{display:flex;justify-content:space-between;margin:24px 0}.btn-act-vocab{border:1px solid #e3e3e3;border-radius:10px;color:#3b82f6;cursor:pointer;font-weight:600;padding:10px 16px}.btn-act-vocab:disabled{border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.hint{color:#9ca3af;font-size:12px;margin-top:12px;text-align:center}.flip-btn{padding:10px 18px;transition:box-shadow .2s ease}.check-btn,.flip-btn{cursor:pointer;font-weight:600}.check-btn{align-items:center;border:none;border-radius:14px;color:#fff;display:inline-flex;font-size:16px;gap:10px;padding:12px 24px}.check-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.check-btn .icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;height:22px;justify-content:center;width:22px}.check-btn:active{box-shadow:0 6px 14px #2563eb59;transform:translateY(0)}.btn-word-bank{border:1px solid #dcdcdc!important;border-radius:8px;padding:8px 12px}.btn-word-bank p{margin-left:8px}.open-btn-show-vocabulary{border:1px solid #dcdcdc!important;border-radius:8px;display:none;font-size:16px;padding:10px 16px}.panel{background:#fff;bottom:-100%;box-shadow:0 -4px 12px #0003;display:flex;flex-direction:column;height:70%;left:0;position:fixed;transition:bottom .3s ease;width:100%;z-index:999}.panel.show{bottom:0}.panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px}.panel-content{flex:1 1;overflow-y:auto;padding:12px}.link-cate-category{color:#333;display:inline-flex;font-weight:500}.swiper{max-width:100%;width:100%!important}.swiper-wrapper{width:100%}.swiper-slide{flex-shrink:0;width:100%!important}.swiper-slide>*{box-sizing:border-box;max-width:100%;width:100%}.listen-sound-vocabulary{border-radius:50%;height:fit-content;padding:6px;width:fit-content}@media only screen and (max-width:767px){.vocabulary-edit{padding:16px;width:70%}.open-btn-show-vocabulary{display:block}.vocab-type{font-size:12px}.vocab-title{font-size:14px}}@media only screen and (max-width:575px){.vocabulary-edit{width:100%}}@media only screen and (max-width:441px){.vocabulary-edit{padding:0}.progress-count{font-size:12px}}@media only screen and (max-width:350px){.btn-act-vocab{padding:4px 8px}}.func-layout{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px}.func-layout:last-child{margin-bottom:0}.study-progress-layout{flex-wrap:wrap;gap:24px;margin-bottom:16px}.security-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:16px}.security-card{border-top:1px solid #e5e7eb;display:flex;gap:40px;padding-top:16px}.security-left{width:260px}.security-left h3{font-size:16px;margin:0 0 8px}.security-left p{color:#6b7280;font-size:14px}.security-right{flex:1 1}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:14px;margin-bottom:6px}.form-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 12px;width:100%}.form-group input:focus{background:#fff;border-color:#2563eb}.btn-change-pw{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;padding:10px 20px}.btn-change-pw:hover{background:#1d4ed8}.profile-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;margin:24px auto 36px}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.profile-header h3{margin:0}.status.active{background:#d1fae5;border-radius:20px;color:#065f46;font-size:13px;padding:4px 12px}.profile-body{justify-content:space-between;padding:20px}.profile-body,.user-info{align-items:center;display:flex}.user-info{gap:16px}.avatar-profile{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;font-size:26px;height:56px;justify-content:center;width:56px}.label{color:#6b7280;font-size:13px;margin:0}.email{font-weight:600;margin:4px 0}.verified{color:#6b7280;font-size:13px}.logout-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;padding:10px 16px}.logout-btn:hover{background:#b91c1c}.icon-logout{margin-right:8px}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;padding:24px}.txt-have-acc{border-top:1px solid #dcdcdc;padding-top:24px}.text-field-custom .MuiInput-underline:before{border-bottom:1px solid #8988884d}.text-field-custom .MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom:1px solid #1976d2!important}.layout-date-streak{align-items:stretch;justify-content:space-between}.layout-date-streak p{height:fit-content}.layout-date-streak p:first-child{padding-right:12px}.layout-date-streak p:last-child{padding-left:12px}.divider{background:#ccc;width:1px}.btn-forgot-pw{padding:8px 24px}.function-common{gap:12px}.func-item{border:1px solid #dcdcdc;border-radius:12px}.study-progress-item{padding:24px}.feature-tem{padding:12px}.func-item-icon{border-radius:6px;padding:8px;width:fit-content}.func-item h3{margin:4px 0 6px}.txt-stady-day{font-size:24px;margin-right:8px}.skill-and-streak{gap:32px}.item-skill{width:50%}progress{appearance:none;height:8px;width:100%}progress::-webkit-progress-bar{background-color:#e5e7eb;border-radius:8px}progress.grammar::-webkit-progress-value{background-color:#3b82f6}progress.listening::-webkit-progress-value{background-color:#10b981}progress.reading::-webkit-progress-value{background-color:#f59e0b}progress.writing::-webkit-progress-value{background-color:#bf34fb}.fiter-session-week{width:130px}.payment-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:50% 50%;max-width:1200px}.payment-info-left{background-color:#fcfcfc;border-radius:12px;padding:12px}.payment-info-right{background-color:#f8f8f8;border-radius:12px;padding:12px}.btn-payment-now{border-radius:12px;padding:12px 24px;text-decoration:none}.txt-request-payment{background-color:#f8f8f8;border-radius:6px;margin-top:12px;padding:4px;text-align:center}.txt-total-money{font-size:22px}.txt-money{line-height:28px}@media only screen and (max-width:1200px){.layout-date-streak{flex-direction:column}.layout-date-streak .divider{height:1px;margin:8px 0;width:100%}.layout-date-streak p{padding:0!important}.skill-and-streak{gap:24px}.item-skill{width:40%}}@media only screen and (max-width:991px){.login-card{width:70%}.study-progress-layout{gap:18px}.txt-stady-day{font-size:20px}.skill-and-streak{flex-direction:column}.item-skill{width:100%}}@media only screen and (max-width:767px){.func-item{font-size:15px}.func-layout{padding:12px}.security-card{flex-direction:column;gap:12px}.study-progress-item{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0;padding:12px}.study-progress-layout .study-progress-item:last-child{flex:0 0 100%}.txt-stady-day{font-size:18px}.payment-info{gap:0;grid-template-columns:100%}.payment-info-right{margin-top:24px}.txt-home{display:none}}@media only screen and (max-width:575px){.login-card{width:100%}.profile-body{align-items:start;flex-direction:column}.logout-btn{margin-top:24px}}@media only screen and (max-width:441px){.avatar-profile{height:42px;width:42px}.email{font-size:15px}.study-progress-item{flex:0 0 100%}.func-layout{padding:12px 8px}.txt-total-money{font-size:18px}.txt-vat{font-size:14px}.txt-money{line-height:18px}}.work-layout-item{margin-top:12px!important}.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}}.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}.text-area-write{border:1px solid #dcdcdc;min-height:240px;padding:12px;width:100%}.btn-practice{border-radius:8px;padding:8px 0;width:160px}.btn-practice:disabled{cursor:not-allowed;opacity:.5}.btn-draft{border:1px solid #7daaf2;color:#7daaf2;margin-right:12px}.btn-practice span{margin:0 4px}.icon-warning{margin-right:8px}.layout-error-message{margin-top:16px}.sugges-p{margin:12px 8px 12px 0}.layout-error-message li{background-color:#eaeaea;border-radius:8px;margin:8px 0;padding:8px}.sugges-item{background-color:#d8e6fc;border-radius:4px;color:#3b82f6;margin-right:8px;padding:4px}.icon-write{height:24px;margin-right:8px;width:24px}.writing-info-mb{display:none}.btn-action-write{display:flex;justify-content:end}.vocab-writing-mb{display:none}.vocab-writing{height:fit-content;overflow-x:hidden;overflow-y:auto}.vocab-writing-item{background-color:#e7eff3;background-color:rgb(231 239 243/var(--tw-bg-opacity,1));border-radius:6px;font-size:14px;margin-bottom:12px;padding:6px 8px}.vocab-writing-item p{color:#416180;color:rgb(65 97 128/var(--tw-text-opacity,1))}@media only screen and (max-width:991px){.btn-practice{width:120px}}@media only screen and (max-width:767px){.writing-info-mb{border:1px solid #dcdcdc;border-radius:12px;display:flex;margin-bottom:16px;padding:12px}.vocab-writing-mb{display:block}.vocab-writing-mb ul{grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:50% 50%}}@media only screen and (max-width:575px){.btn-draft{flex-direction:column;padding:0;width:80px}}@media only screen and (max-width:441px){.btn-action-write{display:flex;flex-wrap:wrap;gap:12px}.btn-action-write button{flex-basis:calc(33.33333% - 8px);flex-grow:0;flex-shrink:0}.btn-action-write .submit-write{flex:0 0 100%}.btn-practice{flex-direction:column;font-size:12px;margin:0;width:80px}.vocab-writing-mb ul{display:inline;display:initial}}.fiter-topic-work{width:160px}.fiter-topic-work-item{width:320px}.no-record-bookmark{height:300px}.bookmark-describe{background-color:#f0f8ff;border-radius:12px;margin-top:8px;padding:4px}.icon-bookmark{right:0;top:0}.input-search-bookmark{width:50%}.input-search-bookmark input,.input-search-bookmark-mb input{border:none;font-size:16px;height:40px;padding:0 48px 0 12px;width:100%}.btn-search-bookmark{right:12px;top:50%;transform:translateY(-50%)}.input-search-bookmark-mb{border:1px solid #dcdcdc;display:none;margin-bottom:12px}.char-bookmark{height:240px!important;width:240px!important}.bookmark-mb-layout{display:none}.legend-item{align-items:center;display:flex;font-weight:600;gap:6px;margin-bottom:10px}.legend-color{border-radius:3px;height:14px;width:14px}@media only screen and (max-width:767px){.bookmark-mb-layout{display:flex;flex-direction:column;justify-content:space-between}.input-search-bookmark-mb{display:block}.input-search-bookmark{display:none}.bookmark-mb-label{flex-direction:column;justify-content:center;margin-left:24px}.bookmark-mb-label p{font-size:12px}}@media only screen and (max-width:575px){.char-bookmark{height:180px!important;width:180px!important}.bookmark-mb-label{margin-left:16px}}@media only screen and (max-width:441px){.bookmark-mb-label{margin-left:8px}.char-bookmark{height:140px!important;width:140px!important}.legend-color{height:8px;width:8px}}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}.grammar-txt-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grammar-tag p{background-color:#f5f5f5;border-radius:8px;margin-bottom:4px;margin-left:12px;padding:4px 8px}.grammar-tag p:first-of-type{background-color:#fef2e5;color:#fd9628}.grammar-tag p:nth-of-type(2){background-color:#f1ffec;color:#40c319}.grammar-tag p:nth-of-type(3){background-color:#ebf6ff;color:#4aadfe}.info-grammar:first-child{margin-top:0}.info-grammar{background-color:#f3f1fc;border-radius:12px;margin:32px 0 12px;padding:12px}@media only screen and (max-width:1400px){.grammar-tag p{margin-left:6px;padding:4px 6px}}@media only screen and (max-width:1200px){.grammar-tag p{margin-left:4px;padding:4px}}@media only screen and (max-width:1024px){.grammar-tag p{margin-left:6px;padding:4px}}@media only screen and (max-width:991px){.grammar-tag p{margin-left:6px;padding:4px}.info-grammar{margin-top:24px}}@media only screen and (max-width:767px){.title-grammar{font-size:15px}.quantity-type-grammar{font-size:14px}}.banner{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:80px 0;width:100%}.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}.banner-left{max-width:50%}.info-system{gap:48px}.banner-layout{flex-direction:row}.banner-left h1{font-size:44px;line-height:1.2;margin-bottom:32px}.banner-left ul p{color:#facc15}.banner-left p{line-height:24px}.banner-action{margin:32px 0}.banner-action button:first-child{background-color:#ff981b;margin-right:24px}.btn-banner-action{background:#fff3;border:none;border-radius:22px;cursor:pointer;font-weight:600;margin:8px 0;padding:14px 28px}.stats strong{display:block;font-size:22px}.stats span{color:#c7d2fe;font-size:14px}.home-feature h2{margin:8px 16px 16px}.info-system p{font-size:22px}@media only screen and (max-width:1400px){.home-feature{padding:32px 0}.home-feature-item{width:280px}}@media only screen and (max-width:1200px){.banner-left h1{font-size:32px}}@media only screen and (max-width:991px){.banner{padding:40px 0}.banner-layout{flex-direction:column}.banner-left h1{font-size:24px;margin-bottom:22px}.banner-action{margin:18px 0}.home-feature-item{flex-basis:calc(33.33333% - 16px);flex-grow:0;flex-shrink:0;width:200px}.home-feature{padding:24px}}@media only screen and (max-width:767px){.home-feature-layout{gap:18px;padding:0}.home-feature-item{padding:12px}.banner-left{max-width:100%;text-align:center}.info-system{justify-content:center}.banner-left h1{font-size:20px}.home-feature h2{font-size:22px;margin-top:4px}.home-feature-item h3{font-size:18px}.txt-banner{font-size:15px}}@media only screen and (max-width:575px){.banner{padding:24px 0}.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}}@media only screen and (max-width:441px){.home-feature-layout{gap:16px}.home-feature-item{flex:0 0 100%}.btn-banner-action{padding:12px 18px}.banner-action button:first-child{margin-right:12px}.info-system p{font-size:16px}.home-feature h2{font-size:18px}.home-feature-icon{margin-bottom:12px;padding:8px}}@media only screen and (max-width:341px){.btn-banner-action{margin:0 4px 8px!important}}.success-container{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;font-family:Arial,sans-serif;justify-content:center;padding:64px 0}.txt-payment-success{font-size:26px}.card-success-payment{animation:fadeIn .6s ease;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;padding:32px;text-align:center;width:350px}.info-success-payment{margin-bottom:20px;text-align:left}.info div{display:flex;justify-content:space-between;margin:5px 0}.actions-success button{background:#4facfe;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.actions-success button:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media only screen and (max-width:545px){.txt-payment-success{font-size:26px}}@media only screen and (max-width:441px){.success-container{padding:32px 16px}.card-success-payment{padding:20px}}.listening-item{margin-bottom:12px}.border-content-listen{border-radius:6px}.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}}
/*# sourceMappingURL=main.ef9f5586.css.map*/