@charset "UTF-8";.complete-exam{width:1440px;padding:20px 80px 80px;background:var(--Gray-25, #fafafa);margin:0 auto}.complete-exam .complete-exam--navigate{display:flex;gap:10px;cursor:pointer}.complete-exam .complete-exam--navigate .complete-exam--navigate--title,.complete-exam .complete-exam--navigate .complete-exam--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.complete-exam .complete-exam--navigate .complete-exam--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.complete-exam .complete-exam--content{margin-top:60px;display:flex;flex-direction:column;align-items:center}.complete-exam .complete-exam--content .cat{width:264px;height:308.004px;flex-shrink:0}.complete-exam .complete-exam--content .title{margin-top:40px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px}.complete-exam .complete-exam--content .content{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-top:12px}.complete-exam .complete-exam--content .point{width:fit-content;padding:4px 12px;height:fit-content;flex-shrink:0;display:flex;justify-content:center;border-radius:8px;border:1px solid var(--Brand-500, #BC2228);background:var(--White, #FFF);align-items:center;margin-top:8px}.complete-exam .complete-exam--content .point p{color:var(--Brand-500, #BC2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.complete-exam .complete-exam--content .button{margin-top:40px;display:flex;align-items:center;gap:32px}.complete-exam .complete-exam--content .button .button--left{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--White, #fff);cursor:pointer}.complete-exam .complete-exam--content .button .button--left p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.complete-exam .complete-exam--content .button .button--left img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.complete-exam .complete-exam--content .button .button--right{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.complete-exam .complete-exam--content .button .button--right p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.complete-exam .complete-exam--content .button .button--right img{width:24px;height:24px;flex-shrink:0}.elearning--detail{width:1440px;padding:20px 80px;margin:0 auto;background:var(--Gray-25, #fafafa)}.elearning--detail .elearning-detail-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;align-items:center;justify-content:center;z-index:1000}.elearning--detail .elearning--detail--navigate{display:flex;gap:10px}.elearning--detail .elearning--detail--navigate .elearning--detail--navigate--title,.elearning--detail .elearning--detail--navigate .elearning--detail--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning--detail .elearning--detail--navigate .elearning--detail--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning--detail .elearning--detail--content{margin-top:20px;display:flex;justify-content:space-between;max-height:calc(100vh - 120px);overflow:hidden}.elearning--detail .elearning--detail--content .elearning--detail--content--left{width:26.125%;height:calc(100vh - 160px);border-radius:8px;background:#fff;display:inline-flex;padding:20px 54px 20px 20px;flex-direction:column;align-items:flex-start;gap:24px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.elearning--detail .elearning--detail--content .elearning--detail--content--left::-webkit-scrollbar{width:0px;height:0px}.elearning--detail .elearning--detail--content .elearning--detail--content--left:hover{scrollbar-width:thin}.elearning--detail .elearning--detail--content .elearning--detail--content--left:hover::-webkit-scrollbar{width:6px;height:6px}.elearning--detail .elearning--detail--content .elearning--detail--content--left:hover::-webkit-scrollbar-track{background:transparent}.elearning--detail .elearning--detail--content .elearning--detail--content--left:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:8px}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item{width:100%;display:flex;padding:0 20px;gap:10px;cursor:pointer}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item:hover{background:var(--Gray-100, #f5f5f5)}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item p{color:#505050;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item.opened p{color:#059669}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item.active{border-left:4px solid var(--Brand-500, #bc2228)}.elearning--detail .elearning--detail--content .elearning--detail--content--left .elearning--detail--content--left__item.active p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.elearning--detail .elearning--detail--content .elearning--detail--content--right{width:70.906%;height:calc(100vh - 160px);display:flex;flex-direction:column;gap:24px;overflow-y:auto;scrollbar-width:none}.elearning--detail .elearning--detail--content .elearning--detail--content--right::-webkit-scrollbar{width:0px;height:0px}.elearning--detail .elearning--detail--content .elearning--detail--content--right:hover{scrollbar-width:thin}.elearning--detail .elearning--detail--content .elearning--detail--content--right:hover::-webkit-scrollbar{width:6px;height:6px}.elearning--detail .elearning--detail--content .elearning--detail--content--right:hover::-webkit-scrollbar-track{background:transparent}.elearning--detail .elearning--detail--content .elearning--detail--content--right:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:8px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item{width:100%;display:flex;padding:24px;justify-content:flex-end;justify-content:space-between;border-radius:8px;background:var(--White, #fff)}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left{width:575px;display:flex;flex-direction:column;gap:4px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:600;line-height:30px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__desc{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__info{display:flex;gap:20px;align-items:center;margin-top:24px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__info .elearning--detail--content--right__item--left__info--icon{display:flex;gap:8px;align-items:center}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__info .elearning--detail--content--right__item--left__info--icon img{width:20px;height:20px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item .elearning--detail--content--right__item--left .elearning--detail--content--right__item--left__info .elearning--detail--content--right__item--left__info--icon span{color:#2d2c2c;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right{width:187px;display:flex;align-items:end}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right button{height:48px;display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #BC2228);border:none}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right button img{width:24px;height:24px;flex-shrink:0}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right button.completed{min-width:max-content;background:#34c759}.elearning--detail .elearning--detail--content .elearning--detail--content--right .elearning--detail--content--right__item--right button.notest{background:#d1d5db;cursor:not-allowed}.elearning-exam{width:1440px;height:auto;padding:20px 80px;background:var(--Gray-25, #fafafa);position:relative}.elearning-exam .question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:12px}.elearning-exam .question-header__content{display:flex;align-items:center;gap:12px}.elearning-exam .question-header .question-title{margin:0;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:1.4}.elearning-exam .question-header .question-type-badge{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:12px;font-weight:500;font-family:SF Pro Display;letter-spacing:.3px}.elearning-exam.ai-chat-open .elearning-exam--content--left{margin-right:400px}.elearning-exam .elearning-exam--navigate{display:flex;gap:10px}.elearning-exam .elearning-exam--navigate .elearning-exam--navigate--title,.elearning-exam .elearning-exam--navigate .elearning-exam--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning-exam .elearning-exam--navigate .elearning-exam--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning-exam .elearning-exam--title{margin-top:30px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px}.elearning-exam .elearning-exam--content{display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px;position:relative}.elearning-exam .elearning-exam--content .elearning-exam--content--left{width:66%;display:flex;flex-direction:column;background-color:#fff;justify-content:flex-start;position:relative;padding-bottom:80px}.elearning-exam .elearning-exam--content .elearning-exam--button--ban{width:fit-content;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Gray-100, #ddd);border:none;cursor:pointer;position:absolute;bottom:24px;right:24px}.elearning-exam .elearning-exam--content .elearning-exam--button--ban p{color:var(--Gray-400, #a7a7a7);text-align:center;font-family:SF Pro Display;font-size:16px;font-weight:600;line-height:24px}.elearning-exam .elearning-exam--content .elearning-exam--button--ban img{width:24px;height:24px}.elearning-exam .elearning-exam--content .elearning-detail-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:2000}.elearning-exam .elearning-exam--content .elearning-exam--button--ban.enabled{border-radius:8px;background:var(--Brand-500, #BC2228)}.elearning-exam .elearning-exam--content .elearning-exam--button--ban.enabled p{color:var(--White, #FFF)}.elearning-exam .elearning-exam--content .elearning-exam--button--ban:disabled{background:var(--Gray-100, #ddd)}.elearning-exam .elearning-exam--content .elearning-exam--button--ban:disabled p{color:var(--Gray-400, #a7a7a7)}.elearning-exam .elearning-exam--content .elearning-exam--content--right{width:32%;display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;align-self:flex-start;z-index:1}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--top{width:100%;height:154px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:24px;display:flex;flex-direction:column;gap:24px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--top .elearning-exam--content--right--top--time{color:var(--Blue-Gray-500, #231651);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--top .elearning-exam--content--right--top--timecount{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin:0 auto}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom{width:100%;height:auto;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:24px;display:flex;flex-direction:column;gap:24px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--title{color:var(--Blue-Gray-500, #231651);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item--top{color:#676767;display:flex;align-items:center;justify-content:center}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item--top p{color:var(--Gray-700, #676767);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item.selected{border:.882px solid #007aff;background:#007aff1a}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item.selected p{color:#007aff;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item.answered{border:1px solid #007AFF;background:#007aff1a}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item.answered p{color:#007aff;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.elearning-exam .elearning-exam--content .elearning-exam--content--right .elearning-exam--content--right--bottom .elearning-exam--content--right--bottom--listquestion__question__item:hover{background-color:#f5f5f5;transform:scale(1.1)}.elearning-exam--progress .progress-container{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.elearning-exam--progress .progress-bar{height:100%;background-color:#007aff;border-radius:6px;transition:width .3s ease-out}.elearning-exam--content--right--top{box-shadow:0 4px 6px #0000001a}.submit--modal{flex-shrink:0;border-radius:8px;display:flex;padding:16px;flex-direction:column;justify-content:center}.submit--modal .submit--modal--title{text-align:center;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px}.submit--modal .submit--modal--text{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px;margin-top:24px}.submit--modal .submit--modal--test-info{display:flex;flex-direction:column;gap:8px;margin:16px auto;padding:16px;background:var(--Gray-50, #f9f9f9);border-radius:8px;border:1px solid var(--Gray-200, #e5e7eb)}.submit--modal .submit--modal--test-info p{color:var(--Gray-700, #374151);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}.submit--modal .submit--modal--test-info p strong{font-weight:600;color:var(--Gray-900, #2d2c2c)}.submit--modal .submit--modal--content{display:flex;align-items:center;gap:4px;margin:0 auto}.submit--modal .submit--modal--content .submit--modal--content--left{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.submit--modal .submit--modal--content .submit--modal--content--right{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.submit--modal .submit--modal--button{display:flex;justify-content:center;gap:32px;align-items:center;margin-top:30px}.submit--modal .submit--modal--button .submit--modal--button--left{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--White, #fff);color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;cursor:pointer}.submit--modal .submit--modal--button .submit--modal--button--right{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;cursor:pointer;border:none}.readonly-ck-custom{position:relative}.readonly-ck-custom .opacity-readonly{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}.readonly-ck-custom .ck-content{height:fit-content!important}.readonly-ck-custom .ck-content ul li{line-height:24px}.readonly-ck-custom .ck-content blockquote{background-color:#f0f0f0;border-radius:4px}.readonly-ck-custom .ck-content .image img{border:1px solid #dadada;border-radius:6px;object-fit:cover}.ck table tr{border:1px solid #dadada}.ck table tr td{height:40px;padding:0 16px!important}.ck table tr:first-child{height:44px;background-color:#f0f0f0}.ck .ck-toolbar__items{flex-wrap:wrap!important}.ck-powered-by-balloon{display:none!important}.ck strong{font-weight:700!important}.ck u{text-decoration:underline!important}.ck-content i,.ck-content em{font-style:italic!important}.ck .ck-sticky-panel__content{border:none!important}.ck.ck-toolbar,.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){border:1px solid #d9d9d9!important}.ck.ck-toolbar{border-radius:8px 8px 0 0!important}.ck-editor__main .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important}.multiple-choice-question-learning{display:flex;padding:24px 24px 32px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-radius:8px;background:var(--White, #fff)}.multiple-choice-question-learning .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.multiple-choice-question-learning .question{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.multiple-choice-question-learning .options{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.multiple-choice-question-learning .option{display:flex;width:795px;height:68px;padding:20px;align-items:center;gap:16px;border-radius:8px;cursor:pointer;transition:background-color .3s;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.multiple-choice-question-learning .option.selected{background-color:#e0e0e0}.multiple-choice-question-learning .option.correct{border-radius:8px;background:#e2f1e6;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.multiple-choice-question-learning .option.incorrect{border-radius:8px;background:var(--Brand-50, #f8e9ea)}.multiple-choice-question-learning .option input{margin-right:10px;width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:100px;border:1px solid var(--Gray-100, #ddd)}.multiple-choice-question-learning .result{margin-top:20px;font-weight:600}.multiple-choice-question-learning .result.correct{color:#4caf50}.multiple-choice-question-learning .result.incorrect{color:#f44336}.multiple-choice-question-learning .btn--group{margin-top:20px;display:flex;gap:12px;align-items:center}.multiple-choice-question-learning .btn--group .reset-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;cursor:pointer;font-family:SF Pro Display;font-size:14px;font-weight:500;transition:all .3s}.multiple-choice-question-learning .btn--group .reset-btn:hover{background:#f5f5f5;border-color:#ccc}.fill-in-the-blanks-question-learning{display:flex;flex-direction:column;padding:24px 24px 32px;gap:20px;align-items:flex-start;border-radius:8px;background:var(--White, #fff)}.fill-in-the-blanks-question-learning .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question-learning .question{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px;margin-bottom:24px}.fill-in-the-blanks-question-learning .question .blank-placeholder{display:inline-block;color:#007aff;font-weight:600;letter-spacing:1px;padding:0 2px;font-family:SF Pro Display,monospace;margin:0 2px}.fill-in-the-blanks-question-learning .answer-inputs{width:100%;margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.fill-in-the-blanks-question-learning .answer-inputs__title{margin:0 0 16px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-weight:600;line-height:24px}.fill-in-the-blanks-question-learning .answer-inputs__container{display:flex;flex-direction:column;gap:12px}.fill-in-the-blanks-question-learning .answer-input-item{display:flex;align-items:center;gap:12px}.fill-in-the-blanks-question-learning .answer-input-item__label{min-width:50px;color:var(--Gray-700, #666);font-family:SF Pro Display;font-size:14px;font-weight:500;line-height:20px}.fill-in-the-blanks-question-learning .answer-input-item__input{flex:1;height:44px;padding:10px 16px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);font-size:16px;font-family:SF Pro Display;color:var(--Gray-900, #2d2c2c);transition:all .2s}.fill-in-the-blanks-question-learning .answer-input-item__input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.fill-in-the-blanks-question-learning .answer-input-item__input::placeholder{color:var(--Gray-400, #bbb)}.fill-in-the-blanks-question-learning .answer-input-item__input:disabled{background:#f5f5f5;cursor:not-allowed}.fill-in-the-blanks-question-learning .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.fill-in-the-blanks-question-learning .check-answer-btn:hover{background-color:#bc2228;color:#fff}.fill-in-the-blanks-question-learning .result{margin-top:20px;font-weight:600}.fill-in-the-blanks-question-learning .result.correct{color:#4caf50}.fill-in-the-blanks-question-learning .result.incorrect{color:#f44336}.fill-in-the-blanks-question-learning .btn--group{margin-top:20px;display:flex;gap:12px;align-items:center}.fill-in-the-blanks-question-learning .btn--group .reset-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;cursor:pointer;font-family:SF Pro Display;font-size:14px;font-weight:500;transition:all .3s}.fill-in-the-blanks-question-learning .btn--group .reset-btn:hover{background:#f5f5f5;border-color:#ccc}.arrange-steps-question-elearning{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;background:var(--White, #fff);border-radius:8px}.arrange-steps-question-elearning .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.arrange-steps-question-elearning .question{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.arrange-steps-question-elearning .arrange-steps-container{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.arrange-steps-question-elearning .left-panel,.arrange-steps-question-elearning .right-panel{width:45%;max-height:60vh;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent}.arrange-steps-question-elearning .left-panel::-webkit-scrollbar,.arrange-steps-question-elearning .right-panel::-webkit-scrollbar{width:6px}.arrange-steps-question-elearning .left-panel::-webkit-scrollbar-track,.arrange-steps-question-elearning .right-panel::-webkit-scrollbar-track{background:transparent}.arrange-steps-question-elearning .left-panel::-webkit-scrollbar-thumb,.arrange-steps-question-elearning .right-panel::-webkit-scrollbar-thumb{background-color:#c9c9c9;border-radius:8px}.arrange-steps-question-elearning .left-panel::-webkit-scrollbar-thumb:hover,.arrange-steps-question-elearning .right-panel::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0}.arrange-steps-question-elearning .draggable-step{min-height:80px;background-color:#f0f0f0;padding:10px;margin-bottom:24px;cursor:pointer;border-radius:5px;border:1px solid #ddd;transition:background-color .3s;-webkit-user-select:none;user-select:none;color:var(--Gray-900, #2d2c2c);opacity:1;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.arrange-steps-question-elearning .draggable-step.dragged{opacity:.5}.arrange-steps-question-elearning .droppable-slot-container{width:100%;display:flex;align-items:center;gap:16px}.arrange-steps-question-elearning .droppable-slot-container .circle-number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#fff;font-family:SF Pro Display;font-style:normal;font-weight:500;line-height:24px;border-radius:50%;font-size:14px;font-weight:700;text-align:center;margin-bottom:10px}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot{width:280px;min-height:80px;background-color:#f9f9f9;padding:10px;margin-bottom:24px;border:2px dashed #ccc;text-align:center;transition:background-color .3s,border .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;overflow:auto;white-space:normal}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot.is-dropped{background-color:#e0f7fa}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot.incorrect{border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.arrange-steps-question-elearning .droppable-slot-container .droppable-slot .empty-slot,.arrange-steps-question-elearning .empty-slot{color:#888}.arrange-steps-question-elearning .step{padding:10px;border-radius:5px}.arrange-steps-question-elearning .btn--group{width:100%;display:flex;justify-content:space-between;margin-top:20px}.arrange-steps-question-elearning .btn--group .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.arrange-steps-question-elearning .btn--group .check-answer-btn:hover{background-color:#bc2228;color:#fff}.arrange-steps-question-elearning .btn--group .check-answer-btn:disabled{background-color:#eababc;cursor:not-allowed}.arrange-steps-question-elearning .btn--group .reset-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.arrange-steps-question-elearning .btn--group .reset-btn:hover{background-color:#bc2228;color:#fff}.match-sentences-question-elearning{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;background:var(--White, #fff);border-radius:8px}.match-sentences-question-elearning .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.match-sentences-question-elearning .question{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.match-sentences-question-elearning .matching-options{width:100%;display:flex;justify-content:space-between}.match-sentences-question-elearning .matching-options .left-side,.match-sentences-question-elearning .matching-options .right-side{width:45%}.match-sentences-question-elearning .matching-options .left-side .left-side-option{width:100%;display:flex;align-items:center;gap:16px;margin-bottom:12px;cursor:pointer}.match-sentences-question-elearning .matching-options .left-side .left-side-option .circle-number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:500;line-height:24px;border-radius:50%;font-weight:700;text-align:center}.match-sentences-question-elearning .matching-options .left-side .left-side-option .circle-number.correct{background:#34c759;color:#fff}.match-sentences-question-elearning .matching-options .left-side .left-side-option .circle-number.incorrect{background:var(--Brand-50, #bc2228);color:var(--Brand-500, #fff)}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option{display:flex;width:280px;padding:10px 10px 10px 16px;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);background:var(--Gray-50, #f4f4f4);overflow:auto;white-space:normal;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option.is-dropped{background-color:#e0f7fa}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option.incorrect{border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .left-side .left-side-option .option .empty-slot{color:#888}.match-sentences-question-elearning .matching-options .right-side .right-side-option{width:100%;display:flex;align-items:center;gap:16px;margin-bottom:12px;cursor:pointer}.match-sentences-question-elearning .matching-options .right-side .right-side-option .circle-number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-style:normal;line-height:24px;border-radius:50%;font-weight:700;text-align:center}.match-sentences-question-elearning .matching-options .right-side .right-side-option .circle-number.correct{background:#34c759;color:#fff}.match-sentences-question-elearning .matching-options .right-side .right-side-option .circle-number.incorrect{background:var(--Brand-50, #bc2228);color:var(--Brand-500, #fff)}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option{display:flex;width:280px;padding:10px 10px 10px 16px;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);background:var(--Gray-50, #f4f4f4);overflow:auto;white-space:normal;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px;transition:all .3s ease}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option.is-dropped{background-color:#e0f7fa}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option.incorrect{border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question-elearning .matching-options .right-side .right-side-option .option .empty-slot{color:#888}.match-sentences-question-elearning .matching-options select{padding:5px;margin-left:10px;border-radius:4px;border:1px solid #ddd;font-size:16px;background-color:#fff;cursor:pointer}.match-sentences-question-elearning .matching-options select:focus{outline:none;border-color:#4caf50}.match-sentences-question-elearning .btn--group{width:100%;display:flex;justify-content:space-between;margin-top:20px}.match-sentences-question-elearning .btn--group .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.match-sentences-question-elearning .btn--group .check-answer-btn:hover{background-color:#bc2228;color:#fff}.match-sentences-question-elearning .btn--group .check-answer-btn:disabled{background-color:#eababc;cursor:not-allowed}.match-sentences-question-elearning .btn--group .reset-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.match-sentences-question-elearning .btn--group .reset-btn:hover{background-color:#bc2228;color:#fff}.match-sentences-question-elearning .result{margin-top:20px;font-weight:600}.match-sentences-question-elearning .result.correct{color:#4caf50}.match-sentences-question-elearning .result.incorrect{color:#f44336}.coding-question-learning{margin-bottom:24px}.coding-question-learning .ant-card{box-shadow:0 1px 3px #0000001a;border:1px solid #f0f0f0}.coding-question-learning .ant-card .ant-card-head{border-bottom:1px solid #f0f0f0}.coding-question-learning .ant-card .ant-card-head .ant-card-head-title{font-weight:600;color:#262626}.coding-question-learning .ant-btn-primary{background:#bc2228;border-color:#bc2228}.coding-question-learning .ant-btn-primary:hover{background:#a01e24;border-color:#a01e24}.coding-question-learning .ant-tag{border-radius:4px;font-weight:500}.coding-question-learning .ant-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.coding-question-learning .ant-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}.coding-question-learning .ant-drawer .ant-drawer-header{border-bottom:1px solid #f0f0f0}.coding-question-learning .ant-drawer .ant-drawer-body{padding:24px}.coding-question-learning pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;margin:0}.coding-question-learning code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.coding-question-learning .space-y-6>*+*{margin-top:1.5rem}.coding-question-learning .space-y-4>*+*{margin-top:1rem}.coding-question-learning .space-y-2>*+*{margin-top:.5rem}.coding-question-learning .space-x-2>*+*{margin-left:.5rem}.coding-question-learning .space-x-4>*+*{margin-left:1rem}.coding-question-learning .gap-2>*+*{margin-left:.5rem}.coding-question-learning .mb-0{margin-bottom:0}.coding-question-learning .mb-4{margin-bottom:1rem}.coding-question-learning .mb-6{margin-bottom:1.5rem}.coding-question-learning .mt-4{margin-top:1rem}.coding-question-learning .text-gray-500{color:#6b7280}.coding-question-learning .text-gray-600{color:#4b5563}.coding-question-learning .text-gray-700{color:#374151}.coding-question-learning .text-sm{font-size:.875rem}.coding-question-learning .text-center{text-align:center}.coding-question-learning .bg-gray-50{background-color:#f9fafb}.coding-question-learning .bg-gray-100{background-color:#f3f4f6}.coding-question-learning .bg-black{background-color:#000}.coding-question-learning .bg-white{background-color:#fff}.coding-question-learning .bg-opacity-30{--tw-bg-opacity: .3}.coding-question-learning .rounded{border-radius:.25rem}.coding-question-learning .rounded-lg{border-radius:.5rem}.coding-question-learning .border{border-width:1px}.coding-question-learning .border-b{border-bottom-width:1px}.coding-question-learning .p-3{padding:.75rem}.coding-question-learning .p-4{padding:1rem}.coding-question-learning .p-6{padding:1.5rem}.coding-question-learning .px-4{padding-left:1rem;padding-right:1rem}.coding-question-learning .py-2{padding-top:.5rem;padding-bottom:.5rem}.coding-question-learning .py-12{padding-top:3rem;padding-bottom:3rem}.coding-question-learning .px-20{padding-left:5rem;padding-right:5rem}.coding-question-learning .overflow-hidden{overflow:hidden}.coding-question-learning .overflow-x-auto{overflow-x:auto}.coding-question-learning .flex{display:flex}.coding-question-learning .items-center{align-items:center}.coding-question-learning .justify-between{justify-content:space-between}.coding-question-learning .justify-end{justify-content:flex-end}.coding-question-learning .justify-center{justify-content:center}.coding-question-learning .fixed{position:fixed}.coding-question-learning .inset-0{top:0;right:0;bottom:0;left:0}.coding-question-learning .z-50{z-index:50}.coding-question-learning .shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.coding-question-learning .font-medium{font-weight:500}.coding-question-learning .font-600{font-weight:600}.coding-question-learning .text-16{font-size:1rem}.coding-question-learning .h-400{height:25rem}.coding-question-learning .coding-textarea{width:902px!important;height:252px!important;min-width:902px;min-height:252px}.coding-question-learning .w-150{width:9.375rem}.coding-question-learning .w-100{width:6.25rem}.ai-chat-box{position:fixed;top:0;right:0;width:380px;height:100vh;background:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;z-index:1000;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif}.ai-chat-box__header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.ai-chat-box__header__info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ai-chat-box__header__avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ai-chat-box__header__details{min-width:0}.ai-chat-box__header__details h4{margin:0;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-box__header__details p{margin:0;font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-box__header__close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ai-chat-box__header__close:hover{background:#ffffff1a}.ai-chat-box__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.ai-chat-box__messages::-webkit-scrollbar{width:4px}.ai-chat-box__messages::-webkit-scrollbar-track{background:#f1f1f1}.ai-chat-box__messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.ai-chat-box__messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ai-chat-box__message{max-width:90%;animation:fadeInUp .3s ease-out}.ai-chat-box__message--user{align-self:flex-end}.ai-chat-box__message--user .ai-chat-box__message__content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 4px}.ai-chat-box__message--ai{align-self:flex-start}.ai-chat-box__message--ai .ai-chat-box__message__content{background:#f8f9fa;color:#333;border-radius:18px 18px 18px 4px;border:1px solid #e9ecef}.ai-chat-box__message__content{padding:10px 14px;font-size:13px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;max-width:100%;overflow-wrap:break-word}.ai-chat-box__message__time{font-size:10px;color:#999;margin-top:4px;text-align:right}.ai-chat-box__typing{display:flex;gap:3px;padding:10px 14px}.ai-chat-box__typing span{width:6px;height:6px;background:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.ai-chat-box__typing span:nth-child(1){animation-delay:-.32s}.ai-chat-box__typing span:nth-child(2){animation-delay:-.16s}.ai-chat-box__input{padding:12px 16px;border-top:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.ai-chat-box__input__container{display:flex;gap:8px;margin-bottom:8px}.ai-chat-box__input__field{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:20px;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;min-height:36px;max-height:80px;overflow-y:auto}.ai-chat-box__input__field:focus{border-color:#667eea}.ai-chat-box__input__field:disabled{background:#f5f5f5;cursor:not-allowed}.ai-chat-box__input__field::-webkit-scrollbar{width:3px}.ai-chat-box__input__field::-webkit-scrollbar-track{background:transparent}.ai-chat-box__input__field::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.ai-chat-box__input__send{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0}.ai-chat-box__input__send:hover:not(:disabled){transform:scale(1.05)}.ai-chat-box__input__send:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-box__input__send span{font-size:14px}.ai-chat-box__input__suggestions{display:flex;gap:6px;flex-wrap:wrap}.ai-chat-box__suggestion{padding:4px 10px;background:#fff;border:1px solid #ddd;border-radius:14px;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ai-chat-box__suggestion:hover{background:#f0f0f0;border-color:#667eea}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.ai-chat-box{width:100vw;right:0}}@media (max-width: 480px){.ai-chat-box__header{padding:12px 16px}.ai-chat-box__header__avatar{width:32px;height:32px;font-size:16px}.ai-chat-box__header__details h4{font-size:14px}.ai-chat-box__header__details p{font-size:10px}.ai-chat-box__messages{padding:12px}.ai-chat-box__input{padding:10px 12px}.ai-chat-box__input__field{font-size:12px;padding:8px 12px}.ai-chat-box__input__send{width:32px;height:32px}.ai-chat-box__input__send span{font-size:12px}.ai-chat-box__suggestion{font-size:10px;padding:3px 8px}}.fail-exam{width:1440px;padding:20px 80px 80px;background:var(--Gray-25, #fafafa);margin:0 auto}.fail-exam .fail-exam--navigate{display:flex;gap:10px;cursor:pointer}.fail-exam .fail-exam--navigate .fail-exam--navigate--title,.fail-exam .fail-exam--navigate .fail-exam--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.fail-exam .fail-exam--navigate .fail-exam--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.fail-exam .fail-exam--content{margin-top:60px;display:flex;flex-direction:column;align-items:center}.fail-exam .fail-exam--content .cat{width:264px;height:308.004px;flex-shrink:0}.fail-exam .fail-exam--content .title{margin-top:40px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px}.fail-exam .fail-exam--content .content{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-top:12px}.fail-exam .fail-exam--content .point{width:fit-content;padding:4px 12px;height:fit-content;flex-shrink:0;display:flex;justify-content:center;border-radius:8px;border:1px solid var(--Brand-500, #BC2228);background:var(--White, #FFF);align-items:center;margin-top:8px}.fail-exam .fail-exam--content .point p{color:var(--Brand-500, #BC2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.fail-exam .fail-exam--content .fail-exam--buttons{margin-top:40px;display:flex;justify-content:center;align-items:center}.fail-exam .fail-exam--content .button{margin-top:40px;display:flex;align-items:center;gap:32px}.fail-exam .fail-exam--content .button .button--left{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--White, #fff);cursor:pointer}.fail-exam .fail-exam--content .button .button--left p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.fail-exam .fail-exam--content .button .button--left img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.fail-exam .fail-exam--content .button .button--right{display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.fail-exam .fail-exam--content .button .button--right p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.fail-exam .fail-exam--content .button .button--right img{width:24px;height:24px;flex-shrink:0}.session--detail{width:1440px;padding:20px 80px;margin:0 auto;background:var(--Gray-25, #fafafa)}.session--detail .session--detail--navigate{display:flex;gap:10px;cursor:pointer}.session--detail .session--detail--navigate .session--detail--navigate--title,.session--detail .session--detail--navigate .session--detail--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.session--detail .session--detail--navigate .session--detail--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.session--detail .session--detail--title{color:var(--Gray-900, #2D2C2C);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:500;line-height:40px;margin-top:60px}.session--detail .session--detail--entry{display:flex;width:1280px;padding:30px 24px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:8px;background:var(--White, #fff);margin-top:24px}.session--detail .session--detail--entry .session--detail--entry--title{display:flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228)}.session--detail .session--detail--entry .session--detail--entry--title p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.session--detail .session--detail--entry .session--detail--entry--content{display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:8px;background:var(--White, #fff);box-shadow:0 0 20px #00000014}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--content--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--infor{display:flex;align-items:center;gap:12px}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--infor .question-count{width:fit-content;display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd)}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--infor .question-count img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--infor .question-count p{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--btn{margin-top:20px;width:100%;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);border:none;cursor:pointer}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--btn p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.session--detail .session--detail--entry .session--detail--entry--content .session--detail--entry--btn img{width:24px;height:24px;flex-shrink:0}.session--detail .session--detail--listcontent{margin-top:24px;display:flex;flex-direction:column;gap:24px}.session--detail .session--detail--listcontent .session--detail--content{width:100%;display:flex;flex-direction:column}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--top{width:100%;padding:30px 24px;height:92px;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;background:var(--White, #fff);cursor:pointer}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--top .session--detail--content--accordion--top--title{display:flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228)}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--top .session--detail--content--accordion--top--title p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--top img{width:24px;height:24px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content{width:100%;display:flex;flex-direction:column;gap:12px;border-radius:8px;background:var(--White, #fff);padding:30px 24px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item{width:100%;display:flex;padding:24px;border-bottom:1px solid var(--Gray-50, #f4f4f4);background:var(--White, #fff);position:relative;cursor:pointer;gap:12px;border-radius:8px;box-shadow:0 0 20px #00000014}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-number{display:flex;width:40px;height:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:50%;background:#fde3e4}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-number p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details{flex-grow:1}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--test-inforprocess{display:flex;justify-content:space-between;align-items:center}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--test-inforprocess .session--detail--test-name{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:600;line-height:30px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--test-inforprocess .session--detail--test-item--process{display:inline-flex;padding:4px 10px;justify-content:center;align-items:center;gap:10px;border-radius:20px;border:1px solid #34c759;background:#34c7591a}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--test-inforprocess .session--detail--test-item--process p{color:var(--Colors-Green, #34c759);font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--test-inforprocess .session--detail--test-item--process img{display:flex;width:20px;height:20px;justify-content:center;align-items:center}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--left{display:flex;align-items:center;gap:12px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--left .question-count{width:fit-content;display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd)}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--left .question-count img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--left .question-count p{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--right{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);border:none;cursor:pointer}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--right p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--right img{width:24px;height:24px;flex-shrink:0}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--refresh{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Gray-100, #ddd);border:none;cursor:pointer}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--refresh p{color:var(--Gray-400, #a7a7a7);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.session--detail .session--detail--listcontent .session--detail--content .session--detail--content--accordion--bot--content .session--detail--test-item .session--detail--test-details .session--detail--bottom .session--detail--bottom--refresh img{width:24px;height:24px;flex-shrink:0}.Elearning{width:100%;max-width:1440px;padding:80px;display:flex;flex-direction:column;align-items:center;gap:60px;flex-shrink:0;margin:0 auto}.Elearning .Elearning--top{display:flex;flex-direction:column;align-items:center}.Elearning .Elearning--top .Elearning--top--title{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:500;line-height:40px}.Elearning .Elearning--top .Elearning--top--content{margin-top:8px;align-self:stretch;color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.Elearning .Elearning--top .Elearning--top--search{margin-top:40px;display:flex;align-items:center;gap:32px;align-self:stretch}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--input{display:flex;width:843px;padding:12px 726px 12px 20px;align-items:center;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:#fff3;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--input:focus{outline:none;border-color:var(--Brand-500, #bc2228)}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--input::placeholder{color:var(--Gray-100, #ddd);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Elearning .Elearning--content{display:flex;flex-direction:column;align-items:left;gap:40px}.Elearning .Elearning--content .Elearning--content--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.Elearning .Elearning--content .Elearning--content--list{display:flex;align-items:center;gap:33px;align-self:stretch}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item{display:flex;width:100%;padding-bottom:24px;flex-direction:column;align-items:center;gap:20px;border-radius:8px;background:var(--White, #fff);cursor:pointer;box-shadow:0 0 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item:hover{transform:translateY(-10px);box-shadow:0 4px 30px #0003;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--img{display:flex;width:min(385px,100%);height:240px;object-fit:contain;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px 8px 0 0}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content{display:flex;width:365px;flex-direction:column;align-items:flex-start;gap:8px;flex-grow:1}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--progress{display:flex;align-items:center;justify-content:space-between;width:100%}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .progress-container{width:320px;height:12px;background-color:#f0f0f0;position:relative;border-radius:10px;overflow:hidden}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .progress-container .progress-bar{height:100%;background-color:#c0392b;transition:width .3s ease}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .progress-text{top:0;right:10px;color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--name{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-weight:600;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--description{align-self:stretch;color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:16px;font-weight:400;line-height:24px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--detail{display:flex;align-items:center;gap:7px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--book{display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:8px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--book .Elearning--content--list--item--content--book--icon{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--book p{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:14px;font-weight:400;line-height:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--star{display:flex;height:40px;padding:8px 10px;justify-content:center;align-items:center;gap:4px;border-radius:8px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--star .Elearning--content--list--item--content--star--icon{width:20px;height:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--star p{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:14px;font-weight:400;line-height:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:12px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer;margin-top:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-weight:600;line-height:24px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--button .Elearning--content--list--item--content--arrow{width:24px;height:24px}.Elearning .pagination-container{display:flex;align-items:center;gap:2px;justify-content:center}.Elearning .pagination-container .pagination-item{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;cursor:pointer;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s ease}.Elearning .pagination-container .pagination-item:hover{background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228)}.Elearning .pagination-container .pagination-item.active{background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228);font-weight:600}.Elearning .pagination-container .pagination-ellipsis{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px}@media (max-width: 1024px){.Elearning{padding:60px 40px;gap:40px}.Elearning .Elearning--top .Elearning--top--title{font-size:28px;line-height:36px}.Elearning .Elearning--top .Elearning--top--content{font-size:18px;line-height:26px}.Elearning .Elearning--top .Elearning--top--search{flex-direction:column;gap:16px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--input{width:100%;padding:10px 16px;font-size:14px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button{width:100%;padding:10px 20px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button p{font-size:14px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button img{width:20px;height:20px}.Elearning .Elearning--content{gap:30px}.Elearning .Elearning--content .Elearning--content--title{font-size:20px;line-height:28px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid{grid-template-columns:repeat(2,1fr);gap:16px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--img{width:100%;height:200px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content{width:100%;padding:0 16px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--name{font-size:20px;line-height:28px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--description{font-size:14px;line-height:20px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .progress-container{width:100%}}@media (max-width: 768px){.Elearning{padding:40px 20px;gap:30px}.Elearning .Elearning--top .Elearning--top--title{font-size:24px;line-height:32px}.Elearning .Elearning--top .Elearning--top--content{font-size:16px;line-height:24px}.Elearning .Elearning--top .Elearning--top--search{flex-direction:column;gap:12px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--input{width:100%;padding:8px 12px;font-size:13px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button{width:100%;padding:8px 16px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button p{font-size:13px}.Elearning .Elearning--top .Elearning--top--search .Elearning--top--search--button img{width:18px;height:18px}.Elearning .Elearning--content{gap:24px}.Elearning .Elearning--content .Elearning--content--title{font-size:18px;line-height:24px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid{grid-template-columns:1fr;gap:16px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--img{width:100%;height:180px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content{width:100%;padding:0 12px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--name{font-size:18px;line-height:24px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--description{font-size:13px;line-height:18px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--detail{flex-direction:column;gap:8px;align-items:flex-start}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--book,.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--star{padding:6px 8px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--book p,.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .Elearning--content--list--item--content--star p{font-size:12px}.Elearning .Elearning--content .Elearning--content--list .Elearning--content--list--grid .Elearning--content--list--item .Elearning--content--list--item--content .progress-container{width:100%}}.chat-box-container{position:fixed;bottom:100px;right:20px;z-index:1000;font-family:SF Pro Display,sans-serif}.chat-box-container .chat-window{position:absolute;bottom:80px;right:0;width:380px;height:70vh;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%) scale(.8);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom right}.chat-box-container .chat-window.open{transform:translateY(0) scale(1);opacity:1}.chat-box-container .chat-window.closed{transform:translateY(100%) scale(.8);opacity:0;pointer-events:none}.chat-box-container .chat-header{background:var(--White, #FFF);width:100%;height:56px;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0;box-shadow:0 3px 8px #1018281a}.chat-box-container .chat-header .chat-header-left{display:flex;align-items:center;gap:12px}.chat-box-container .chat-header .chat-header-left .chat-avatar .avatar-icon{width:40px;height:40px;object-fit:contain}.chat-box-container .chat-header .chat-header-left .chat-title h3{margin:0;font-size:18px;font-weight:700;line-height:1.2}.chat-box-container .chat-header .chat-header-right{display:flex;gap:8px}.chat-box-container .chat-header .chat-header-right .header-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.chat-box-container .chat-header .chat-header-right .header-btn svg{width:20px;height:20px}.chat-box-container .chat-header .chat-header-right .header-btn:hover{background:#bc22281a;transform:scale(1.05)}.chat-box-container .chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#f8f9fa}.chat-box-container .chat-messages::-webkit-scrollbar{width:4px}.chat-box-container .chat-messages::-webkit-scrollbar-track{background:transparent}.chat-box-container .chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.chat-box-container .chat-messages .message{display:flex;gap:12px;align-items:flex-start}.chat-box-container .chat-messages .message.user{flex-direction:row-reverse}.chat-box-container .chat-messages .message.user .message-content{align-items:flex-end}.chat-box-container .chat-messages .message.user .message-content .message-bubble{background:#c94e53;color:#fff;border-radius:18px 18px 4px}.chat-box-container .chat-messages .message.bot .message-avatar .avatar-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.chat-box-container .chat-messages .message.bot .message-content .message-bubble{background:#fff;color:#333;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000001a}.chat-box-container .chat-messages .message .message-content{display:flex;flex-direction:column;gap:4px;max-width:70%}.chat-box-container .chat-messages .message .message-content .message-bubble{padding:12px 16px;font-size:14px;line-height:1.4;word-wrap:break-word}.chat-box-container .chat-messages .message .message-content .message-bubble p{margin:0}.chat-box-container .chat-messages .message .message-content .message-bubble strong{font-weight:600;color:inherit}.chat-box-container .chat-messages .message .message-content .message-bubble em{font-style:italic;color:inherit}.chat-box-container .chat-messages .message .message-content .message-bubble code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.chat-box-container .chat-messages .message .message-content .message-bubble pre{background:#0000000d;padding:12px;border-radius:6px;margin:8px 0;overflow-x:auto;border-left:3px solid #BC2228}.chat-box-container .chat-messages .message .message-content .message-bubble pre code{background:none;padding:0;font-size:12px;line-height:1.4}.chat-box-container .chat-messages .message .message-content .message-bubble.typing{padding:16px}.chat-box-container .chat-messages .message .message-content .message-actions{display:flex;gap:8px;margin-top:4px}.chat-box-container .chat-messages .message .message-content .message-actions .like-btn{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.chat-box-container .chat-messages .message .message-content .message-actions .like-btn:hover{background:#f0f0f0;transform:scale(1.1)}.chat-box-container .chat-messages .typing-indicator{display:flex;gap:4px;align-items:center}.chat-box-container .chat-messages .typing-indicator span{width:6px;height:6px;background:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.chat-box-container .chat-messages .typing-indicator span:nth-child(1){animation-delay:-.32s}.chat-box-container .chat-messages .typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-box-container .suggested-questions{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px}.chat-box-container .suggested-questions .suggested-question-btn{padding:12px 16px;border:1px solid #BC2228;background:#fff;color:#bc2228;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:all .2s ease;font-family:SF Pro Display,sans-serif}.chat-box-container .suggested-questions .suggested-question-btn:hover{background:#bc2228;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #bc22284d}.chat-box-container .chat-input{padding:16px 20px;background:#fff;border-top:1px solid #eee}.chat-box-container .chat-input .input-container{display:flex;align-items:center;gap:12px;background:#f8f9fa;border-radius:24px;padding:8px 16px;border:1px solid #e0e0e0}.chat-box-container .chat-input .input-container .menu-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;padding:6px}.chat-box-container .chat-input .input-container .menu-btn svg{width:20px;height:20px}.chat-box-container .chat-input .input-container .menu-btn:hover{background:#bc22281a}.chat-box-container .chat-input .input-container .menu-btn:hover svg path{stroke:#bc2228}.chat-box-container .chat-input .input-container .menu-btn.active{background:#bc222826}.chat-box-container .chat-input .input-container .menu-btn.active svg path{stroke:#bc2228}.chat-box-container .chat-input .input-container input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333;font-family:SF Pro Display,sans-serif}.chat-box-container .chat-input .input-container input::placeholder{color:#999}.chat-box-container .chat-input .input-container .send-btn{width:32px;height:32px;border:none;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.chat-box-container .chat-input .input-container .send-btn svg{width:20px;height:20px}.chat-box-container .chat-input .input-container .send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-box-container .chat-input .input-container .send-btn:disabled{background:#e0e0e0;opacity:.6;cursor:not-allowed;transform:none}.chat-box-container .chat-footer{padding:8px 20px;background:#f8f9fa;border-top:1px solid #eee}.chat-box-container .chat-footer p{margin:0;font-size:11px;color:#666;text-align:center;line-height:1.3}.chat-box-container .chat-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.chat-box-container .chat-branding{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-box-container .chat-branding .branding-logo{width:80px;height:auto;object-fit:contain;animation:fadeInUp .5s ease-out}.chat-box-container .chat-toggle-btn{width:60px;height:60px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chat-box-container .chat-toggle-btn:hover{transform:scale(1.1)}.chat-box-container .chat-toggle-btn.open{transform:rotate(180deg) scale(1.1)}.chat-box-container .chat-toggle-btn .chat-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-box-container .chat-toggle-btn .chat-icon img{position:absolute;width:50px;height:50px;object-fit:contain;transition:opacity .4s ease}.chat-box-container .chat-toggle-btn .chat-icon .icon-open{opacity:1;animation:blinkShow 2s infinite ease-in-out}.chat-box-container .chat-toggle-btn .chat-icon .icon-close{opacity:0;animation:blinkHide 2s infinite ease-in-out}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@keyframes blinkShow{0%,45%{opacity:1}50%,55%{opacity:0}60%,to{opacity:1}}@keyframes blinkHide{0%,45%{opacity:0}50%,55%{opacity:1}60%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-box-container{bottom:100px;right:15px}.chat-box-container .chat-window{width:calc(100vw - 30px);max-width:350px;height:55vh;bottom:90px}.chat-box-container .chat-toggle-btn{width:50px;height:50px}.chat-box-container .chat-toggle-btn .chat-icon img{width:40px;height:40px}.chat-box-container .chat-branding .branding-logo{width:65px}}@media (max-width: 480px){.chat-box-container{bottom:80px;right:10px}.chat-box-container .chat-window{width:calc(100vw - 20px);height:50vh;bottom:75px}.chat-box-container .chat-messages{padding:16px}.chat-box-container .suggested-questions{padding:0 16px 12px}.chat-box-container .chat-input{padding:12px 16px}.chat-box-container .chat-branding .branding-logo{width:55px}}.main-layout{max-width:100%}.header{width:100%;position:sticky;top:0;z-index:1000;transition:all .3s ease;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.05)}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;background-color:#fffffff2}.header .header__inner{width:100%;max-width:1440px;margin:0 auto;padding:18px 80px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.header .header__inner{padding:12px 20px}}@media (max-width: 480px){.header .header__inner{padding:10px 16px}}.header .header__left{display:flex;gap:106px;align-items:center}@media (max-width: 1200px){.header .header__left{gap:60px}}@media (max-width: 768px){.header .header__left{gap:20px}}.header .header__left .header-logo{width:113.023px;height:40px;flex-shrink:0;cursor:pointer}.header .header__left .header-logo img{width:100%;height:100%;object-fit:contain}@media (max-width: 768px){.header .header__left .header-logo{width:90px;height:32px}}.header .header__left .header__left__nav{display:flex;align-items:center;gap:40px}@media (max-width: 1200px){.header .header__left .header__left__nav{gap:30px}}@media (max-width: 768px){.header .header__left .header__left__nav{display:none}}.header .header__left .header__left__nav .item_nav a{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:24px}@media (max-width: 1200px){.header .header__left .header__left__nav .item_nav a{font-size:14px}}.header .header__left .header__left__nav .active a{color:var(--Brand-600, #ab1f24);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}@media (max-width: 1200px){.header .header__left .header__left__nav .active a{font-size:14px}}.header .header__left .mobile-menu-btn{display:none;cursor:pointer;font-size:24px;color:#2d2c2c;padding:8px}@media (max-width: 768px){.header .header__left .mobile-menu-btn{display:block}}.header .header__left .mobile-menu-btn:hover{color:var(--Brand-600, #ab1f24)}.header .header__right{display:flex;align-items:center;gap:28px}@media (max-width: 768px){.header .header__right{gap:16px}}.header .header__right .header__right__login{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:none;background:var(--Brand-500, #bc2228);cursor:pointer}@media (max-width: 768px){.header .header__right .header__right__login{width:120px;padding:10px 16px}}.header .header__right .header__right__login p{color:var(--Gray-50, #f4f4f4);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}@media (max-width: 768px){.header .header__right .header__right__login p{font-size:14px}}.header .header__right .header__right__iconnoti{width:24px;height:24px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.header .header__right .header__right__iconnoti{width:20px;height:20px}}.header .header__right .header__right__avatar{display:flex;width:64px;height:64px;align-items:center;justify-content:center;flex-shrink:0;border-radius:91.176px;border:1px solid var(--Brand-500, #bc2228);cursor:pointer;position:relative;transition:all .3s ease}@media (max-width: 768px){.header .header__right .header__right__avatar{width:48px;height:48px}}.header .header__right .header__right__avatar:hover{border-color:var(--Brand-600, #ab1f24);transform:scale(1.05)}.header .header__right .header__right__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;cursor:pointer}.header .header__right .header__right__avatar .dropdown-arrow{position:absolute;bottom:-2px;right:-2px;background:#fff;border-radius:50%;padding:2px;font-size:12px;color:var(--Brand-500, #bc2228);border:1px solid var(--Brand-500, #bc2228)}.header .mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 4px 6px #0000001a;transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:999}@media (max-width: 768px){.header .mobile-nav{display:block}}.header .mobile-nav.open{transform:translateY(0);opacity:1}.header .mobile-nav .mobile-nav__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8}.header .mobile-nav .mobile-nav__header span{font-family:SF Pro Display;font-size:18px;font-weight:600;color:var(--Gray-900, #2d2c2c)}.header .mobile-nav .mobile-nav__header .mobile-nav__close{background:none;border:none;font-size:24px;color:var(--Gray-600, #666);cursor:pointer;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;transition:all .2s ease}.header .mobile-nav .mobile-nav__header .mobile-nav__close:hover{background-color:#e5e5e5;color:var(--Brand-600, #ab1f24)}.header .mobile-nav .mobile-nav__item{padding:16px 20px;border-bottom:1px solid #f0f0f0}.header .mobile-nav .mobile-nav__item:last-child{border-bottom:none}.header .mobile-nav .mobile-nav__item.active{background-color:#f8f8f8}.header .mobile-nav .mobile-nav__item.active a{color:var(--Brand-600, #ab1f24);font-weight:600}.header .mobile-nav .mobile-nav__item a{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-weight:500;text-decoration:none;display:block;width:100%}.header .mobile-nav .mobile-nav__item a:hover{color:var(--Brand-600, #ab1f24)}.header .mobile-nav .mobile-nav__item:hover{background-color:#f8f8f8}.user-dropdown .ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{padding:12px 16px}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#f8f8f8}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .user-menu-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#2d2c2c}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .user-menu-item .anticon{font-size:16px;color:#666}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .user-menu-item.logout,.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .user-menu-item.logout .anticon{color:#d32f2f}.user-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-divider{margin:4px 0;border-color:#f0f0f0}@media (max-width: 1200px){.header .header__inner .header__left{gap:60px}}@media (max-width: 992px){.header .header__inner .header__left{gap:40px}}@media (max-width: 768px){.header .header__inner{padding:12px 20px}.header .header__inner .header__left{gap:20px}.header .header__inner .header__left .header-logo{width:90px;height:32px}.header .header__inner .header__right{gap:16px}.header .header__inner .header__right .header__right__login{width:120px;padding:10px 16px}.header .header__inner .header__right .header__right__login p{font-size:14px}.header .header__inner .header__right .header__right__iconnoti{width:20px;height:20px}.header .header__inner .header__right .header__right__avatar{width:48px;height:48px}}@media (max-width: 480px){.header .header__inner{padding:10px 16px}.header .header__inner .header__left{gap:16px}.header .header__inner .header__left .header-logo{width:80px;height:28px}.header .header__inner .header__right{gap:12px}.header .header__inner .header__right .header__right__login{width:100px;padding:8px 12px}.header .header__inner .header__right .header__right__login p{font-size:13px}.header .header__inner .header__right .header__right__avatar{width:40px;height:40px}}.login--modal{flex-shrink:0;border-radius:8px;padding:40px 70px;display:flex;flex-direction:column;justify-content:center}.login--modal .login--modal--logo{width:113.023px;height:40px;flex-shrink:0}.login--modal .login--modal--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:32px;font-weight:600;line-height:32px;margin-top:20px}.login--modal .login--modal--description{color:var(--Gray-900, #2D2C2C);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.login--modal .login--modal--form{display:flex;flex-direction:column;margin-top:40px}.login--modal .login--modal--form .login--modal--form--input{display:flex;flex-direction:column;gap:4px}.login--modal .login--modal--form .login--modal--form--input p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-weight:500;line-height:24px}.login--modal .login--modal--form .login--modal--form--input .custom-input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:16px;line-height:24px;margin-top:8px}.login--modal .login--modal--form .password{margin-top:12px}.login--modal .login--modal--form .login--modal--form--forgot{margin-top:4px;text-align:right;color:var(--Brand-500, #BC2228);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600;line-height:20px;cursor:pointer}.login--modal .login--modal--form .login--modal--form--button{margin-top:32px;height:48px;padding:12px 24px;border-radius:8px;background:var(--Brand-500, #bc2228)!important;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px}.login--modal .login--modal--form .login--modal--form--button p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-weight:600;line-height:24px}.footer{width:100%;background-image:url(/assets/Img%201-C4W91Mfu.png);display:flex;flex-direction:column;gap:0px}.footer .footer__inner{width:1440px;padding:24px 80px;margin:0 auto}.footer .footer__inner .footer__top{width:100%;border-bottom:1px solid #ffffff;padding-bottom:24px}.footer .footer__inner .footer__top p{color:#fff;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:600;line-height:30px}.footer .footer__inner .footer__flex{width:100%;display:flex;padding-top:24px}.footer .footer__inner .footer__flex .footer__middle{width:50%;display:flex;flex-direction:column;gap:20px;color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text{width:100%;display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle{padding-left:10px;padding-right:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__right{max-width:60%;color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__midlleResponsive{display:none}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle .footer__middle__midlle__img{display:flex;gap:5px}.footer .footer__inner .footer__flex .footer__bottom{width:50%;display:flex;flex-direction:column;gap:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item{display:flex;width:100%;flex-direction:column;gap:15px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__item--text{color:#fff;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text{display:flex;align-items:center;gap:0px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text p{color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle{padding-left:10px;padding-right:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__right{font-size:14px;margin-top:4px;color:#fff;font-family:SF Pro Display}.footer .footer__inner .footer__copyright{padding-top:20px}.footer .footer__inner .footer__copyright p{color:var(--White, #fff);font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:18px}@media (max-width: 1290px){.footer .footer__inner .footer__flex{width:100%;display:flex;padding-top:24px}.footer .footer__inner .footer__flex .footer__middle{width:50%;display:flex;flex-direction:column;gap:20px;color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left p{color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text{width:100%;display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle{padding-left:10px;padding-right:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__right{max-width:60%;color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__midlleResponsive{display:none}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle .footer__middle__midlle__img{display:flex;gap:5px}.footer .footer__inner .footer__flex .footer__bottom{width:50%;display:flex;flex-direction:column;gap:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item{display:flex;width:100%;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__item--text{font-weight:800;font-size:16px;color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text{display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text p{color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle{min-width:18%;padding-left:10px;padding-right:0}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__right{font-size:14px;margin-top:4px;color:#fff}}@media (max-width: 992px){.footer{padding:48px}.footer .footer__inner .footer__top{width:100%;border-bottom:1px solid #ffffff;padding-bottom:24px;float:left}.footer .footer__inner .footer__top p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex{width:100%;display:flex;padding-top:24px}.footer .footer__inner .footer__flex .footer__middle{width:50%;display:flex;flex-direction:column;gap:20px;color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left p{color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text{width:100%;display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle{min-width:10%}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__midlleResponsive{display:none}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle .footer__middle__midlle__img{display:flex;gap:5px}.footer .footer__inner .footer__flex .footer__bottom{width:50%;display:flex;flex-direction:column;gap:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item{display:flex;width:100%;flex-direction:column;gap:15px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__item--text{font-weight:800;font-size:16px;color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text{width:100%;display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text p{color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle{min-width:20%}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__right{font-size:14px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__right{font-size:14px;margin-top:4px;color:#fff}.footer .footer__inner .footer__copyright{padding-top:20px}.footer .footer__inner .footer__copyright p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:18px}}@media (max-width: 768px){.footer{padding:24px}.footer .footer__inner .footer__top{width:100%;display:flex;flex-direction:column;gap:20px;border-bottom:2px solid #ffffff}.footer .footer__inner .footer__top img{width:40%;height:50%;object-fit:contain}.footer .footer__inner .footer__top p{font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__middle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid #ffffff;color:#fff}.footer .footer__inner .footer__middle .footer__middle__left{width:50%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__middle .footer__middle__left p{color:#fff}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text img{width:24px;height:24px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle{width:50%}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle p{font-size:14px;font-style:normal;font-weight:800}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__right{font-size:12px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text2 img{width:24px;height:24px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle{width:auto}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle p{font-weight:800;font-size:14px}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__right{font-size:12px;margin-top:0}.footer .footer__inner .footer__middle .footer__middle__left .footer__middle__midlleResponsive{display:block}.footer .footer__inner .footer__middle .footer__middle__midlle{width:30%;display:flex;flex-direction:column;gap:10px;display:none}.footer .footer__inner .footer__middle .footer__middle__midlle p{color:#fff}.footer .footer__inner .footer__middle .footer__middle__midlle .footer__middle__midlle__img{display:flex;gap:5px}.footer .footer__inner .footer__middle .footer__middle__right{width:45%;display:flex;flex-direction:column;gap:20px}.footer .footer__inner .footer__middle .footer__middle__right p{color:#fff;font-size:12px}.footer .footer__inner .footer__middle .footer__middle__right i{font-size:12px;font-weight:500}.footer .footer__inner .footer__bottom{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.footer .footer__inner .footer__bottom .footer__bottom__item{display:flex;width:100%;flex-direction:column;gap:15px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__item--text{font-weight:800;font-size:14px;color:#fff}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text img{width:24px;height:24px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text p{color:#fff}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle{width:65%}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle p{font-weight:800;font-size:14px;color:#fff}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__right{font-size:12px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text2 img{width:24px;height:24px}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle p{font-weight:800;font-size:16px;color:#fff}.footer .footer__inner .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__right{font-size:12px;margin-top:0;color:#fff}.footer .footer__inner .footer__copyright p{font-size:12px;font-weight:400;color:#fff;text-align:center}}@media (max-width: 576px){.footer{padding:24px 16px}.footer .footer__inner .footer__top{width:100%;border-bottom:1px solid #ffffff;padding-bottom:24px}.footer .footer__inner .footer__top p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.footer .footer__inner .footer__flex{width:100%;display:flex;flex-direction:column;padding-top:24px}.footer .footer__inner .footer__flex .footer__middle{width:100%;display:flex;flex-direction:column;gap:20px;color:#fff;padding-bottom:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left p{color:#fff}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text{width:auto;display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text .footer__middle__left__text__right{color:var(--White, #fff);max-width:60%;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__left__text2 .footer__middle__left__text__right{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__left .footer__middle__midlleResponsive{display:none}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle{width:100%;display:flex;flex-direction:column;gap:10px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.footer .footer__inner .footer__flex .footer__middle .footer__middle__midlle .footer__middle__midlle__img{display:flex;gap:5px}.footer .footer__inner .footer__flex .footer__bottom{width:100%;display:flex;flex-direction:column;gap:20px;padding-top:16px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item{display:flex;width:100%;flex-direction:column;gap:15px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__item--text{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text{display:flex;align-items:flex-start;gap:0px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text p{color:#fff}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text .footer__bottom__left__text__right{font-size:14px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2{display:flex;align-items:center;gap:10px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 img{width:24px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle{width:auto}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__middle p{color:var(--White, #fff);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:800;line-height:20px}.footer .footer__inner .footer__flex .footer__bottom .footer__bottom__item .footer__bottom__left__text2 .footer__bottom__left__text__right{font-size:14px;margin-top:4px;color:#fff}.footer .footer__inner .footer__copyright{padding-top:38px}.footer .footer__inner .footer__copyright p{color:var(--White, #fff);font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:18px}}.banner{width:100%;height:716px;margin:0 auto;flex-shrink:0;background-image:url(/assets/Bannerquizz-BtfNuFXl.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center;padding:0 120px;position:relative}.banner .banner__content{max-width:1440px;display:flex;flex-direction:column;gap:40px}.banner .banner__heading h1{color:#fff;font-family:SF Pro Display;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}.banner .banner__features{display:flex;flex-direction:column;gap:24px;position:relative}.banner .banner__features:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background-color:#fff;z-index:1}.banner .banner__feature{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.banner .banner__feature-icon{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;border-radius:100px;background:var(--White, #FFF);flex-shrink:0}.banner .banner__feature-icon img{width:24px;height:24px}.banner .banner__feature span{color:#fff;font-family:SF Pro Display;font-size:16px;font-weight:400;line-height:1.5}.banner .banner__button{display:flex;width:200px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--White, #fff);border:none;cursor:pointer;flex-shrink:0}.banner .banner__button:hover{box-shadow:0 0 40px #fff}.banner .banner__button p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin:0}.banner .banner__button img{width:24px;height:24px;flex-shrink:0}@media (max-width: 768px){.banner{width:100%;height:auto;min-height:400px;background-color:#8b0000;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;gap:30px}.banner .banner__content{gap:30px}.banner .banner__heading h1{font-size:32px;text-align:center}.banner .banner__features{gap:20px}.banner .banner__feature span{font-size:14px}.banner .banner__button{width:180px;padding:10px 20px}.banner .banner__button p{font-size:14px}.banner .banner__button img{width:20px;height:20px}}@media (max-width: 576px){.banner{display:none}}.banner--contact{background-image:url(/assets/Banner14403-CJSZI_Yx.png);background-repeat:no-repeat;background-size:cover}.banner--contact .banner--contact--inner{display:flex;width:100%;max-width:1440px;margin:0 auto;height:364px;justify-content:space-between;padding-left:80px;padding-right:231px}.banner--contact .banner--contact--inner .banner--contact--inner--left{display:flex;flex-direction:column;gap:39px;justify-content:center;align-items:center}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title{display:flex;gap:8px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--text{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:normal}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--subtext{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:normal}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--description{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button{height:fit-content;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer;margin-bottom:60px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button:hover{box-shadow:0 0 40px #fff;transform:translateY(-2px)}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button img{width:24px;height:24px;flex-shrink:0}.banner--contact .banner--contact--inner .banner--contact--inner--right{width:328px;height:100%;background-image:url(/assets/peoplecontact-B-snZJXN.png);background-repeat:no-repeat;background-size:cover}@media (max-width: 1024px){.banner--contact .banner--contact--inner{height:300px;padding-left:40px;padding-right:40px}.banner--contact .banner--contact--inner .banner--contact--inner--left{gap:30px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--text,.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--subtext{font-size:32px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--description{font-size:16px;line-height:24px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button{padding:10px 20px;margin-bottom:40px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button p{font-size:14px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button img{width:20px;height:20px}.banner--contact .banner--contact--inner .banner--contact--inner--right{width:250px}}@media (max-width: 768px){.banner--contact .banner--contact--inner{height:auto;min-height:300px;padding:40px 20px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.banner--contact .banner--contact--inner .banner--contact--inner--left{width:100%;gap:20px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title{flex-direction:column;gap:4px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--text,.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--title .banner--contact--inner--left--title--subtext{font-size:24px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--left--description{font-size:14px;line-height:20px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button{padding:8px 16px;margin-bottom:0}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button p{font-size:12px}.banner--contact .banner--contact--inner .banner--contact--inner--left .banner--contact--inner--button img{width:16px;height:16px}.banner--contact .banner--contact--inner .banner--contact--inner--right{display:none}}.banner--elearning{display:flex;width:100%;padding:0 79px 79px 80px;justify-content:center;align-items:center}.banner--elearning .banner--elearning--inner{display:flex;width:100%;max-width:1281px;flex-direction:column;align-items:center;gap:44px;flex-shrink:0}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top{display:flex;flex-direction:column;align-items:center;gap:10px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title{display:flex;flex-direction:column;align-items:center;gap:12px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--left{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:36px;font-weight:600}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--right{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:36px;font-weight:600}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--frame{display:flex;width:406px;justify-content:center;align-items:center;gap:4px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--description{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot{display:flex;align-items:center;gap:33px;align-self:stretch}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item{display:flex;width:100%;padding-bottom:24px;flex-direction:column;align-items:center;gap:20px;border-radius:8px;background:var(--White, #fff);cursor:pointer;box-shadow:0 0 20px #00000014;height:416px;transition:transform .3s ease,box-shadow .3s ease}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item:hover{transform:translateY(-10px);box-shadow:0 4px 30px #0003;background-color:#0000000d;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--img{display:flex;width:100%;height:240px;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px 8px 0 0}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content{display:flex;width:365px;flex-direction:column;align-items:flex-start;gap:8px;flex-grow:1}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--name{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-weight:600;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--description{align-self:stretch;color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:16px;font-weight:400;line-height:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--detail{display:flex;align-items:center;gap:7px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book{display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:8px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book .banner--elearning--inner--bot--item--content--book--icon{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book p{color:#2d2c2c;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star{display:flex;height:40px;padding:8px 10px;justify-content:center;align-items:center;gap:4px;border-radius:8px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star .banner--elearning--inner--bot--item--content--star--icon{width:20px;height:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star p{color:#2d2c2c;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:12px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer;margin-top:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-weight:600;line-height:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button .banner--elearning--inner--bot--item--content--arrow{width:24px;height:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button img{width:24px;height:24px;flex-shrink:0}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot{position:relative}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .swiper-pagination{position:static;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .swiper-pagination-bullet{width:8px;height:8px;aspect-ratio:1/1;background:var(--Gray-50, #F4F4F4);border-radius:10px;opacity:1;margin:0 5px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .swiper-pagination-bullet-active{background:var(--Brand-500, #BC2228);border-radius:50%}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--pagination-spacer{height:8px}@media (max-width: 1024px){.banner--elearning{padding:60px 40px}.banner--elearning .banner--elearning--inner{gap:32px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--left,.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--right{font-size:32px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--frame{width:350px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--description{font-size:16px;line-height:24px;text-align:center}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item{height:380px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--img{width:100%;height:200px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content{width:100%;padding:0 20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--name{font-size:20px;line-height:28px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--description{font-size:14px;line-height:20px}}@media (max-width: 768px){.banner--elearning{padding:40px 20px}.banner--elearning .banner--elearning--inner{gap:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--left,.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--right{font-size:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--frame{width:280px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--description{font-size:14px;line-height:20px;text-align:center}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item{height:350px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--img{width:100%;height:180px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content{width:100%;padding:0 16px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--name{font-size:18px;line-height:24px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--description{font-size:13px;line-height:18px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--detail{gap:8px;align-items:center}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book,.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star{padding:6px 8px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book p,.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star p{font-size:12px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button{padding:10px 20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button p{font-size:14px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button img{width:20px;height:20px}}@media (max-width: 576px){.banner--elearning{padding:30px 16px}.banner--elearning .banner--elearning--inner{gap:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--left,.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--title .banner--elearning--title--right{font-size:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--frame{width:240px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--top .banner--elearning--description{font-size:13px;line-height:18px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot{margin:0 auto;width:80%;gap:0px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item{height:340px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content--detail{display:flex;flex-direction:unset;gap:8px;align-items:flex-start}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--img{height:160px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content{padding:0 12px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--name{font-size:16px;line-height:22px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--description{font-size:12px;line-height:16px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book,.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star{padding:4px 6px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--book p,.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--star p{font-size:11px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button{padding:8px 16px;margin-top:12px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button p{font-size:13px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--bot .banner--elearning--inner--bot--item .banner--elearning--inner--bot--item--content .banner--elearning--inner--bot--item--content--button .banner--elearning--inner--bot--item--content--arrow{width:20px;height:20px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button{padding:8px 16px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button p{font-size:13px}.banner--elearning .banner--elearning--inner .banner--elearning--inner--button img{width:18px;height:18px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.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{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.banner--exam{display:flex;justify-content:center;flex-direction:column;overflow:hidden}.banner--exam .banner--exam--img--inner{background-image:url(/assets/banner14402-Bow9gnuy.png);background-repeat:repeat;background-size:cover}.banner--exam .banner--exam--img--inner .banner--exam--img{background-image:url(/assets/exambanner-C6wuRftc.png);background-repeat:no-repeat;background-size:cover;width:100%;max-width:1440px;height:772px;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:80px;padding-left:80px;padding-top:248px;margin:0 auto}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay{width:100%;max-width:1280px;display:flex;gap:32px;align-items:center}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item{width:296px;height:348px;flex-shrink:0;border-radius:8px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 12px #0000000a}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--img{display:flex;width:256px;justify-content:center;align-items:center}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--title{color:#2d2c2c;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info{display:inline-flex;align-items:center;gap:16px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item{display:inline-flex;align-items:center;gap:4px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item img{display:flex;width:20px;height:20px;justify-content:center;align-items:center}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item p{color:#2d2c2c;font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--line{width:1px;height:20px;background:#ddd}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button{margin-top:68px;width:fit-content;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--White, #fff);border:none;cursor:pointer}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button:hover{box-shadow:0 0 40px #fff}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button img{width:24px;height:24px;flex-shrink:0}.banner--exam .banner--exam--content{width:100%;max-width:1440px;margin:0 auto;padding:80px;display:flex;justify-content:space-between}.banner--exam .banner--exam--content .banner--exam--content--left{width:560px}.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:60px;font-style:normal;font-weight:600;line-height:72px;letter-spacing:-1.2px}.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--text{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:60px;font-style:normal;font-weight:600;line-height:72px;letter-spacing:-1.2px}.banner--exam .banner--exam--content .banner--exam--content--right{display:flex;flex-direction:column;gap:22px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--title{width:590px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:500;line-height:28px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list{display:flex;justify-content:space-between}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item{display:flex;width:124px;flex-direction:column;align-items:flex-start;gap:12px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--number{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--line{width:124px;height:1px;background:linear-gradient(90deg,#bc222800,#bc2228)}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--text{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 1024px){.banner--exam .banner--exam--img--inner .banner--exam--img{height:600px;padding:180px 40px 40px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay{gap:20px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item{width:220px;height:280px;padding:16px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--img{width:188px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--title{font-size:16px;line-height:24px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button{margin-top:40px;padding:10px 20px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button p{font-size:14px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button img{width:20px;height:20px}.banner--exam .banner--exam--content{padding:60px 40px;flex-direction:column;gap:40px}.banner--exam .banner--exam--content .banner--exam--content--left{width:100%}.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--title,.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--text{font-size:48px;line-height:56px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--title{width:100%;font-size:16px;line-height:24px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item{width:100px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--number{font-size:28px;line-height:36px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--line{width:100px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--text{font-size:14px;line-height:20px}}@media (max-width: 768px){.banner--exam .banner--exam--img--inner{display:none}.banner--exam .banner--exam--img--inner .banner--exam--img{height:auto;padding:120px 20px 20px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay{flex-direction:column;gap:16px;align-items:center}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item{width:100%;max-width:280px;height:200px;padding:12px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--img{width:100%;height:80px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--title{font-size:14px;line-height:20px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info{gap:12px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item{gap:3px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item img{width:16px;height:16px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner--exam--img--overlay .banner--exam--img--overlay--item .banner--exam--img--overlay--item--info .banner--exam--img--overlay--item--info--item p{font-size:10px;line-height:14px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button{margin-top:30px;padding:8px 16px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button p{font-size:12px}.banner--exam .banner--exam--img--inner .banner--exam--img .banner__button img{width:16px;height:16px}.banner--exam .banner--exam--content{padding:40px 20px;flex-direction:column;gap:30px}.banner--exam .banner--exam--content .banner--exam--content--left{width:100%}.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--title,.banner--exam .banner--exam--content .banner--exam--content--left .banner--exam--content--left--text{font-size:32px;line-height:40px;letter-spacing:-.5px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--title{width:100%;font-size:14px;line-height:20px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list{flex-direction:column;gap:20px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item{width:100%;flex-direction:row;align-items:center;gap:16px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--number{font-size:24px;line-height:32px;min-width:80px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--line{width:40px;height:1px}.banner--exam .banner--exam--content .banner--exam--content--right .banner--exam--content--right--list .banner--exam--content--right--list--item .banner--exam--content--right--list--item--text{font-size:13px;line-height:18px;flex:1}}.banner-practice{display:flex;width:100%;padding:80px 79px 79px 80px;justify-content:center;align-items:center}.banner-practice .banner-practice--inner{display:flex;width:100%;max-width:1281px;flex-direction:column;align-items:center;gap:44px;flex-shrink:0}.banner-practice .banner-practice--inner .banner-practice--inner--top{display:flex;flex-direction:column;align-items:center;gap:10px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title{display:flex;align-items:center;gap:12px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--left{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:36px;font-weight:600}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--right{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:36px;font-weight:600}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--frame{display:flex;width:406px;justify-content:center;align-items:center;gap:4px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--description{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.banner-practice .banner-practice--inner .banner-practice--inner--bot{display:flex;align-items:center;gap:33px;align-self:stretch}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item-container{position:relative;width:405px;height:332px;flex-shrink:0}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;transition:background .3s ease;opacity:1;cursor:pointer}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item.hover{opacity:.9}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon{display:flex;width:60px;height:60px;justify-content:center;align-items:center;background:var(--White, #fff);border-radius:50%}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon img{display:flex;width:40px;height:40px;justify-content:center;align-items:center;flex-shrink:0}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item p{color:var(--White, #fff);font-family:SF Pro Display;font-size:36px;font-weight:600;line-height:44px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover{width:100%;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;gap:32px;padding:40px;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;border-radius:8px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover.active{opacity:1}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top{display:flex;align-items:center;gap:25px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon{display:flex;width:60px;height:60px;padding:10px;justify-content:center;align-items:center;border-radius:100px;background:var(--Brand-500, #bc2228)}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon img{display:flex;width:40px;height:40px;justify-content:center;align-items:center;flex-shrink:0}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:32px;font-weight:600;line-height:44px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--bottom{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:500;line-height:28px}.banner-practice .banner-practice--inner .banner-practice--inner--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.banner-practice .banner-practice--inner .banner-practice--inner--button:hover{box-shadow:0 0 40px #fff}.banner-practice .banner-practice--inner .banner-practice--inner--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.banner-practice .banner-practice--inner .banner-practice--inner--button img{width:24px;height:24px;flex-shrink:0}@media (max-width: 1024px){.banner-practice{padding:60px 40px}.banner-practice .banner-practice--inner{gap:32px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--left,.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--right{font-size:32px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--frame{width:350px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--description{font-size:16px;line-height:24px;text-align:center}.banner-practice .banner-practice--inner .banner-practice--inner--bot{gap:20px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item-container{width:300px;height:250px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item p{font-size:28px;line-height:36px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon{width:50px;height:50px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon img{width:32px;height:32px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover{padding:30px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top{gap:20px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon{width:50px;height:50px;padding:8px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon img{width:32px;height:32px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top p{font-size:28px;line-height:36px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--bottom{font-size:16px;line-height:24px}}@media (max-width: 768px){.banner-practice{padding:40px 20px}.banner-practice .banner-practice--inner{gap:24px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title{flex-direction:column;gap:8px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--left,.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--right{font-size:24px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--frame{width:280px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--description{font-size:14px;line-height:20px;text-align:center}.banner-practice .banner-practice--inner .banner-practice--inner--bot{flex-direction:column;gap:16px;align-items:center}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item-container{width:100%;max-width:350px;height:200px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item{gap:15px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item p{font-size:24px;line-height:30px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon{width:45px;height:45px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon img{width:28px;height:28px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover{padding:20px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top{gap:15px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon{width:45px;height:45px;padding:6px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon img{width:28px;height:28px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top p{font-size:24px;line-height:30px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--bottom{font-size:14px;line-height:20px}.banner-practice .banner-practice--inner .banner-practice--inner--button{padding:10px 20px}.banner-practice .banner-practice--inner .banner-practice--inner--button :hover{box-shadow:0 0 40px #fff}.banner-practice .banner-practice--inner .banner-practice--inner--button p{font-size:14px}.banner-practice .banner-practice--inner .banner-practice--inner--button img{width:20px;height:20px}}@media (max-width: 576px){.banner-practice{padding:30px 16px}.banner-practice .banner-practice--inner{gap:20px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title{gap:6px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--left,.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--title .banner-practice--title--right{font-size:20px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--frame{width:240px}.banner-practice .banner-practice--inner .banner-practice--inner--top .banner-practice--description{font-size:13px;line-height:18px}.banner-practice .banner-practice--inner .banner-practice--inner--bot{gap:12px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item-container{max-width:100%;height:180px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item{gap:12px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item p{font-size:20px;line-height:26px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon{width:40px;height:40px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__item .banner-practice--inner--bot__item--icon img{width:24px;height:24px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover{padding:16px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top{gap:12px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon{width:40px;height:40px;padding:5px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top .banner-practice--inner--bot__itemhover--icon img{width:24px;height:24px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--top p{font-size:20px;line-height:26px}.banner-practice .banner-practice--inner .banner-practice--inner--bot .banner-practice--inner--bot__itemhover .banner-practice--inner--bot__itemhover--bottom{font-size:13px;line-height:18px}.banner-practice .banner-practice--inner .banner-practice--inner--button{padding:8px 16px}.banner-practice .banner-practice--inner .banner-practice--inner--button p{font-size:13px}.banner-practice .banner-practice--inner .banner-practice--inner--button img{width:18px;height:18px}}.banner--ranking{display:flex;width:100%;max-width:1440px;padding:60px;justify-content:center;align-items:center;margin:0 auto}.banner--ranking .banner--ranking--inner{display:flex;width:100%;max-width:1281px;flex-direction:column;align-items:center;gap:44px;flex-shrink:0}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top{display:flex;flex-direction:column;align-items:center;gap:10px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title{display:flex;align-items:center;gap:10px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--left{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:36px;font-weight:600}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--right{color:var(--Primary, #bc2228);font-family:SF Pro Display;font-size:36px;font-weight:600}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--frame{display:flex;width:406px;justify-content:center;align-items:center;gap:4px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--description{text-align:center;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--img{width:100%;max-width:1062px;height:auto;object-fit:contain}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button img{width:24px;height:24px;flex-shrink:0}@media (max-width: 1024px){.banner--ranking{padding:40px}.banner--ranking .banner--ranking--inner{gap:32px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--left,.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--right{font-size:32px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--frame{width:350px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--description{font-size:16px;line-height:24px;text-align:center}.banner--ranking .banner--ranking--inner .banner--ranking--inner--img{max-width:800px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button{padding:10px 20px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button p{font-size:14px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button img{width:20px;height:20px}}@media (max-width: 768px){.banner--ranking{padding:30px 20px}.banner--ranking .banner--ranking--inner{gap:24px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title{gap:8px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--left,.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--title .banner--ranking--title--right{font-size:24px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--frame{width:280px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--top .banner--ranking--description{font-size:14px;line-height:20px;text-align:center}.banner--ranking .banner--ranking--inner .banner--ranking--inner--img{max-width:100%;height:auto}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button{padding:8px 16px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button p{font-size:12px}.banner--ranking .banner--ranking--inner .banner--ranking--inner--button img{width:16px;height:16px}}.main-exam{width:1440px;padding:20px 0;background:var(--Gray-25, #fafafa)}.main-exam .main-exam--navigate{display:flex;gap:10px}.main-exam .main-exam--navigate .main-exam--navigate--title,.main-exam .main-exam--navigate .main-exam--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--navigate .main-exam--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--title{margin-top:30px;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px}.main-exam .main-exam--content{display:flex;justify-content:space-between;margin-top:24px;position:relative}.main-exam .main-exam--content .main-exam--content--left{width:66%;display:flex;flex-direction:column;gap:24px;justify-content:flex-start;position:relative;padding-bottom:80px}.main-exam .main-exam--content .main-exam--content--right{width:32%;display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;align-self:flex-start;z-index:1}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--top{width:100%;height:154px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:24px;display:flex;flex-direction:column;gap:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--top .main-exam--content--right--top--time{color:var(--Blue-Gray-500, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--top .main-exam--content--right--top--timecount{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin:0 auto}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--middle{width:100%;height:148px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:24px;display:flex;flex-direction:column;gap:8px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--middle .main-exam--content--right--middle--title{color:#2d2c2c;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--middle .main-exam--content--right--middle--info{display:flex;justify-content:space-between;align-items:center}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--middle .main-exam--content--right--middle--info .main-exam--content--right--middle--info--label{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--middle .main-exam--content--right--middle--info .main-exam--content--right--middle--info--value{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom{width:100%;height:auto;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:24px;display:flex;flex-direction:column;gap:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--title{color:var(--Blue-Gray-500, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item{display:flex;width:40px;height:40px;padding:8px;flex-direction:column;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:4px;border:1px solid var(--Gray-100, #ddd);background:var(--White, #fff);cursor:pointer}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item p{color:var(--Gray-700, #676767);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item.selected{border:.882px solid #007aff;background:#007aff1a}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item.selected p{color:#007aff;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item.completed{display:flex;width:40px;height:40px;padding:8px;flex-direction:column;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:4px;border:1px solid var(--Brand-500, #bc2228);background:#bc22281a;color:var(--Brand-600, #ab1f24);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--listquestion__question__item:hover{background-color:#f5f5f5;transform:scale(1.1)}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--submitbtn{margin:0 auto;display:flex;width:357px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);color:var(--White, #fff);text-align:center;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;cursor:pointer}.main-exam .main-exam--content .main-exam--content--right .main-exam--content--right--bottom .main-exam--content--right--bottom--submitbtn img{width:24px;height:24px;flex-shrink:0}.main-exam--progress .progress-container{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.main-exam--progress .progress-bar{height:100%;background-color:#007aff;border-radius:6px;transition:width .3s ease-out}.main-exam--content--right--top{box-shadow:0 4px 6px #0000001a}.result-exam-page{width:1440px;padding:40px 100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.result-exam-page .result-exam-page--top{width:100%;display:flex;gap:192px;align-items:center;justify-content:center;margin:0 auto;background-color:#fff;border-radius:8px;padding:20px 0}.result-exam-page .result-exam-page--top .result-exam-page--top--img{width:269px;height:325.005px;flex-shrink:0}.result-exam-page .result-exam-page--top .result-exam-page--top--content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.result-exam-page .result-exam-page--top .result-exam-page--top--content .score-gauge-container{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}.result-exam-page .result-exam-page--top .result-exam-page--top--content .score-gauge{position:relative}.result-exam-page .result-exam-page--top .result-exam-page--top--content .score-gauge-background{stroke-dasharray:500;stroke-dashoffset:0}.result-exam-page .result-exam-page--top .result-exam-page--top--content .score-gauge-fill{transition:stroke-dashoffset .3s ease}.result-exam-page .result-exam-page--top .result-exam-page--top--content .score-text{font-size:18px;margin-top:10px;font-weight:700}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress{margin-bottom:20px}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge{width:200px;height:100px;flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge svg{position:absolute;top:0;left:0}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge .progress-fill{z-index:1}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge .progress-gauge--text{position:relative;z-index:2;text-align:center;margin-top:60px}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge .progress-gauge--text .progress-gauge--text--score{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 4px}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--progress .progress-gauge .progress-gauge--text .progress-gauge--text--label{color:#919191;text-align:center;font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--title{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:normal}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--subtitle{margin-top:8px;color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.result-exam-page .result-exam-page--top .result-exam-page--top--content p{margin:0}.result-exam-page .result-exam-page--top .result-exam-page--top--content .result-exam-page--top--content--button{margin-top:44px;display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-500, #bc2228);color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.result-exam-page .result-exam-page--bottom{width:100%;display:flex;flex-direction:column;gap:24px;justify-content:center;margin:0 auto;background-color:#fff;border-radius:8px;padding:30px}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--title{text-align:center;color:#2d2c2c;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:40px}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item{display:flex;flex-direction:column;width:318px;padding:24px;gap:4px;align-items:flex-start;border-radius:8px;background:#fafafa}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item:nth-child(odd){background:#fafafa}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item:nth-child(2n){background:#fff6f7}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item .result-exam-page--bottom--content--item__img{display:flex;width:48px;height:48px;padding:12px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;background:#f8e9ea}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item .result-exam-page--bottom--content--item__img img{width:24px;height:24px;flex-shrink:0}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item .result-exam-page--bottom--content--item__title{color:#919191;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.result-exam-page .result-exam-page--bottom .result-exam-page--bottom--content .result-exam-page--bottom--content--item .result-exam-page--bottom--content--item__subtitle{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:600;line-height:24px}.timeout{width:1440px;padding:60px 80px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.timeout img{width:268.399px;height:308px;flex-shrink:0}.timeout .timeout-title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px;margin-top:40px;margin-bottom:12px}.timeout .timeout-description{color:var(--Gray-800, #3d3d3d);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.timeout .timeout-button{margin-top:40px;display:flex;width:215px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-500, #bc2228);color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.page-exam{width:100%;max-width:1440px;padding:60px 80px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:60px;flex-shrink:0}.page-exam .page-exam--top{display:flex;flex-direction:column;align-items:center}.page-exam .page-exam--top .page-exam--top--title{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:40px}.page-exam .page-exam--top .page-exam--top--content{margin-top:8px;align-self:stretch;color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:30px}.page-exam .page-exam--top .page-exam--top--search{margin-top:40px;display:flex;align-items:center;gap:32px;align-self:stretch}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--input{display:flex;width:843px;padding:12px 726px 12px 20px;align-items:center;border-radius:8px;border:1px solid #ddd;background:#fff3;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--input:focus{outline:none;border-color:var(--Brand-500, #bc2228)}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--input::placeholder{color:var(--Gray-100, #ddd);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.page-exam .page-exam--bottom{width:100%;max-width:1280px;height:auto;flex-shrink:0;border-radius:8px;padding:30px 24px}.page-exam .page-exam--bottom .page-exam--bottom--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.page-exam .page-exam--bottom .history-table{width:100%;border-collapse:collapse;margin-top:28px}.page-exam .page-exam--bottom .history-table th,.page-exam .page-exam--bottom .history-table td{padding:15px;text-align:left;border-bottom:1px solid #ddd;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.page-exam .page-exam--bottom .history-table th{padding:10px;width:301px;height:48px;background:var(--Brand-25, #fff6f7);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:500;line-height:28px;position:relative}.page-exam .page-exam--bottom .history-table th:after{content:"";position:absolute;right:0;top:10px;width:1px;height:28px;background-color:var(--Brand-100, #eababc)}.page-exam .page-exam--bottom .history-table .schedule{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.page-exam .page-exam--bottom .history-table .retry-btn{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;background:var(--Brand-500, #bc2228);color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;border:none;cursor:pointer}.page-exam .page-exam--bottom .history-table .retry-btn img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.page-exam .page-exam--bottom .history-table .show-result-btn{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;background:var(--Brand-500, #F8E9EA);color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;border:none;color:#bc2228;cursor:pointer}.page-exam .page-exam--bottom .history-table .show-result-btn img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.retry-btn:hover .page-exam .page-exam--bottom .history-table,.show-result-btn:hover .page-exam .page-exam--bottom .history-table{background-color:#eababc;color:#bc2228}.page-exam .page-exam--bottom .ant-pagination-item-active{width:30px;height:30px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none}.page-exam .page-exam--bottom :where(.css-dev-only-do-not-override-xex5fb).ant-pagination .ant-pagination-item-active a{color:var(--White, #fff)!important;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-top:5px}.page-exam .pagination-container{display:flex;align-items:center;gap:2px;justify-content:center;width:100%;max-width:1280px;padding:0 8px}.page-exam .pagination-container .pagination-item{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;cursor:pointer;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s ease}.page-exam .pagination-container .pagination-item:hover{background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228)}.page-exam .pagination-container .pagination-item.active{background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228);font-weight:600}.page-exam .pagination-container .pagination-ellipsis{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px}:where(.css-dev-only-do-not-override-xex5fb).ant-modal .ant-modal-content{background-color:none}.page-exam-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}@media (max-width: 1024px){.page-exam{padding:40px;gap:40px}.page-exam .page-exam--top .page-exam--top--title{font-size:28px;line-height:36px}.page-exam .page-exam--top .page-exam--top--content{font-size:14px;line-height:24px}.page-exam .page-exam--top .page-exam--top--search{flex-direction:column;gap:16px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--input{width:100%;padding:10px 16px;font-size:14px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button{width:100%;padding:10px 20px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button p{font-size:14px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button img{width:20px;height:20px}.page-exam .page-exam--bottom{padding:20px}.page-exam .page-exam--bottom .page-exam--bottom--title{font-size:20px;line-height:28px}.page-exam .page-exam--bottom .history-table th,.page-exam .page-exam--bottom .history-table td{padding:10px 8px;font-size:14px;line-height:20px}.page-exam .page-exam--bottom .history-table th{width:auto}.page-exam .page-exam--bottom .history-table .retry-btn,.page-exam .page-exam--bottom .history-table .show-result-btn{width:120px;padding:8px 16px}.page-exam .page-exam--bottom .history-table .retry-btn p,.page-exam .page-exam--bottom .history-table .show-result-btn p{font-size:12px}.page-exam .page-exam--bottom .history-table .retry-btn img,.page-exam .page-exam--bottom .history-table .show-result-btn img{width:16px;height:16px}}@media (max-width: 768px){.page-exam{padding:20px;gap:30px}.page-exam .page-exam--top .page-exam--top--title{font-size:24px;line-height:32px}.page-exam .page-exam--top .page-exam--top--content{font-size:13px;line-height:20px}.page-exam .page-exam--top .page-exam--top--search{flex-direction:column;gap:12px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--input{width:100%;padding:8px 12px;font-size:13px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button{width:100%;padding:8px 16px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button p{font-size:13px}.page-exam .page-exam--top .page-exam--top--search .page-exam--top--search--button img{width:18px;height:18px}.page-exam .page-exam--bottom{padding:16px}.page-exam .page-exam--bottom .page-exam--bottom--title{font-size:18px;line-height:24px}.page-exam .page-exam--bottom .history-table{font-size:12px}.page-exam .page-exam--bottom .history-table th,.page-exam .page-exam--bottom .history-table td{padding:8px 4px;font-size:12px;line-height:16px}.page-exam .page-exam--bottom .history-table th{width:auto;height:auto}.page-exam .page-exam--bottom .history-table .retry-btn,.page-exam .page-exam--bottom .history-table .show-result-btn{width:80px;padding:6px 8px}.page-exam .page-exam--bottom .history-table .retry-btn p,.page-exam .page-exam--bottom .history-table .show-result-btn p{font-size:10px}.page-exam .page-exam--bottom .history-table .retry-btn img,.page-exam .page-exam--bottom .history-table .show-result-btn img{width:14px;height:14px}}.custom-login-modal .ant-modal-content{border-radius:8px;background-color:var(--White, #fff)}.timeup--modal{width:840px;flex-shrink:0;border-radius:8px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px}.timeup--modal .timeup--modal--title{text-align:center;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-top:30px}.timeup--modal img{width:268.401px;height:307.999px;flex-shrink:0;margin:0 auto}.timeup--modal .timeup--modal--text{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.timeup--modal .timeup--modal--text--bottom{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:28px}.timeup--modal .timeup--modal--time{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-600, #ab1f24);background:var(--Brand-25, #fff6f7)}.timeup--modal .timeup--modal--time img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.timeup--modal .timeup--modal--time span{color:var(--Brand-600, #ab1f24);font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.infor-test-container{width:1440px;padding:20px 80px;margin:0 auto}.infor-test-container .infor-test--navigate{display:flex;gap:10px}.infor-test-container .infor-test--navigate .infor-test--navigate--title,.infor-test-container .infor-test--navigate .infor-test--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.infor-test-container .infor-test--navigate .infor-test--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.infor-test--content{width:100%;padding:80px 0;display:flex;flex-direction:column;gap:24px}.infor-test--content .test-progress{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:25px;justify-content:center;background-color:#fff;border-radius:8px;padding:30px 300px 30px 299px}.infor-test--content .test-progress h1{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px}.infor-test--content .test-progress .infor-test--content--list--item--content--lineprogress{display:flex}.infor-test--content .test-progress .infor-test--content--list--item--content--progress{display:flex;align-items:center;justify-content:space-between;width:100%}.infor-test--content .test-progress .infor-test--content--list--item--content--progress p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:500;line-height:30px}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list{display:inline-flex;align-items:center;gap:40px}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list p{color:var(--Gray-500, #919191);text-align:right;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:500;line-height:30px}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group{display:flex;justify-content:center;align-items:center;gap:10px}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress svg{position:relative;z-index:1}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text p{color:#919191;text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:4px}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text .percentage{color:#007aff;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:normal;color:#333}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress circle:last-child{transition:stroke-dashoffset .8s ease-in-out}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .progress-container{width:650px;height:16px;background-color:#f4f4f4;position:relative;border-radius:20px;overflow:hidden}.infor-test--content .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .progress-container .progress-bar{height:100%;border-radius:20px;background:#007aff;transition:width .3s ease}.infor-test--content .infor-test--content--generalinfor{width:1280px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:30px 24px;display:flex;flex-direction:column;gap:24px}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--title{padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228)}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--title p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content{display:flex;flex-direction:column;gap:24px}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content .infor-test--content--generalinfor--content--listtop{display:flex;justify-content:space-between}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content .infor-test--content--generalinfor--content--listtop .infor-test--content--generalinfor--content--listtop--item{display:flex;align-items:center;gap:16px}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content .infor-test--content--generalinfor--content--listtop .infor-test--content--generalinfor--content--listtop--item .infor-test--content--generalinfor--content--listtop--item--number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px;background:var(--Brand-500, #F8E9EA);color:var(--White, #BC2228);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content .infor-test--content--generalinfor--content--listtop .infor-test--content--generalinfor--content--listtop--item .infor-test--content--generalinfor--content--listtop--item--text{display:flex;width:544px;padding:10px 10px 10px 16px;align-items:center;gap:10px;flex-shrink:0;border-radius:8px;border:1px solid var(--Gray-500, #919191)}.infor-test--content .infor-test--content--generalinfor .infor-test--content--generalinfor--content .infor-test--content--generalinfor--content--listtop .infor-test--content--generalinfor--content--listtop--item .infor-test--content--generalinfor--content--listtop--item--text p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.infor-test--content .infor-test--content--button{display:flex;width:357px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;margin:20px auto 0;cursor:pointer}.infor-test--content .infor-test--content--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.infor-test--content .infor-test--content--button img{width:24px;height:24px;flex-shrink:0}.practice--detail{width:1440px;padding:20px 80px;margin:0 auto;background:var(--Gray-25, #fafafa)}.practice--detail .practice--detail--navigate{display:flex;gap:10px}.practice--detail .practice--detail--navigate .practice--detail--navigate--title{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.practice--detail .practice--detail--navigate .practice--detail--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice--detail .practice--detail--navigate .practice--detail--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice--detail .practice--detail--content{padding:24px 0}.practice--detail .practice--detail--content .practice--detail--content--top{display:flex;width:56%;justify-content:flex-end;gap:20px}.practice--detail .practice--detail--content .practice--detail--content--top .practice--detail--content--top--item{display:flex;align-items:center;gap:4px}.practice--detail .practice--detail--content .practice--detail--content--top .practice--detail--content--top--item img{width:40px;height:40px}.practice--detail .practice--detail--content .practice--detail--content--top .practice--detail--content--top--item p{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice--detail .practice--detail--content .practice--detail--content--bot{display:flex;justify-content:space-between;margin-top:20px;position:relative}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left{width:56%;display:flex;flex-direction:column;gap:16px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--top{width:100%;padding:30px 24px;height:92px;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;background:var(--White, #fff);cursor:pointer}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--top .practice--detail--content--bot--left--accordion--top--title{display:flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--top .practice--detail--content--bot--left--accordion--top--title p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--top img{width:24px;height:24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content{display:flex;flex-direction:column;gap:12px;padding:0 24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--title{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--title p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list{background-color:var(--White, #fff)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--Gray-50, #f4f4f4);background:var(--White, #fff);position:relative;height:88px;cursor:pointer}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item:hover{background-color:var(--Gray-100, #f8f8f8)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number{width:40px;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:50%;margin-right:15px;position:relative}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number p{color:var(--White, #fff);font-family:SF Pro Display;font-size:16px;font-weight:500;line-height:normal}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number:before,.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number:after{content:"";position:absolute;width:2px;background-color:#bc2228}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number:before{top:-60%;left:50%;transform:translate(-50%);height:60%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number:after{bottom:-60%;left:50%;transform:translate(-50%);height:60%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.zero-percent{background-color:#eababc}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.zero-percent:before,.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.zero-percent:after{background-color:#eababc}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.not-started{background-color:#ddd!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.not-started:before,.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.not-started:after{background-color:#ddd!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.completed{background-color:#bc2228!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.completed:before,.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-number.completed:after{background-color:#bc2228!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-details{flex-grow:1}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-details .test-name{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:20px;font-weight:600;line-height:30px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-details .question-count{display:flex;gap:8px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-details .question-count img{width:16px;height:16px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-details .question-count p{color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:14px;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--left .practice--detail--content--bot--left--accordion--session .practice--detail--content--bot--left--accordion--bot--content .practice--detail--content--bot--left--accordion--bot--content--list .test-item .test-badge{width:48px;height:48px;flex-shrink:0}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right{width:40.7%;padding:30px 10px;border-radius:8px;background:var(--White, #fff);position:sticky;top:100px;align-self:flex-start}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top{display:flex;justify-content:center;align-items:flex-end;gap:24px;height:160px;margin:10px 0 6px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item{display:flex;flex-direction:column;align-items:center;gap:6px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container{position:relative;flex-shrink:0;border-radius:50%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container .frame{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:1}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container .avatar-inside{object-fit:cover;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item p{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:14px;font-weight:600;line-height:normal}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item div{display:flex;align-items:center;gap:6px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item div img{width:16px;height:16px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item div p{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:12px;font-weight:600;line-height:normal}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container{width:90px;height:90px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container .avatar-inside{width:65%;height:65%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container{width:120px;height:120px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container .avatar-inside{width:55%;height:55%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container{width:70px;height:70px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container .avatar-inside{width:65%;height:65%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--title{display:flex;gap:10px;align-items:center;margin-left:14px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--title p{color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--title img{width:24px;height:24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--rank{display:flex;justify-content:space-between;height:60px;align-self:stretch;border-bottom:1px solid var(--Gray-300, #b5b5b5);padding:20px 14px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--rank p{width:25%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:20px;text-align:left}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--rank .info{width:50%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--rank .rank{width:30%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--rank .point{width:20%}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list{display:flex;flex-direction:column;gap:4px;margin-top:24px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item{display:flex;justify-content:space-between;align-items:center;height:56px;align-self:stretch;border-radius:8px;border-bottom:1px solid #b5b5b5;padding:20px 14px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item.active{border:1px solid #F8E9EA;background:#fff6f7}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank{width:30%;display:flex;gap:16px;align-items:center}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank .rank-circle{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank .rank-circle .rank-bg{position:absolute;width:100%;height:100%;object-fit:cover}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank .rank-circle .rank-avatar{position:absolute;width:28px;height:28px;border-radius:50%;object-fit:cover;z-index:1}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank p{color:var(--White, #2d2c2c);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--rank img{width:32px;height:32px;flex-shrink:0}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--info{width:50%;display:flex;align-items:center;gap:12px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--info .avatar{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:2px solid #f07e00}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--info .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--info p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--point{width:20%;display:flex;align-items:center;gap:8px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--point img{width:16px;height:16px;flex-shrink:0}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .practice--detail--content--bot--right--list .practice--detail--content--bot--right--list--item .practice--detail--content--bot--right--list--item--point p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:left}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank1{background:linear-gradient(91deg,#f07e00,#f7f4cf 130.22%)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank1 .practice--detail--content--bot--right--list--item--rank p{color:var(--Brand-500, #fff)!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank1 .practice--detail--content--bot--right--list--item--info p{color:var(--White, #fff)!important;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank1 .practice--detail--content--bot--right--list--item--point{color:var(--Gray-900, #fff)!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank2{border-radius:8px;border-bottom:1px solid var(--Gray-300, #b5b5b5)!important;background:linear-gradient(91deg,#8aa8b5,#dce5e8 129.29%)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank2 .practice--detail--content--bot--right--list--item--rank p{color:var(--Brand-500, #fff)!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank2 .practice--detail--content--bot--right--list--item--info p{color:var(--White, #fff)!important;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank2 .practice--detail--content--bot--right--list--item--point{color:var(--Gray-900, #fff)!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank3{border-radius:8px;border-bottom:1px solid var(--Gray-300, #b5b5b5)!important;background:linear-gradient(91deg,#a85524,#d1a66e 121.56%)}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank3 .practice--detail--content--bot--right--list--item--rank p{color:var(--Brand-500, #fff)!important}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank3 .practice--detail--content--bot--right--list--item--info p{color:var(--White, #fff)!important;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice--detail .practice--detail--content .practice--detail--content--bot .practice--detail--content--bot--right .rank3 .practice--detail--content--bot--right--list--item--point{color:var(--Gray-900, #fff)!important}.practice--detail .practice--detail--content--bot--left--no-tests{display:flex;justify-content:center;align-items:center;padding:40px;background:var(--White, #fff);border-radius:8px;border:1px solid var(--Gray-200, #e5e7eb)}.practice--detail .practice--detail--content--bot--left--no-tests p{color:var(--Gray-500, #919191);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.practice-exam{width:1440px;padding:20px 0 20px 80px;background:var(--Gray-25, #fafafa)}.practice-exam .practice-exam--navigate{display:flex;gap:10px}.practice-exam .practice-exam--navigate .practice-exam--navigate--title,.practice-exam .practice-exam--navigate .practice-exam--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice-exam .practice-exam--navigate .practice-exam--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice-exam .practice-exam--content{display:flex;justify-content:space-between;margin-top:60px;position:relative}.practice-exam .practice-exam--content .practice-exam--content--left{width:64%;display:flex;flex-direction:column;gap:24px}.practice-exam .practice-exam--content .practice-exam--content--right{width:32%;border-radius:8px;background:var(--White, #fff);padding:24px;position:sticky;top:100px;align-self:flex-start;z-index:1}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--title{color:var(--Blue-Gray-500, #231651);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--checkquestion{display:flex;align-items:center;gap:40px;margin-top:16px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--checkquestion .checkquestion{display:flex;align-items:center;gap:10px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--checkquestion .checkquestion p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--checkquestion .checkquestion img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0;margin-top:36px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item.unanswered{background-color:#fff;border-color:#d9d9d9}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item.correct{background-color:#e6fffb;border-color:#13c2c2;color:#13c2c2;font-weight:700}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item.incorrect{background-color:#fff1f0;border-color:#f5222d;color:#f5222d;font-weight:700}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item:hover{transform:scale(1.05)}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item--top{display:flex;align-items:center;justify-content:center}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item--top p{color:var(--Gray-700, #676767);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item.selected{border-color:#e0999c;background-color:#fff6f7}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item.selected p{color:var(--Brand-600, #ab1f24);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right__listquestion__question__item:hover{background-color:#f5f5f5}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--button{display:flex;padding:12px 24px;width:100%;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;bottom:0;left:10%;margin-top:24px;cursor:pointer}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.practice-exam .practice-exam--content .practice-exam--content--right .practice-exam--content--right--button img{width:24px;height:24px;flex-shrink:0}.multiple-choice-question{display:flex;padding:24px 24px 32px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-radius:8px;background:var(--White, #fff)}.multiple-choice-question .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.multiple-choice-question .question{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.multiple-choice-question .options{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.multiple-choice-question .option{display:flex;width:795px;height:68px;padding:20px;align-items:center;gap:16px;border-radius:8px;cursor:pointer;transition:background-color .3s;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.multiple-choice-question .option.selected{background-color:#e0e0e0}.multiple-choice-question .option.correct{border-radius:8px;background:#e2f1e6;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.multiple-choice-question .option.incorrect{border-radius:8px;background:var(--Brand-50, #f8e9ea)}.multiple-choice-question .option input{margin-right:10px;width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:100px;border:1px solid var(--Gray-100, #ddd)}.multiple-choice-question .result{margin-top:20px;font-weight:600}.multiple-choice-question .result.correct{color:#4caf50}.multiple-choice-question .result.incorrect{color:#f44336}.fill-in-the-blanks-question{display:flex;flex-direction:column;padding:24px 24px 32px;gap:20px;align-items:flex-start;border-radius:8px;background:var(--White, #fff)}.fill-in-the-blanks-question .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question .question-text{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px;display:inline;white-space:normal;word-wrap:break-word}.fill-in-the-blanks-question .question-text .question-text-content{display:inline!important;line-height:inherit;white-space:normal}.fill-in-the-blanks-question .question-text .question-text-content strong,.fill-in-the-blanks-question .question-text .question-text-content em,.fill-in-the-blanks-question .question-text .question-text-content u,.fill-in-the-blanks-question .question-text .question-text-content b,.fill-in-the-blanks-question .question-text .question-text-content i,.fill-in-the-blanks-question .question-text .question-text-content span,.fill-in-the-blanks-question .question-text .question-text-content p{display:inline!important;margin:0;padding:0}.fill-in-the-blanks-question .question-text .blank-item{display:inline-block;vertical-align:middle;margin:0 4px;white-space:nowrap}.fill-in-the-blanks-question .question-text .blank-item .blank-input{display:inline-block;min-width:120px;height:48px;padding:10px 16px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);font-size:16px;text-align:center;background:#fff;transition:all .2s ease;vertical-align:middle}.fill-in-the-blanks-question .question-text .blank-item .blank-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.fill-in-the-blanks-question .question-text .blank-item .blank-input::placeholder{color:var(--Gray-400, #9ca3af);font-size:14px}.fill-in-the-blanks-question .question-text .blank-item .blank-input.correct{border:2px solid #34c759;background:#e2f1e6;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question .question-text .blank-item .blank-input.incorrect{border:2px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question .blank-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.fill-in-the-blanks-question .blank-grid .blank-input{display:flex;min-width:120px;height:48px;padding:10px 16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);font-size:16px;text-align:center;background:#fff;transition:all .2s ease}.fill-in-the-blanks-question .blank-grid .blank-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.fill-in-the-blanks-question .blank-grid .blank-input::placeholder{color:var(--Gray-400, #9ca3af);font-size:14px}.fill-in-the-blanks-question .blank-grid .blank-input.correct{border:2px solid #34c759;background:#e2f1e6;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question .blank-grid .blank-input.incorrect{border:2px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.fill-in-the-blanks-question .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.fill-in-the-blanks-question .check-answer-btn:hover{background-color:#bc2228;color:#fff}.fill-in-the-blanks-question .result{margin-top:20px;font-weight:600}.fill-in-the-blanks-question .result.correct{color:#4caf50}.fill-in-the-blanks-question .result.incorrect{color:#f44336}.arrange-steps-question{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;background:var(--White, #fff);border-radius:8px;box-shadow:0 4px 12px #0000001a}.arrange-steps-question .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.arrange-steps-question .question{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.arrange-steps-question .arrange-steps-container{width:100%;display:flex;justify-content:space-between}.arrange-steps-question .left-panel,.arrange-steps-question .right-panel{width:45%;max-height:60vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}.arrange-steps-question .left-panel::-webkit-scrollbar,.arrange-steps-question .right-panel::-webkit-scrollbar{width:6px;height:6px}.arrange-steps-question .left-panel::-webkit-scrollbar-track,.arrange-steps-question .right-panel::-webkit-scrollbar-track{background:transparent}.arrange-steps-question .left-panel::-webkit-scrollbar-thumb,.arrange-steps-question .right-panel::-webkit-scrollbar-thumb{background-color:#cfcfcf;border-radius:8px}.arrange-steps-question .left-panel::-webkit-scrollbar-thumb:hover,.arrange-steps-question .right-panel::-webkit-scrollbar-thumb:hover{background-color:#b5b5b5}.arrange-steps-question .draggable-step{background-color:#f0f0f0;padding:10px;margin-bottom:24px;cursor:pointer;border-radius:5px;border:1px solid #ddd;transition:background-color .3s;-webkit-user-select:none;user-select:none;color:var(--Gray-900, #2d2c2c);opacity:1;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.arrange-steps-question .draggable-step.dragged{opacity:.5}.arrange-steps-question .droppable-slot-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.arrange-steps-question .droppable-slot-container .circle-number{display:flex;width:40px;height:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#fff;font-family:SF Pro Display;font-style:normal;font-weight:500;line-height:24px;border-radius:50%;font-size:14px;font-weight:700;text-align:center;margin-bottom:10px}.arrange-steps-question .droppable-slot-container .droppable-slot{width:280px;min-height:80px;background-color:#f9f9f9;padding:10px;margin-bottom:24px;border:2px dashed #ccc;text-align:center;transition:background-color .3s,border .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;overflow:auto;white-space:normal}.arrange-steps-question .droppable-slot-container .droppable-slot.is-dropped{background-color:#e0f7fa}.arrange-steps-question .droppable-slot-container .droppable-slot.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.arrange-steps-question .droppable-slot-container .droppable-slot.incorrect{border:1px solid var(--Brand-500, #BC2228);background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.arrange-steps-question .droppable-slot-container .droppable-slot .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2D2C2C);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.arrange-steps-question .droppable-slot-container .droppable-slot .empty-slot,.arrange-steps-question .empty-slot{color:#888}.arrange-steps-question .step{padding:10px;border-radius:5px}.arrange-steps-question .btn--group{width:100%;display:flex;justify-content:space-between;margin-top:20px}.arrange-steps-question .btn--group .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.arrange-steps-question .btn--group .check-answer-btn:hover{background-color:#bc2228;color:#fff}.arrange-steps-question .btn--group .check-answer-btn:disabled{background-color:#eababc;cursor:not-allowed}.arrange-steps-question .btn--group .reset-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.arrange-steps-question .btn--group .reset-btn:hover{background-color:#bc2228;color:#fff}.arrange-steps-question .droppable-slot-container.hovered .droppable-slot{outline:2px dashed #007aff;box-shadow:0 0 0 3px #007aff14}.arrange-steps-question .droppable-slot-container .circle-number.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759}.arrange-steps-question .droppable-slot-container .circle-number.incorrect{border:1px solid var(--Brand-500, #BC2228);background:var(--Brand-50, #F8E9EA);color:var(--Brand-500, #BC2228)}.arrange-steps-question .droppable-slot .placed-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.arrange-steps-question .droppable-slot .placed-wrapper .step{flex:1 1 auto;text-align:left}.arrange-steps-question .droppable-slot .placed-wrapper .clear-btn{flex:0 0 auto;border:1px solid #ddd;background:#fff;color:#2d2c2c;border-radius:6px;padding:4px 8px;cursor:pointer;line-height:1;transition:background-color .2s,border-color .2s}.arrange-steps-question .droppable-slot .placed-wrapper .clear-btn:hover{background:#f4f4f4;border-color:#cfcfcf}.arrange-steps-question .draggable-step:focus{outline:2px solid #007aff;outline-offset:2px}.arrange-steps-question .droppable-slot-container:focus .droppable-slot{outline:2px solid #ff6f00;outline-offset:2px}.match-sentences-question{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;background:var(--White, #fff);border-radius:8px}.match-sentences-question .question-title{color:#007aff;font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.match-sentences-question .question{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-weight:600;line-height:28px}.match-sentences-question .matching-options{width:100%;display:flex;justify-content:space-between}.match-sentences-question .matching-options .left-side,.match-sentences-question .matching-options .right-side{width:45%}.match-sentences-question .matching-options .left-side .left-side-option{width:100%;display:flex;align-items:center;gap:16px;margin-bottom:12px;cursor:pointer}.match-sentences-question .matching-options .left-side .left-side-option .circle-number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:500;line-height:24px;border-radius:50%;font-weight:700;text-align:center}.match-sentences-question .matching-options .left-side .left-side-option .circle-number.correct{background:#34c759;color:#fff}.match-sentences-question .matching-options .left-side .left-side-option .circle-number.incorrect{background:var(--Brand-50, #bc2228);color:var(--Brand-500, #fff)}.match-sentences-question .matching-options .left-side .left-side-option .circle-number.pending-left{box-shadow:0 0 6px #007affb3;outline:2px solid #007aff}.match-sentences-question .matching-options .left-side .left-side-option .option{display:flex;width:280px;padding:10px 10px 10px 16px;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);background:var(--Gray-50, #f4f4f4);overflow:auto;white-space:normal;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question .matching-options .left-side .left-side-option .option.is-dropped{background-color:#e0f7fa}.match-sentences-question .matching-options .left-side .left-side-option .option.correct{border:1px solid #34c759;background:#34c7591a;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question .matching-options .left-side .left-side-option .option.incorrect{border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question .matching-options .left-side .left-side-option .option.pending-left{outline:2px solid #007aff;box-shadow:0 0 6px #007aff80}.match-sentences-question .matching-options .left-side .left-side-option .option .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question .matching-options .left-side .left-side-option .option .empty-slot{color:#888}.match-sentences-question .matching-options .right-side .right-side-option{width:100%;display:flex;align-items:center;gap:16px;margin-bottom:12px;cursor:pointer}.match-sentences-question .matching-options .right-side .right-side-option .circle-number{display:flex;width:40px;padding:8px 10px;justify-content:center;align-items:center;gap:10px;background:var(--Gray-100, #ddd);color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-style:normal;line-height:24px;border-radius:50%;font-weight:700;text-align:center}.match-sentences-question .matching-options .right-side .right-side-option .circle-number.correct{background:#34c759!important;color:#fff}.match-sentences-question .matching-options .right-side .right-side-option .circle-number.incorrect{background:var(--Brand-50, #bc2228);color:var(--Brand-500, #fff)}.match-sentences-question .matching-options .right-side .right-side-option .circle-number.pending-right{box-shadow:0 0 6px #ff6f00b3;outline:2px solid #ff6f00}.match-sentences-question .matching-options .right-side .right-side-option .circle-number.used{filter:brightness(.95)}.match-sentences-question .matching-options .right-side .right-side-option .option{display:flex;width:280px;padding:10px 10px 10px 16px;align-items:center;gap:10px;border-radius:8px;border:1px solid var(--Gray-100, #ddd);background:var(--Gray-50, #f4f4f4);overflow:auto;white-space:normal;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px;transition:all .3s ease}.match-sentences-question .matching-options .right-side .right-side-option .option.is-dropped{background-color:#e0f7fa}.match-sentences-question .matching-options .right-side .right-side-option .option.correct{border:1px solid #34c759;background:#34c7591a!important;color:#34c759;font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question .matching-options .right-side .right-side-option .option.incorrect{border:1px solid var(--Brand-500, #bc2228);background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-weight:400;line-height:28px}.match-sentences-question .matching-options .right-side .right-side-option .option.pending-right{outline:2px solid #ff6f00;box-shadow:0 0 6px #ff6f0080}.match-sentences-question .matching-options .right-side .right-side-option .option.used{background:#f8e9ea;filter:brightness(.95)}.match-sentences-question .matching-options .right-side .right-side-option .option .step{white-space:normal;word-wrap:break-word;max-width:100%;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.match-sentences-question .matching-options .right-side .right-side-option .option .empty-slot{color:#888}.match-sentences-question .matching-options select{padding:5px;margin-left:10px;border-radius:4px;border:1px solid #ddd;font-size:16px;background-color:#fff;cursor:pointer}.match-sentences-question .matching-options select:focus{outline:none;border-color:#4caf50}.match-sentences-question .btn--group{width:100%;display:flex;justify-content:space-between;margin-top:20px}.match-sentences-question .btn--group .check-answer-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.match-sentences-question .btn--group .check-answer-btn:hover{background-color:#bc2228;color:#fff}.match-sentences-question .btn--group .check-answer-btn:disabled{background-color:#eababc;cursor:not-allowed}.match-sentences-question .btn--group .reset-btn{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-100, #eababc);color:var(--Brand-500, #bc2228);text-align:center;cursor:pointer;border:none;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;transition:background-color .3s}.match-sentences-question .btn--group .reset-btn:hover{background-color:#bc2228;color:#fff}.match-sentences-question .result{margin-top:20px;font-weight:600}.match-sentences-question .result.correct{color:#4caf50}.match-sentences-question .result.incorrect{color:#f44336}.result-practice{width:1440px;margin:0 auto;padding:20px 80px;background:var(--Gray-25, #fafafa)}.result-practice .result-practice--navigate{display:flex;gap:10px}.result-practice .result-practice--navigate .result-practice--navigate--title,.result-practice .result-practice--navigate .result-practice--navigate--line{color:var(--Gray-500, #919191);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.result-practice .result-practice--navigate .result-practice--navigate--course{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.result-practice .loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.result-practice .loading-state p{color:var(--Gray-500, #919191);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px;text-align:center}.result-practice .test-progress{max-width:841px!important;margin:80px auto 0;display:flex;flex-direction:column;gap:25px;justify-content:center}.result-practice .test-progress h1{color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px}.result-practice .test-progress .infor-test--content--list--item--content--lineprogress{display:flex}.result-practice .test-progress .infor-test--content--list--item--content--progress{display:flex;align-items:center;justify-content:space-between;width:100%}.result-practice .test-progress .infor-test--content--list--item--content--progress p{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:500;line-height:30px}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list{display:inline-flex;align-items:center;gap:40px}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list p{color:var(--Gray-500, #919191);text-align:right;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:500;line-height:30px}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group{display:flex;justify-content:center;align-items:center;gap:10px}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress svg{position:relative;z-index:1}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text p{color:#919191;text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:4px}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress .progress-text .percentage{color:#007aff;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:normal;color:#333}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .circular-progress circle:last-child{transition:stroke-dashoffset .8s ease-in-out}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .progress-container{width:650px;height:16px;background-color:#f4f4f4;position:relative;border-radius:20px;overflow:hidden}.result-practice .test-progress .infor-test--content--list--item--content--progress .infor-test--content--list--item--content--progress--list .infor-test--content--list--item--content--progress--group .progress-container .progress-bar{height:100%;border-radius:20px;background:#007aff;transition:width .3s ease}.result-practice .result-practice--content{margin-top:80px;display:flex;flex-direction:column;gap:24px}.result-practice .result-practice--content .result-practice--content--result{width:1280px;height:344px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:30px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--title{display:inline-flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content{margin-top:20px;display:flex;justify-content:center;gap:32px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--left{display:flex;width:389px;padding:20px;flex-direction:column;align-items:center;gap:4px;border-radius:8px;background:#f1fcf3}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--left img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--left p{color:#34c759;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--left span{color:#22973f;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--middle{display:flex;width:388px;padding:20px;flex-direction:column;align-items:center;gap:4px;border-radius:8px;background:#f8e9ea}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--middle p{color:#bc2228;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--middle img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--middle span{color:#ab1f24;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--right{display:flex;width:388px;padding:20px;flex-direction:column;align-items:center;gap:4px;border-radius:8px;background:#fffaea}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--right img{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--right p{color:#f07e00;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--content .result-practice--content--result--content--right span{color:#e26100;text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:28px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button{display:flex;gap:24px;align-items:center;justify-content:center;margin-top:48px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item1{display:flex;width:fit-content;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:var(--White, #fff);bottom:0;cursor:pointer}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item1 p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item1 img{width:24px;height:24px;flex-shrink:0}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item2{display:flex;width:fit-content;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--Brand-500, #fff);background:var(--White, #bc2228);bottom:0;cursor:pointer}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item2 p{color:var(--Brand-500, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.result-practice .result-practice--content .result-practice--content--result .result-practice--content--result--button .result-practice--content--result--button--item2 img{width:24px;height:24px;flex-shrink:0}.result-practice .result-practice--content .result-practice--content--dashboard{width:1280px;height:750px;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:30px 24px}.result-practice .result-practice--content .result-practice--content--dashboard .result-practice--content--dashboard--title{display:inline-flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-bottom:60px}.result-practice .result-practice--content .result-practice--content--history{width:1280px;height:auto;flex-shrink:0;border-radius:8px;background:var(--White, #fff);padding:30px 24px}.result-practice .result-practice--content .result-practice--content--history .result-practice--content--history--title{display:inline-flex;padding:0 20px;justify-content:center;align-items:center;gap:10px;border-left:2px solid var(--Brand-500, #bc2228);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:24px;font-weight:600;line-height:32px;margin-bottom:60px}.result-practice .result-practice--content .result-practice--content--history .history-table{width:100%;border-collapse:collapse}.result-practice .result-practice--content .result-practice--content--history .history-table th,.result-practice .result-practice--content .result-practice--content--history .history-table td{padding:15px;text-align:left;border-bottom:1px solid #ddd;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.result-practice .result-practice--content .result-practice--content--history .history-table th{padding:10px;width:301px;height:48px;background:var(--Brand-25, #fff6f7);color:var(--Brand-500, #bc2228);font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:500;line-height:28px;position:relative}.result-practice .result-practice--content .result-practice--content--history .history-table th:after{content:"";position:absolute;right:0;top:10px;width:1px;height:28px;background-color:var(--Brand-100, #eababc)}.result-practice .result-practice--content .result-practice--content--history .history-table .score{color:#34c759;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.result-practice .result-practice--content .result-practice--content--history .history-table .retry-btn{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;background:#f8e9ea;color:var(--Gray-400, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;border:none;cursor:pointer}.result-practice .result-practice--content .result-practice--content--history .history-table .retry-btn img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.result-practice .result-practice--content .result-practice--content--history .history-table .retry-btn:hover{background-color:#eababc;color:#bc2228}.result-practice .result-practice--content .result-practice--content--history .pagination-container{display:flex;align-items:center;gap:2px;justify-content:center;margin-top:32px}.result-practice .result-practice--content .result-practice--content--history .pagination-container .pagination-items{display:flex;align-items:center;gap:2px}.result-practice .result-practice--content .result-practice--content--history .pagination-container .pagination-item{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;cursor:pointer;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s ease}.result-practice .result-practice--content .result-practice--content--history .pagination-container .pagination-item:hover{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228)}.result-practice .result-practice--content .result-practice--content--history .pagination-container .pagination-item.active{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-weight:600}.result-practice .result-practice--content .result-practice--content--history .pagination-container .pagination-ellipsis{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.page-exam-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.practice{width:100%;max-width:1440px;padding:80px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:60px;flex-shrink:0}.practice .practice--top{display:flex;flex-direction:column;align-items:center}.practice .practice--top .practice--top--title{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:500;line-height:40px}.practice .practice--top .practice--top--content{margin-top:8px;align-self:stretch;color:var(--Gray-900, #2d2c2c);text-align:center;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.practice .practice--top .practice--top--search{margin-top:40px;display:flex;align-items:center;gap:32px;align-self:stretch}.practice .practice--top .practice--top--search .practice--top--search--input{display:flex;width:843px;padding:12px 726px 12px 20px;align-items:center;border-radius:8px;border:1px solid var(--Brand-500, #bc2228);background:#fff3;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice .practice--top .practice--top--search .practice--top--search--input:focus{outline:none;border-color:var(--Brand-500, #bc2228)}.practice .practice--top .practice--top--search .practice--top--search--input::placeholder{color:var(--Gray-100, #ddd);font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.practice .practice--top .practice--top--search .practice--top--search--button{display:flex;width:187px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:8px;background:var(--Brand-500, #bc2228);border:none;cursor:pointer}.practice .practice--top .practice--top--search .practice--top--search--button img{display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0}.practice .practice--top .practice--top--search .practice--top--search--button p{color:var(--White, #fff);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.practice .practice--content{width:100%;max-width:1281px;display:flex;flex-direction:column;align-items:left;gap:24px;margin:0 auto}.practice .practice--content .practice--content--title{color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.practice .practice--content .practice--content--filter{display:flex;gap:4px;margin:0 auto}.practice .practice--content .practice--content--filter .practice--content--filter--item{display:flex;width:156px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:#fff;color:#919191;text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:24px;cursor:pointer;transition:all .3s ease}.practice .practice--content .practice--content--filter .practice--content--filter--item.active{background:#f8e9ea;color:#bc2228;font-weight:600}.practice .practice--content .practice--content--filter .practice--content--filter--item:hover{background:#f8e9ea;color:#bc2228}.practice .practice--content .practice--content--list{width:100%;display:flex;align-items:center;gap:33px;align-self:stretch}.practice .practice--content .practice--content--list .practice--content--list--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item{display:flex;width:100%;padding-bottom:24px;flex-direction:column;align-items:center;gap:20px;border-radius:8px;background:var(--White, #fff);cursor:pointer;box-shadow:0 0 20px #00000014;height:auto;transition:transform .3s ease,box-shadow .3s ease}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item:hover{transform:translateY(-10px);box-shadow:0 4px 30px #0003;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--img{display:flex;width:405px;height:240px;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px 8px 0 0;object-fit:cover}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content{display:flex;width:365px;flex-direction:column;align-items:flex-start;gap:8px;flex-grow:1}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--progress{display:flex;align-items:center;gap:7px;width:100%}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-container{width:320px;height:12px;background-color:#f0f0f0;position:relative;border-radius:10px;overflow:hidden}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-container .progress-bar{height:100%;background-color:#c0392b;transition:width .3s ease}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-text{top:0;right:10px;display:flex;align-items:center;gap:7px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-text p{color:#2d2c2c;font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-text span{color:#bc2228;font-family:SF Pro Display;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--name{align-self:stretch;color:var(--Gray-900, #2d2c2c);font-family:SF Pro Display;font-size:24px;font-weight:600;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--description{align-self:stretch;color:var(--Gray-600, #848484);font-family:SF Pro Display;font-size:16px;font-weight:400;line-height:24px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--detail{display:flex;align-items:center;gap:7px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--book{display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;border-radius:8px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--book .practice--content--list--item--content--book--icon{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--book p{color:#2d2c2c;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--star{display:flex;height:40px;padding:8px 10px;justify-content:center;align-items:center;gap:4px;border-radius:8px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--star .practice--content--list--item--content--star--icon{width:20px;height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--star p{color:#2d2c2c;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--button{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:8px;background:#f8e9ea;border:none;cursor:pointer;margin-top:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--button p{color:var(--Brand-500, #bc2228);text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--button .practice--content--list--item--content--arrow{width:24px;height:24px}.practice .pagination-container{display:flex;align-items:center;gap:2px;justify-content:center}.practice .pagination-container .pagination-item{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;cursor:pointer;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s ease}.practice .pagination-container .pagination-item:hover{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228)}.practice .pagination-container .pagination-item.active{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-weight:600}.practice .pagination-container .pagination-ellipsis{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.practice .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999}.practice .loading-overlay .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.practice .loading-overlay .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #bc2228;border-radius:50%;animation:spin 1s linear infinite}.practice .loading-overlay .loading-spinner p{color:#2d2c2c;font-family:SF Pro Display;font-size:18px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.practice-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}.practice-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 1024px){.practice{padding:60px 40px;gap:40px}.practice .practice--top .practice--top--title{font-size:28px;line-height:36px}.practice .practice--top .practice--top--content{font-size:18px;line-height:26px}.practice .practice--top .practice--top--search{flex-direction:column;gap:16px}.practice .practice--top .practice--top--search .practice--top--search--input{width:100%;padding:10px 16px;font-size:14px}.practice .practice--top .practice--top--search .practice--top--search--button{width:100%;padding:10px 20px}.practice .practice--top .practice--top--search .practice--top--search--button p{font-size:14px}.practice .practice--top .practice--top--search .practice--top--search--button img{width:20px;height:20px}.practice .practice--content{gap:20px}.practice .practice--content .practice--content--title{font-size:20px;line-height:28px}.practice .practice--content .practice--content--filter .practice--content--filter--item{width:120px;padding:8px 16px;font-size:14px}.practice .practice--content .practice--content--list .practice--content--list--grid{grid-template-columns:repeat(2,1fr);gap:16px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--img{width:100%;height:200px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content{width:100%;padding:0 16px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--name{font-size:20px;line-height:28px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--description{font-size:14px;line-height:20px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-container{width:100%}}@media (max-width: 768px){.practice{padding:40px 20px;gap:30px}.practice .practice--top .practice--top--title{font-size:24px;line-height:32px}.practice .practice--top .practice--top--content{font-size:16px;line-height:24px}.practice .practice--top .practice--top--search{flex-direction:column;gap:12px}.practice .practice--top .practice--top--search .practice--top--search--input{width:100%;padding:8px 12px;font-size:13px}.practice .practice--top .practice--top--search .practice--top--search--button{width:100%;padding:8px 16px}.practice .practice--top .practice--top--search .practice--top--search--button p{font-size:13px}.practice .practice--top .practice--top--search .practice--top--search--button img{width:18px;height:18px}.practice .practice--content{gap:16px}.practice .practice--content .practice--content--title{font-size:18px;line-height:24px}.practice .practice--content .practice--content--filter{flex-direction:column;gap:8px}.practice .practice--content .practice--content--filter .practice--content--filter--item{width:100%;padding:8px 16px;font-size:13px}.practice .practice--content .practice--content--list .practice--content--list--grid{grid-template-columns:1fr;gap:16px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--img{width:100%;height:180px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content{width:100%;padding:0 12px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--name{font-size:18px;line-height:24px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--description{font-size:13px;line-height:18px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--detail{flex-direction:column;gap:8px;align-items:flex-start}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--book,.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--star{padding:6px 8px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--book p,.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .practice--content--list--item--content--star p{font-size:12px}.practice .practice--content .practice--content--list .practice--content--list--grid .practice--content--list--item .practice--content--list--item--content .progress-container{width:100%}}.ranking-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.ranking{width:100%;max-width:1440px;padding:60px 80px;margin:0 auto;display:flex;flex-direction:column;gap:64px;flex-shrink:0;min-height:100vh}.ranking .ranking-title{color:#2d2c2c;font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px}.ranking .ranking-top{width:1280px;height:164px;flex-shrink:0;border-radius:8px;background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.ranking .ranking-top .ranking-top-left{width:fit-content;display:flex;align-items:center;gap:28px}.ranking .ranking-top .ranking-top-left .ranking-top-left-avatar{display:flex;width:100px;height:100px;justify-content:center;align-items:center;border-radius:50%;border:4px solid #bc2228}.ranking .ranking-top .ranking-top-left .ranking-top-left-avatar img{width:100%;height:100%;flex-shrink:0;border-radius:50%}.ranking .ranking-top .ranking-top-left .ranking-top-left-name{display:flex;flex-direction:column;gap:8px}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-title{color:#2d2c2c;font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:600;line-height:normal}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-id{color:#919191;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.ranking .ranking-top .ranking-top-right{width:732px;display:inline-flex;padding:33.5px 24px;justify-content:space-between;align-items:center;border-radius:4px;background:#fefbe899;gap:21px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item{width:180px;display:flex;flex-direction:column;justify-content:center;gap:10px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon{display:flex;gap:12px;align-items:center;justify-content:center}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon img{width:32px;height:32px;aspect-ratio:1/1}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon p{color:#2d2c2c;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-title{color:#505050;text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.ranking .ranking-top .ranking-top-right .ranking-top-right-line{width:1px;height:46px;background:#ffd674}.ranking .ranking-table{width:1280px;flex-shrink:0}.ranking .ranking-table .ranking-table--top{width:100%;display:flex;justify-content:center;align-items:flex-end;gap:80px;height:280px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item{display:flex;flex-direction:column;align-items:center;gap:10px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container{position:relative;flex-shrink:0;border-radius:50%}.ranking .ranking-table .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container .frame{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:1}.ranking .ranking-table .ranking-table--top .ranking-table--top-item .ranking-table--top-item-avatar-container .avatar-inside{object-fit:cover;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.ranking .ranking-table .ranking-table--top .ranking-table--top-item p{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div{display:flex;align-items:center;gap:8px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div img{width:20px;height:20px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div p{color:#2d2c2c;text-align:center;font-family:SF Pro Display;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container{width:180px;height:180px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container .avatar-inside{width:65%;height:65%}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container{width:250px;height:250px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container .avatar-inside{width:55%;height:55%}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container{width:140px;height:140px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container .avatar-inside{width:65%;height:65%}.ranking .ranking-table .ranking-table--content{display:flex;flex-direction:column;margin-top:50px}.ranking .ranking-table .ranking-table--content .ranking-navigation{margin:0 auto 32px;display:flex;gap:0}.ranking .ranking-table .ranking-table--content .ranking-navigation .ranking-nav-item{width:156px;padding:10px 20px;border:none;background:transparent;color:#919191;font-family:SF Pro Display;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .3s ease}.ranking .ranking-table .ranking-table--content .ranking-navigation .ranking-nav-item:hover{color:#2d2c2c}.ranking .ranking-table .ranking-table--content .ranking-navigation .ranking-nav-item.active{background:#bc22281a;color:#bc2228;font-weight:600}.ranking .ranking-table .ranking-table--content .ranking-table-headers{display:grid;grid-template-columns:100px 1fr 200px;gap:164px;padding:16px 0;border-bottom:1px solid #e5e5e5}.ranking .ranking-table .ranking-table--content .ranking-table-headers .ranking-header-item{color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:600;text-align:left}.ranking .ranking-table .ranking-table--content .ranking-table-headers .ranking-header-item:first-child{text-align:center}.ranking .ranking-table .ranking-table--content .ranking-table-headers .ranking-header-item:last-child{text-align:center}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row{display:grid;grid-template-columns:100px 1fr 200px;gap:164px;padding:16px 0;border-bottom:1px solid #f0f0f0;align-items:center;transition:all .3s ease}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row:hover{background:#00000005}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row.current-user{background:#bc22280d;border:1px solid rgba(188,34,40,.2);border-radius:8px;margin:4px 0;padding:16px 8px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row.current-user:hover{background:#bc222814}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell{display:flex;align-items:center}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank{justify-content:center;color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:600;position:relative}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank .current-user-badge{position:absolute;top:-8px;right:-20px;background:#bc2228;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 4px #bc22284d}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student{gap:12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-name{color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:500}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points{justify-content:center;gap:8px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-icon{width:16px;height:16px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-value{color:#2d2c2c;font-family:SF Pro Display;font-size:16px;font-weight:600}.ranking .ranking-table .ranking-table--content .ranking-pagination{display:flex;flex-direction:column;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5;gap:16px}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container{display:flex;align-items:center;gap:2px;justify-content:center}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-item{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;cursor:pointer;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s ease}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-item:hover{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228)}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-item.active{background:var(--Brand-50, #f8e9ea);color:var(--Brand-500, #bc2228);font-weight:600}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-ellipsis{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;border:none;background:transparent;margin:0;color:var(--Gray-600, #848484);text-align:center;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:500;line-height:20px;cursor:default}.ranking .ranking-table .ranking-table--content .ranking-pagination .go-to-my-rank .go-to-my-rank-btn{background:#bc2228;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-family:SF Pro Display;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #bc222833}.ranking .ranking-table .ranking-table--content .ranking-pagination .go-to-my-rank .go-to-my-rank-btn:hover{background:#a01e24;transform:translateY(-1px);box-shadow:0 4px 12px #bc22284d}.ranking .ranking-table .ranking-table--content .ranking-pagination .go-to-my-rank .go-to-my-rank-btn:active{transform:translateY(0)}@media (max-width: 1024px){.ranking{padding:40px;gap:48px}.ranking .ranking-title{font-size:28px;line-height:36px;letter-spacing:-.56px}.ranking .ranking-top{width:100%;height:auto;padding:16px;flex-direction:column;gap:20px}.ranking .ranking-top .ranking-top-left{gap:20px}.ranking .ranking-top .ranking-top-left .ranking-top-left-avatar{width:80px;height:80px}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-title{font-size:24px}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-id{font-size:14px}.ranking .ranking-top .ranking-top-right{width:100%;padding:20px 16px;gap:16px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item{width:120px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon{gap:8px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon img{width:24px;height:24px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon p{font-size:18px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-title{font-size:12px}.ranking .ranking-table{width:100%}.ranking .ranking-table .ranking-table--top{gap:40px;height:200px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item{gap:8px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item p{font-size:18px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div{gap:6px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div img{width:16px;height:16px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div p{font-size:14px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container{width:120px;height:120px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container{width:160px;height:160px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container{width:100px;height:100px}.ranking .ranking-table .ranking-table--content{margin-top:32px}.ranking .ranking-table .ranking-table--content .ranking-navigation{margin-bottom:24px}.ranking .ranking-table .ranking-table--content .ranking-navigation .ranking-nav-item{width:120px;padding:8px 16px;font-size:14px}.ranking .ranking-table .ranking-table--content .ranking-table-headers{grid-template-columns:80px 1fr 120px;gap:20px;padding:12px 0}.ranking .ranking-table .ranking-table--content .ranking-table-headers .ranking-header-item{font-size:14px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row{grid-template-columns:80px 1fr 120px;gap:20px;padding:12px 0}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank{font-size:14px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank .current-user-badge{font-size:9px;padding:1px 4px;top:-6px;right:-15px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student{gap:8px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-avatar{width:32px;height:32px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-name{font-size:14px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points{gap:6px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-icon{width:14px;height:14px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-value{font-size:14px}.ranking .ranking-table .ranking-table--content .ranking-pagination{margin-top:24px;padding-top:16px;gap:12px}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container{gap:1px}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-item,.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-ellipsis{width:36px;height:36px;font-size:13px}.ranking .ranking-table .ranking-table--content .ranking-pagination .go-to-my-rank .go-to-my-rank-btn{padding:6px 12px;font-size:13px}}@media (max-width: 768px){.ranking{padding:24px 20px;gap:32px}.ranking .ranking-title{font-size:24px;line-height:32px;letter-spacing:-.48px;text-align:center}.ranking .ranking-top{padding:12px;gap:16px}.ranking .ranking-top .ranking-top-left{gap:16px}.ranking .ranking-top .ranking-top-left .ranking-top-left-avatar{width:60px;height:60px}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-title{font-size:20px}.ranking .ranking-top .ranking-top-left .ranking-top-left-name .ranking-top-left-name-id{font-size:13px}.ranking .ranking-top .ranking-top-right{padding:16px 12px;gap:12px;flex-wrap:wrap;justify-content:center}.ranking .ranking-top .ranking-top-right .ranking-top-right-item{width:100px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon{gap:6px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon img{width:20px;height:20px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-icon p{font-size:16px}.ranking .ranking-top .ranking-top-right .ranking-top-right-item .ranking-top-right-item-title{font-size:11px}.ranking .ranking-top .ranking-top-right .ranking-top-right-line{display:none}.ranking .ranking-table .ranking-table--top{gap:20px;height:160px;flex-direction:column}.ranking .ranking-table .ranking-table--top .ranking-table--top-item{gap:6px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item p{font-size:16px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div{gap:4px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div img{width:14px;height:14px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item div p{font-size:13px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--silver .ranking-table--top-item-avatar-container{width:80px;height:80px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--gold .ranking-table--top-item-avatar-container{width:100px;height:100px}.ranking .ranking-table .ranking-table--top .ranking-table--top-item--bronze .ranking-table--top-item-avatar-container{width:70px;height:70px}.ranking .ranking-table .ranking-table--content{margin-top:24px}.ranking .ranking-table .ranking-table--content .ranking-navigation{margin-bottom:16px;flex-wrap:wrap;justify-content:center}.ranking .ranking-table .ranking-table--content .ranking-navigation .ranking-nav-item{width:100px;padding:6px 12px;font-size:13px}.ranking .ranking-table .ranking-table--content .ranking-table-headers{grid-template-columns:60px 1fr 80px;gap:12px;padding:8px 0}.ranking .ranking-table .ranking-table--content .ranking-table-headers .ranking-header-item{font-size:12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row{grid-template-columns:60px 1fr 80px;gap:12px;padding:8px 0}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank{font-size:12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-rank .current-user-badge{font-size:8px;padding:1px 3px;top:-4px;right:-12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student{gap:6px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-avatar{width:28px;height:28px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-student .student-name{font-size:12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points{gap:4px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-icon{width:12px;height:12px}.ranking .ranking-table .ranking-table--content .ranking-lower-table .ranking-table-row .ranking-table-cell.ranking-cell-points .points-value{font-size:12px}.ranking .ranking-table .ranking-table--content .ranking-pagination{margin-top:16px;padding-top:12px;gap:8px}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container{gap:1px;flex-wrap:wrap}.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-item,.ranking .ranking-table .ranking-table--content .ranking-pagination .pagination-container .pagination-ellipsis{width:32px;height:32px;font-size:12px}.ranking .ranking-table .ranking-table--content .ranking-pagination .go-to-my-rank .go-to-my-rank-btn{padding:5px 10px;font-size:12px}}.redirect-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.redirect-layout__loading{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 8px 32px #0000001a}.redirect-layout__loading p{margin-top:1rem;color:#666;font-size:16px}.redirect-layout .ant-result{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:500px}.redirect-layout .ant-result .ant-result-title{font-size:24px;font-weight:600;color:#333}.redirect-layout .ant-result .ant-result-subtitle{font-size:16px;color:#666;margin-top:.5rem}.redirect-layout .ant-result .ant-result-extra{margin-top:2rem}.redirect-layout .ant-result .ant-result-extra a{padding:8px 24px;background:#1890ff;color:#fff;border-radius:6px;text-decoration:none;transition:background .3s ease}.redirect-layout .ant-result .ant-result-extra a:hover{background:#40a9ff}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Bold-BTSGLTri.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Regular-2nqpBkwV.otf) format("opentype");font-weight:400;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer}