@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-color:#666;--light-bg:#f8f9fa;--hero-start:#f5f7fa;--hero-end:#c3cfe2;--success-color:#52c41a;--warning-color:#fa8c16;--purple-color:#722ed1;--primary--50:#ebe4ff;--primary--100:#e2dbfc;--primary--200:#c5b8f8;--primary--300:#b39ef3;--primary--400:#7253ee;--primary--500:#673de6;--primary--600:#5025d1;--primary--700:#45209d}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.homepage{min-height:100vh}.homepage .hero{padding:80px 24px;text-align:center}.homepage .hero .title{font-size:48px;margin-bottom:24px;color:var(--primary--500)}.homepage .hero .description{font-size:20px;color:var(--text-color);margin:0 auto 48px}.homepage .hero .description p{margin:0}.homepage .hero .description p:first-child{font-size:25px;color:rgba(76,76,76,.941);font-weight:600;margin-bottom:30px}.homepage .hero .description p:nth-child(2){font-size:18px;color:rgba(76,76,76,.941)}.homepage .hero .description p:nth-child(3){font-size:22px;margin-top:10px}.homepage .hero .description p:nth-child(3) span{margin:2px 10px;color:#fff;font-size:20px;font-weight:500;padding:5px 15px;border-radius:5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.homepage .hero .description p:nth-child(3) span:first-child{background-color:#3b82f6}.homepage .hero .description p:nth-child(3) span:nth-child(2){background-color:#f97316}.homepage .hero .description p:nth-child(3) span:nth-child(3){background-color:#ef4444}.homepage .hero .description p:nth-child(3) span:nth-child(4){background-color:#b91c1c}.homepage .hero .btn{border:none;height:48px;padding:0 32px;font-size:16px;min-width:150px}.homepage .statistics{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:60px 24px;color:#fff}.homepage .statistics .section-container{max-width:1200px;margin:0 auto}.homepage .statistics .stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.homepage .statistics .stat .icon{font-size:48px;margin-bottom:16px}.homepage .statistics .stat img{width:80px;height:60px}.homepage .statistics .stat .number{color:#fff;margin:8px 0}.homepage .statistics .stat .text{color:#fff;font-size:16px}.homepage .features{padding:80px 24px;background:#fff}.homepage .features .section-container{max-width:1200px;margin:0 auto}.homepage .features .features_title{margin-bottom:60px}.homepage .features .features_title .title{text-align:center;margin:0}.homepage .features .features_title p{text-align:center;font-size:18px;margin:10px}.homepage .features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.homepage .features .card{text-align:center;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.homepage .features .card .ant-card-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage .features .card .ant-card-body .icon{font-size:48px;color:var(--primary--500);margin-bottom:16px;fill:var(--primary--500)}.homepage .testimonials{padding:80px 24px;background:var(--light-bg)}.homepage .testimonials .section-container{max-width:1200px;margin:0 auto}.homepage .testimonials .title{text-align:center;margin-bottom:60px}.homepage .testimonials .card{height:100%;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.homepage .testimonials .card .user{display:flex;align-items:center;margin-bottom:16px}.homepage .testimonials .card .user .avatar{background-color:var(--primary-color);margin-right:12px}.homepage .testimonials .card .user .name{font-weight:700}.homepage .testimonials .card .user .country{color:var(--text-color)}.homepage .testimonials .card .text{font-size:16px;line-height:1.6}.homepage .faq .ant-collapse{background-color:#fff}.homepage .faq .ant-collapse .ant-collapse-item{background-color:#fff;margin:10px 0}.homepage .faq .ant-collapse .ant-collapse-item .ant-collapse-header{background-color:rgba(248,246,255,.663);color:var(--primary--500);font-weight:500}.readyStart{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:80px 24px;text-align:center;color:#fff}.readyStart .title{color:#fff;margin-bottom:24px}.readyStart .desc{font-size:18px;color:#fff;margin:0 auto 48px}.readyStart .btn{background:#fff;color:var(--primary-color);border:none;height:48px;padding:0 32px;font-size:16px;font-weight:700}.header{justify-content:space-between;padding:0 24px;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);position:-webkit-sticky;position:sticky;top:0;z-index:1000;height:64px}.header,.header .header-left{display:flex;align-items:center}.header .header-left{gap:16px}.header .header-left .header-logo-link{display:flex;align-items:center;gap:5px;text-decoration:none;color:#fff}.header .header-left .header-logo-link img,.header .header-left .header-logo-link svg{filter:brightness(0) invert(1)}.header .header-left .header-logo-link .header-logo-icon{font-size:24px;color:#fff}.header .header-left .header-logo-link .header-logo-text{color:#fff;font-size:20px;font-weight:700}.header .header-right{display:flex;align-items:center;gap:16px}.header .header-right .header-menu{background:transparent;border:none;display:flex;flex-wrap:wrap;min-width:220px}.header .header-right .header-menu .ant-menu-item{color:#fff!important}.header .header-right .header-menu .ant-menu-item:hover{color:#fff!important;background:hsla(0,0%,100%,.1)!important}.header .header-right .header-menu .ant-menu-item.ant-menu-item-selected{color:#fff!important;background:hsla(0,0%,100%,.2)!important}.header .header-right a{color:#fff;border-radius:0}.header .header-right a:hover{color:#c4c4c4!important}.header .header-right a.active{color:#ff0;font-weight:600}.header .header-right .header-flashcard-btn{color:#fff;border:1px solid #fff}.header .header-right .header-flashcard-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.header .header-right .header-avatar{cursor:pointer;background-color:#fff;color:var(--primary-color)}.header .header-right .header-signin-btn{color:#fff;border:1px solid #fff}.header .header-right .header-signin-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.header .header-right .header-register-btn{background:#fff;color:var(--primary-color);border:none}.header .header-right .header-register-btn:hover{background:#f0f0f0;color:var(--primary-color)}.mobileMenu{background-color:#673de6;position:fixed;bottom:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;color:#fff;z-index:10;display:none;box-shadow:-2px -2px .25em rgba(0,0,0,.27),0 .25em 1em rgba(0,0,0,.05)}.mobileMenu a span{color:#fff}.mobileMenu a img,.mobileMenu a svg{width:40px;filter:brightness(0) invert(1)}.mobileMenu button span.anticon{color:#fff;font-weight:600;font-size:20px}.footer{background:#001529;color:#fff;padding:60px 24px 40px}.footer .footer-container{max-width:1200px;margin:0 auto}.footer .brand-section{margin-bottom:24px}.footer .brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer .logo-icon{font-size:24px;color:var(--primary-color)}.footer .logo-text{font-size:20px;font-weight:700}.footer .brand-description{color:#ccc;line-height:1.6}.footer .social-title{margin-bottom:16px}.footer .social-link{color:#fff;text-decoration:none}.footer .social-link:hover{color:var(--primary-color)}.footer .social-section{display:flex;gap:25px}.footer .section-title{color:#fff;margin-bottom:24px}.footer .links-section{display:flex;flex-direction:column;gap:12px;flex-wrap:wrap;align-items:flex-start;justify-content:center;align-content:space-around}.footer .link{color:#ccc;text-decoration:none}.footer .link:hover{color:var(--primary-color)}.footer .footer-divider{border-color:#333;margin:40px 0 20px}.footer .copyright{text-align:center;color:#ccc}.skill-details{padding:50px 0}.skill-details .skills-tab{display:flex;gap:20px;border-bottom:2px solid #e57373;margin-bottom:20px}.skill-details .skills-tab button{width:auto;margin:10px 0}.skill-details .slick-list .slick-slide .skill-info{margin:0;color:#282828;text-align:center;background:#ebf2ff;padding:30px 130px;border-radius:25px;position:relative;height:370px}.skill-details .slick-list .slick-slide .skill-info b{font-size:20px;color:#fff;position:absolute;left:20px;top:20px}.skill-details .slick-list .slick-slide .skill-info h3{font-size:30px;margin:10px}.skill-details .slick-list .slick-slide .skill-info p{margin:0;font-size:18px;line-height:25px;color:rgba(76,76,76,.941);font-weight:500}.skill-details .slick-list .slick-slide .skill-info div{display:flex;width:100%;margin-top:35px;margin-bottom:20px;justify-content:center;gap:30px}.skill-details .slick-list .slick-slide .skill-info div>span{background-color:#fff;padding:30px 20px;border-radius:10px;margin:0 10px;width:250px;display:flex;align-items:center;flex-direction:row}.skill-details .slick-list .slick-slide .skill-info div>span span.anticon{font-size:45px;margin-right:15px}.skill-details .slick-list .slick-slide .skill-info div>span span.anticon.anticon-clock-circle{color:#e31837}.skill-details .slick-list .slick-slide .skill-info div>span span.anticon.anticon-question-circle{color:#ffc800}.skill-details .slick-list .slick-slide .skill-info div>span span.info{font-size:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.skill-details .slick-list .slick-slide .skill-info div>span span.info strong{display:flex;align-items:center;font-size:13px}.skill-details .slick-list .slick-slide .skill-info.listening{background-color:#e0f2e9}.skill-details .slick-list .slick-slide .skill-info.listening h3{color:#00c853}.skill-details .slick-list .slick-slide .skill-info.listening div>span{box-shadow:0 2px 5px -1px #e0f2e9,0 1px 3px -1px #00c853}.skill-details .slick-list .slick-slide .skill-info.reading{background-color:#e3f2fd}.skill-details .slick-list .slick-slide .skill-info.reading h3{color:#2962ff}.skill-details .slick-list .slick-slide .skill-info.reading div>span{box-shadow:0 2px 5px -1px #e3f2fd,0 1px 3px -1px #2962ff}.skill-details .slick-list .slick-slide .skill-info.writing{background-color:#fbe9e7}.skill-details .slick-list .slick-slide .skill-info.writing h3{color:#f57c00}.skill-details .slick-list .slick-slide .skill-info.writing div>span{box-shadow:0 2px 5px -1px #fbe9e7,0 1px 3px -1px #f57c00}.skill-details .slick-list .slick-slide .skill-info.speaking{background-color:#f3e5f5}.skill-details .slick-list .slick-slide .skill-info.speaking h3{color:#ab47bc}.skill-details .slick-list .slick-slide .skill-info.speaking div>span{box-shadow:0 2px 5px -1px #f3e5f5,0 1px 3px -1px #ab47bc}.skill-details .slick-dots li button{background-color:#000}.skill-details .slick-dots li.slick-active button{opacity:.8}.skill-details .slick-next,.skill-details .slick-prev{display:block;color:#000;width:30px}.skill-details .slick-next:after,.skill-details .slick-prev:after{width:22.313708px;height:22.313708px}@media(max-width:850px){.header{display:none}.hero,.hero-section{background-image:url(/smile-white.svg);background-position:0 0;background-size:90px;background-repeat:no-repeat;padding:70px 10px!important}.mobileMenu{display:flex!important}.mobileMenu button{width:auto!important;min-width:65px}.mobileDrawer{display:flex;flex-direction:column;align-items:flex-start}.mobileDrawer .ant-drawer-body,.mobileDrawer .ant-drawer-header{width:100%}.mobileDrawer a{height:50px;width:100%;text-align:left;display:flex;justify-content:flex-start}.footer{margin-bottom:40px}.footer .link{width:100%}.footer .social-section{justify-content:space-between}.footer .social-section a:last-child{text-align:right}.footer .brand-logo{justify-content:center}.homepage .hero{text-align:center}.homepage .hero .description p:last-child{display:flex;flex-wrap:wrap;flex-direction:column}.homepage .hero .btn{width:100%}.skill-details .slick-list .slick-slide .skill-info{height:540px;padding:30px 40px;display:flex!important;align-items:center;flex-direction:column;justify-content:center}.skill-details .slick-list .slick-slide .skill-info h3{font-size:23px}.skill-details .slick-list .slick-slide .skill-info p{font-size:15px}.skill-details .slick-list .slick-slide .skill-info div{gap:10px}.skill-details .slick-list .slick-slide .skill-info div>span{width:50%;flex-direction:row;padding:30px 10px}.skill-details .slick-list .slick-slide .skill-info div>span span.anticon{font-size:25px;margin-right:10px}.auth-layout form{display:flex;flex-direction:column;min-width:350px!important;max-width:350px!important}.auth-layout form .ant-form-item{margin-bottom:10px}.auth-layout form .ant-form-item .ant-form-item-label{width:100%}.auth-layout .ant-form-item-row{display:flex;flex-direction:column!important;gap:0!important;align-items:flex-start!important}.exam-page-layout .section-container .mobileCategories,.practice-page-content .section-container .mobileCategories{display:flex;row-gap:5px!important}.exam-page-layout .section-container .mobileCategories>div,.practice-page-content .section-container .mobileCategories>div{flex:0 0 25%!important;padding:0 5px!important;text-align:center}.exam-page-layout .section-container .mobileCategories>div .category-title,.practice-page-content .section-container .mobileCategories>div .category-title{font-size:12px}.exam-page-layout .section-container .mobileCategories>div .category-title span,.practice-page-content .section-container .mobileCategories>div .category-title span{margin-bottom:5px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.exam-page-layout .section-container .mobileCategories>div .category-title.active,.practice-page-content .section-container .mobileCategories>div .category-title.active{font-weight:600;border-width:4px}.exam-page-layout .section-container .mobileCategories>div .category-title.category-basic,.practice-page-content .section-container .mobileCategories>div .category-title.category-basic{height:100px;padding-bottom:0}.exam-page-layout .section-container .mobileCategories>div .category-title.category-basic.active span,.practice-page-content .section-container .mobileCategories>div .category-title.category-basic.active span{background-color:rgba(59,130,246,.078)}.exam-page-layout .section-container .mobileCategories>div .category-title.category-pre-intermediate,.practice-page-content .section-container .mobileCategories>div .category-title.category-pre-intermediate{height:100px;padding-bottom:0}.exam-page-layout .section-container .mobileCategories>div .category-title.category-pre-intermediate.active span,.practice-page-content .section-container .mobileCategories>div .category-title.category-pre-intermediate.active span{background-color:rgba(239,68,68,.157)}.exam-page-layout .section-container .mobileCategories>div .category-title.category-intermediate,.practice-page-content .section-container .mobileCategories>div .category-title.category-intermediate{height:100px;padding-bottom:0}.exam-page-layout .section-container .mobileCategories>div .category-title.category-intermediate.active span,.practice-page-content .section-container .mobileCategories>div .category-title.category-intermediate.active span{background-color:rgba(249,116,22,.122)}.exam-page-layout .section-container .mobileCategories>div .category-title.category-advanced,.practice-page-content .section-container .mobileCategories>div .category-title.category-advanced{height:100px;padding-bottom:0}.exam-page-layout .section-container .mobileCategories>div .category-title.category-advanced .active span,.practice-page-content .section-container .mobileCategories>div .category-title.category-advanced .active span{background-color:rgba(185,28,28,.137)}.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-listening span.anticon,.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-reading span.anticon,.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-speaking span.anticon,.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-writing span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-listening span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-reading span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-speaking span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-writing span.anticon{margin:0!important;font-size:20px}.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-speaking.active span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-speaking.active span.anticon{background-color:#f3e5f5}.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-listening.active span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-listening.active span.anticon{background-color:#e0f2e9}.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-writing.active span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-writing.active span.anticon{background-color:#fbe9e7}.exam-page-layout .section-container .mobileCategories>div .category-title.category-title-reading.active span.anticon,.practice-page-content .section-container .mobileCategories>div .category-title.category-title-reading.active span.anticon{background-color:#e3f2fd}.exam-page-layout .section-container .ant-list,.exam-page-layout .section-container .desktopCategories .category-title,.practice-page-content .section-container .ant-list,.practice-page-content .section-container .desktopCategories .category-title{display:none}.exam-page-layout .section-container .ant-list.active,.practice-page-content .section-container .ant-list.active{display:block}.skill-details .skills-tab{gap:10px}}