@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);*{font-family:"Montserrat",sans-serif}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:4px;height:0}::-webkit-scrollbar-track{background:rgba(255,218,71,.13333333333333333)}::-webkit-scrollbar-thumb{background:#485253}::-webkit-scrollbar-thumb:hover{background:#7d837e}.problem-layout-main-div{display:flex;flex-direction:column;position:relative;width:90%;margin-top:50px;border-radius:38px}.problem-layout-main-content-container{flex:1 1 auto;overflow-y:auto;background:transparent;padding-bottom:80px;border-radius:38px}.problem-layout-main-content{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:24px;grid-gap:20px;gap:20px;width:100%;margin:0 auto;background:rgba(247,251,249,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:solid #000;border-width:2px 2px 5px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 32px rgba(22,166,87,.1);border-radius:38px;min-height:850px}.problem-layout-description-container{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px;overflow-y:auto}.problem-layout-answer-container{flex:1 1;display:flex;justify-content:center;align-items:center}.problem-layout-action-container{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.8);border-top:1px solid hsla(0,0%,100%,.2);z-index:10;padding:16px 56px}.pd-main-div{display:flex;flex-direction:column;grid-gap:20px;gap:20px;min-width:300px;max-width:600px;background-color:inherit;padding:20px}.pd-back-button{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 10px 3px 8px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pd-back-button img{width:16px;height:16px}.pd-back-button span{font-family:Archivo;font-style:normal;font-weight:500;font-size:13px;line-height:20px;color:#5b5e6c}.pd-logo{width:64px;height:64px;border-radius:6px}.pd-title-main-div{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.pd-title-topic{display:flex;grid-gap:8px;gap:8px;font-family:Archivo;font-weight:500;font-size:16px;line-height:26px;color:#9096a9}.pd-series-name{color:#5b5e6c}.pd-title-main-div h1{font-family:Archivo;font-weight:600;font-size:24px;line-height:38px;color:#25272f;margin:0}.pd-level-creator-div{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.pd-creator{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 8px;background-color:#e8e9f0;border-radius:20px;font-family:Archivo;font-size:15px;line-height:22px}.pd-created-by{font-weight:300;color:#32343a}.pd-author{font-weight:500;color:#25272f}.pd-header-actions{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:24px}.pd-language-switch{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #16a657;background-color:initial;color:#16a657}.pd-language-switch.bangla,.pd-language-switch:hover{background-color:#16a657;color:#fff}.pd-language-switch.bangla:hover{background-color:#138a48}.pa-interactive-main-div{border:solid #16a657}.pa-timer-div{color:#1ca458}.pa-info-div{border-width:3px 3px 4px;border-radius:10px}.ab-main-container{background-color:initial}.ab-secondary{border:1px solid #cccdd7}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.share-dialog{background:#fff;border-radius:12px;width:90%;max-width:500px;display:flex;flex-direction:column}.share-dialog-header{padding:20px;border-bottom:1px solid #e8e9f0;display:flex;justify-content:space-between;align-items:center}.share-dialog-header h3{margin:0;font-family:Archivo;font-weight:600;font-size:20px;color:#25272f}.share-dialog-close{background:none;border:none;cursor:pointer;color:#787878}.share-dialog-selected{padding:12px 20px;display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;border-bottom:1px solid #e8e9f0}.selected-user-tag{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 8px;background:#e0f2e2;border-radius:20px}.selected-user-tag span{font-family:Archivo;font-size:14px;color:#16a657}.selected-user-remove{background:none;border:none;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#16a657;border-radius:50%}.selected-user-remove:hover{background:rgba(22,166,87,.1)}.share-dialog-search{padding:16px 20px;display:flex;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid #e8e9f0}.share-dialog-search input{flex:1 1;border:none;outline:none;font-family:Archivo;font-size:14px;padding:8px}.share-dialog-users{padding:8px 16px;background:#fff;display:flex;justify-content:center}.share-dialog-users>div{width:100%;max-width:480px;background:#f8f9fc;padding:8px;border-radius:8px;max-height:280px;overflow-y:auto}.share-dialog-users>div::-webkit-scrollbar{width:4px}.share-dialog-users::-webkit-scrollbar-track{background:transparent}.share-dialog-users::-webkit-scrollbar-thumb{background:#e8e9f0;border-radius:4px}.share-dialog-users::-webkit-scrollbar-thumb:hover{background:#cccdd7}.no-results{padding:16px;text-align:center;color:#787878;font-family:Archivo;font-size:14px}.user-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .2s ease;background:#fff;position:relative;justify-content:center}.user-item:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#e8e9f0}.user-item:last-child:after{display:none}.user-item:hover{background:#f8fafc}.user-item.selected{background:#f0f9f2}.user-item.selected:hover{background:#e5f4e7}.user-info{display:grid;grid-template-columns:32px minmax(120px,1fr) minmax(120px,1fr);grid-gap:16px;gap:16px;width:100%;min-width:360px}.user-avatar{width:32px;height:32px;background:#e0f2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Archivo;font-weight:600;font-size:14px;color:#16a657;flex-shrink:0;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-name{color:#25272f}.user-email,.user-name{font-family:Archivo;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:#787878}.user-item:hover .user-name{color:#16a657}.share-dialog-footer{padding:20px;border-top:1px solid #e8e9f0;display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.share-dialog-cancel,.share-dialog-share{padding:8px 16px;border-radius:20px;font-family:Archivo;font-size:14px;font-weight:500;cursor:pointer}.share-dialog-cancel{background:#fff;border:1px solid #cccdd7;color:#5b5e6c}.share-dialog-share{background:#16a657;border:none;color:#fff}.share-dialog-share:disabled{background:#cccdd7;cursor:not-allowed}:root{--primary-button-bg:#fff;--primary-button-border:#cccdd7;--primary-button-color:#5b5e6c;--primary-button-hover-bg:#fafafa;--primary-button-hover-shadow:#aaabad;--active-button-bg:#16a657;--active-button-border:#16a657;--active-button-color:#fff;--active-button-hover-bg:#138a48;--filter-active-button-bg:#c1f3d8;--math-bg:#ebf4ff;--math-color:#3b82f6;--logical-bg:#ffedd5;--logical-color:#fb923c;--geometry-bg:#f3e8ff;--geometry-color:#9333ea;--default-color:#7b6dcd;--default-bg:#ebf4ff;--red-button-bg:#ff4d4d;--red-button-color:#fff;--font-family:Archivo}.dropdown-container{width:170px;padding:8px 6px}.dropdown-items-container{display:flex;flex-direction:column;grid-gap:4px;gap:4px;width:100%}.dropdown-item{display:flex;flex-direction:row;align-items:center;padding:8px 10px;border-radius:8px;background-color:#fff;cursor:pointer;color:#5b5e6c;font-family:Archivo,sans-serif;font-size:14px;font-weight:400;line-height:20px;width:100%;box-sizing:border-box;justify-content:space-between}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-check-icon{width:20px;height:20px}.filter-button span{color:#5b5e6c;font-family:Archivo,sans-serif;font-weight:500;font-size:13px;line-height:20px;letter-spacing:0}.filter-button.dissolve{opacity:0;pointer-events:none;transition:opacity .3s ease-out;background-color:var(--primary-button-bg);border-bottom:1px solid var(--primary-button-border);border:solid var(--primary-button-border);border-width:1px 1px 3px;color:var(--primary-button-color)}.filter-button.active{background-color:var(--filter-active-button-bg)!important;border-color:var(--active-button-border);color:var(--active-button-bg)}.filter-button:hover{background-color:#f0f0f0}.filter-button img{width:16px;height:16px}.topic-logo{width:60px;height:60px;border-radius:6px}.icon-button{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;height:36px;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:var(--font-family);background-color:var(--primary-button-bg);border:solid #000;border-width:1.5px 1.5px 4px;color:var(--primary-button-color);font-size:13px;transition:all .2s ease}.icon-button:hover{background-color:var(--primary-button-hover-bg);box-shadow:0 0 0 var(--primary-button-hover-shadow);-webkit-transform:translateY(1px);transform:translateY(1px);border-bottom:2px solid #000}.icon-button.success{background-color:var(--active-button-bg);border:solid #000;border-width:1.5px 1.5px 4px;color:var(--active-button-color)}.icon-button.success:hover{background-color:var(--active-button-hover-bg);box-shadow:0 0 10px var(--primary-button-hover-shadow);-webkit-transform:translateY(.5px);transform:translateY(.5px);border-bottom:2px solid #000}.topic-tag-content{height:76 px;grid-gap:6px;gap:6px}.topic-tag-title{font-family:"Merriweather Sans",sans-serif;font-weight:800;font-size:15px;line-height:24px;letter-spacing:.5px;color:#25272f;color:var(--Primary-Black,#25272f)}.topic-badge{grid-gap:6px;gap:6px;border-radius:18px;padding-right:6px;padding-left:6px;background:#ebf4ff;background:var(--Secondary-Math-light,#ebf4ff);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.topic-badge img{width:16px;height:16px}.topic-badge-text{font-size:13px;font-weight:600;font-family:Archivo,sans-serif}.pd-level{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 8px;border-radius:20px}.pd-level span{font-family:Archivo;font-weight:500;font-size:15px;line-height:22px}.ai-text-answer-container{width:80%;max-width:400px;padding:20px;background-color:#c1f3d8;border:2px solid #16a657;border-radius:18px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;z-index:1;font-family:Archivo;box-shadow:0 0 10px rgba(22,166,87,.8);background:rgba(193,243,216,.95)}.ai-text-answer-container div{display:flex;flex-direction:column;grid-gap:5px;gap:5px;width:100%}.ai-text-answer-label{color:#25272f;font-size:13px;font-weight:500;line-height:20px}.ai-text-answer-input{width:100%;padding:12px 16px;background-color:#fff;border:solid #000;border-width:1.5px 1.5px 4px;border-radius:30px;font-size:14px;color:#25272f;outline:none}.ai-mcq-answer-container{box-sizing:border-box;justify-content:center;padding:0;background:#fff;border:2px solid #16a657;box-shadow:0 2px 10px rgba(22,166,87,.5);border-radius:18px;z-index:1;font-family:Archivo}.ai-mcq-answer-container,.ai-mcq-answer-options-div{display:flex;flex-direction:column;align-items:flex-start}.ai-mcq-answer-options-div{padding:20px;grid-gap:16px;gap:16px;width:100%}.ai-mcq-answer-option-div{display:flex;flex-direction:row;padding:8px 0;grid-gap:12px;gap:12px;width:100%;min-height:26px}.ai-mcq-answer-option-div div{flex-shrink:0;width:24px;height:24px;border-radius:16px;cursor:pointer}.ai-mcq-answer-option-div span{flex:1 1;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#5b5e6c}.eg-container{position:absolute;top:0;left:0;z-index:1}.eg-container,.eg-container-div{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.eg-container-div{overflow:auto;padding:10px}.ms-reset-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px;grid-gap:6px;gap:6px;position:absolute;height:34px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:16px;background:#fff;border:1px solid #b8b9c8;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:20px;z-index:3;cursor:pointer}.ms-reset-button span{font-family:Archivo;font-style:normal;font-weight:500;font-size:13px;line-height:20px;color:#5b5e6c}.ms-main-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#f3f4f6;border-radius:18px}.ms-container,.ms-main-container{display:flex;justify-content:center;align-items:center}.ms-container{width:90%;height:90%;width:579px;max-height:600px}.v-main-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.v-container{width:80%;height:80%}.r-main-container{top:0;left:0;width:100%;height:100%;z-index:1}.r-container,.r-main-container{position:absolute;display:flex;justify-content:center;align-items:center}.r-container{box-sizing:border-box;flex-direction:row;padding:10px;grid-gap:8px;gap:8px;width:90%;max-width:546px;min-height:74px;height:auto;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#c1f3d8;border:2px solid #16a657;box-shadow:0 2px 10px rgba(22,166,87,.5);border-radius:18px;overflow:hidden}.r-div{width:100%;display:flex;justify-content:center;align-items:center;overflow:auto}.dad-main-container{position:absolute;top:0;left:0}.dad-dragdrop-scrollable,.dad-main-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dad-dragdrop-scrollable{overflow-x:auto;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch}.dad-dragdrop-scrollable::-webkit-scrollbar{height:8px;width:8px}.dad-dragdrop-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dad-dragdrop-scrollable::-webkit-scrollbar-thumb{background:#16a657;border-radius:4px}.dad-dragdrop-scrollable::-webkit-scrollbar-thumb:hover{background:#138a48}.dad-inner-div{min-width:-webkit-min-content;min-width:min-content;margin:0 auto}.dad2-main-container,.dad-inner-div{height:100%;display:flex;justify-content:center;align-items:center}.dad2-main-container{position:absolute;top:0;left:0;width:100%;z-index:1}.dad2-container{flex-direction:column;padding:20px;position:absolute;width:95%;max-width:800px;min-height:300px;max-height:80%;height:80%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dad2-container,.dad2-inner-div{display:flex;align-items:center;justify-content:center}.dad2-inner-div{background:#fff;width:100%;height:100%;overflow:auto;border-radius:12px}.g-main-container{top:0;left:0;width:100%;height:100%;z-index:1}.g-container,.g-main-container{position:absolute;display:flex;justify-content:center;align-items:center}.g-container{box-sizing:border-box;flex-direction:column;padding:20px;width:95%;max-width:800px;min-height:600px;max-height:80%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:18px;overflow:hidden}.g-inner-div{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:10px}.bw{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.cl{-webkit-filter:grayscale(0);filter:grayscale(0)}.exclusion_table{width:auto}.table_container{box-sizing:border-box;max-width:100%;overflow-x:scroll;position:relative;padding:10px}.exclusion-main-div{flex-direction:column;padding:0;width:594px;background:#fff;border:2px solid #16a657;box-shadow:0 0 10px #16a657;border-radius:10px}.exclusion-header-row,.exclusion-main-div{box-sizing:border-box;display:flex;align-items:center}.exclusion-header-row{border-radius:10px 10px 0 0;flex-direction:row;padding:10px 12px;grid-gap:10px;gap:10px;width:590px;height:40px;background:#c1f3d8;border-bottom:1px solid #16a657;flex:none;order:0;align-self:stretch;flex-grow:0}.exclusion-header-row-first{width:146px;flex:none;order:0;flex-grow:1}.exclusion-header-row-col,.exclusion-header-row-first{height:20px;font-family:Archivo;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#16a657}.exclusion-header-row-col{width:96px;text-align:center;flex:none;flex-grow:0}.exclusion-data-div{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px;grid-gap:10px;gap:10px;width:594px;height:46px;border-bottom:1px solid #16a657}.exclusion-data-div-first{width:146px;height:26px;font-family:Archivo;font-style:normal;font-weight:500;font-size:15px;line-height:22px;color:#5b5e6c;flex-grow:1}.exclusion-data-div-col{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;grid-gap:10px;gap:10px;width:96px;height:20px}.exclusion-data-div-col img{width:20px;height:20px;border:1px solid #cccdd7;border-radius:20px;cursor:pointer}.dragAndDropContainer{border:2px solid #16a657;box-shadow:0 2px 10px rgba(22,166,87,.5);border-radius:16px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.grid-main-container{display:flex;flex-direction:column;grid-gap:20px;gap:20px;align-items:center;position:relative;z-index:0}.grid-grid-container{box-sizing:border-box;display:grid;margin:0;grid-gap:0;gap:0;position:relative;border:2px solid #16a657;box-shadow:0 2px 10px 0 rgba(22,166,87,.5019607843137255);z-index:0}.grid-unselected-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:12px;grid-gap:8px;gap:8px;width:300px;min-height:100px;max-height:200px;background:#fff;border:1px solid #cccdd7;border-radius:16px;position:relative;z-index:2;overflow-y:auto}.grid-title-text{width:100%;font-family:Archivo;font-style:normal;font-weight:500;font-size:15px;line-height:22px;text-align:center;color:#9096a9;margin-bottom:8px}.grid-item-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:4px;grid-gap:8px;gap:8px;width:100%;flex:1 1;overflow-y:auto}.grouping-main-container{height:100%;width:100%;display:flex;flex-direction:column;grid-gap:20px;gap:20px;position:relative}.grouping-dustbin-div{flex:1 1 auto;display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;width:100%;overflow:auto;align-content:flex-start;max-height:calc(100% - 120px);-ms-overflow-style:none;scrollbar-width:none;padding:15px}.grouping-dustbin-div::-webkit-scrollbar{display:none}.grouping-box-div{position:relative;background-color:#fff;padding:50px 15px 15px;display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:center;max-height:50%;overflow-y:scroll;border:1.5px solid #ccc;border-radius:20px;-ms-overflow-style:none;scrollbar-width:none}.grouping-box-div::-webkit-scrollbar{display:none}.feedback-container{width:396px;background:#fff;border-radius:10px;padding:48px 32px 40px;position:relative}.feed-main-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.feed-main-container{display:flex;flex-direction:column;align-items:center;padding:48px 32px 40px;grid-gap:24px;gap:24px;width:460px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.12);border-radius:10px;position:relative}.close-button-div{top:16px;right:16px}.close-button,.close-button-div{position:absolute;cursor:pointer}.close-button{top:20px;right:20px;width:28px;height:28px;background:#cccdd7;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:6px}.close-button img{width:16px;height:16px}.content-container{align-items:center;grid-gap:32px;gap:32px}.content-question-div{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;width:100%;text-align:center;font-family:Archivo}.content-question-div h1{font-size:21px;font-weight:500;margin:0}.content-question-div p{font-size:14px;color:#5b5e6c;margin:0}.content-wrapper{flex-direction:column;grid-gap:32px;gap:32px}.header{text-align:center}.header h1{font-size:20px;line-height:28px;margin:0 0 12px}.header h1,.header p{font-family:Archivo,sans-serif}.header p{font-size:15px;font-weight:300;line-height:22px;color:#5b5e6c;margin:0}.difficulty-options{display:flex;grid-gap:10px;gap:10px;justify-content:space-between;margin:20px 0}.difficulty-option{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border:1px solid #cccdd7;border-radius:40px;cursor:pointer;grid-gap:4px;gap:4px;width:125.33px}.difficulty-option.selected{border-color:#16a657;box-shadow:0 0 10px #379e60}.difficulty-option:hover{border-color:#16a657}.stars{display:flex;grid-gap:4px;gap:4px}.difficulty-option img{width:24px;height:24px}.difficulty-option span{font-size:13px;font-weight:400}.comment-input,.difficulty-option span{font-family:Archivo,sans-serif;line-height:20px;color:#5b5e6c}.comment-input{width:100%;min-height:96px;padding:12px 16px;border:1px solid #cccdd7;border-radius:12px;font-size:14px;resize:none}.comment-input::-webkit-input-placeholder{color:#9096a9}.comment-input::placeholder{color:#9096a9}.ew-main-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1001}.ew-container{width:400px;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-family:Archivo;min-width:400px;max-width:600px}.ew-container h3{font-size:18px;font-weight:600;color:#25272f;margin-top:0;margin-bottom:16px}.ew-container p{font-size:14px;color:#5b5e6c;margin-bottom:24px;line-height:1.5}.ew-container img{width:100%;height:auto}.ew-inner-div{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.id-inner-div{display:flex;justify-content:center;margin:10px 0}.ew-inner-cancel-btn{border-radius:20px;border:1px solid #cccdd7;background-color:#fff;color:#5b5e6c}.ew-inner-cancel-btn,.ew-inner-confirm-btn{padding:8px 16px;font-family:Archivo;font-size:14px;font-weight:500;cursor:pointer}.ew-inner-confirm-btn{border-radius:20px;border:none;background-color:#16a657;color:#fff}.fm-main-container{width:576px;padding:40px 32px;display:flex;flex-direction:column;grid-gap:40px;gap:40px;background:#fff;border-radius:10px;position:relative;max-height:1000px;overflow-y:scroll}.fm-close-button{position:absolute;top:20px;right:20px;width:28px;height:28px;padding:6px;background:#cccdd7;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.fm-close-button img{width:16px;height:16px}.fm-trophy-style{width:188px;height:140px;margin:0 auto}.fm-message-container{display:flex;flex-direction:column;grid-gap:24px;gap:24px;text-align:center;font-family:Archivo}.fm-message-container h1{font-size:20px;font-weight:500;line-height:28px;color:#25272f}.fm-message-container p{font-size:15px;font-weight:300;line-height:22px;color:#5b5e6c}.fm-button-container{display:flex;grid-gap:10px;gap:10px;justify-content:center}.fm-base-button{padding:12px 22px;border-radius:28px;font-family:Archivo;font-size:15px;font-weight:500;line-height:22px;cursor:pointer}.fm-explanation-button{background:#fff;border:1px solid #cccdd7;color:#5b5e6c}.fm-explanation-button:hover{background:#eaeaea}.fm-next-button{background:#16a657!important;border:none;color:#fff!important}.fm-next-button:hover{background:#1abf64!important}.fm-explanation-container{width:100%;border:1px solid #cccdd7;border-radius:10px;overflow:hidden;overflow-y:scroll;max-height:500px}.fm-explanation-header{background:#e8e9f0;padding:6px;text-align:center;font-family:Archivo;font-size:13px;color:#5b5e6c}.fm-explanation-content{display:flex;padding:8px;grid-gap:24px;gap:24px}.fm-explanation-text{flex:1 1;padding:10px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.fm-explanation-title{font-family:Archivo;font-size:15px;font-weight:500;line-height:22px;color:#25272f}.fm-rmd-div{max-height:200px;overflow-y:scroll;padding-right:10px;overflow-x:scroll}.fm-rmd-div img{max-width:450px}.fm-rmd-p{margin:0 0 12px;font-family:Archivo;font-size:13px;font-weight:400;line-height:20px;color:#5b5e6c}.fm-rmd-strong{font-weight:600;color:#25272f}.fm-rmd-em{font-style:italic}.fm-rmd-ul{padding-left:20px;margin:8px 0}.fm-rmd-li{margin-bottom:4px}.fm-rmd-code{background-color:#f5f5f5;padding:2px 4px;border-radius:4px;font-family:monospace}.fm-btn-div{width:100%;margin:0 10px;grid-gap:50px;gap:50px}.fm-got-it-btn{padding:7px 14px;border-radius:20px;width:100%;border:1px solid #cccdd7;background:#fff;font-family:Archivo;font-size:13px;font-weight:500;color:#5b5e6c;cursor:pointer;margin:5px 0}.fm-got-it-btn:hover{background:#eaeaea}.fm-explanation-img{width:140px;height:140px;border-radius:8px;overflow:hidden}.fm-explanation-img img{width:100%;height:100%;object-fit:cover}.sm-container{width:576px;max-height:90vh;padding:32px;display:flex;flex-direction:column;grid-gap:24px;gap:24px;background-color:#fff;border-radius:10px;position:relative;overflow-y:auto;overflow-x:hidden}.sm-scrollbar{scrollbar-width:thin;scrollbar-color:#16a657 #f7fbf9}.sm-scrollbar::-webkit-scrollbar{width:8px}.sm-scrollbar::-webkit-scrollbar-track{background:#f7fbf9;border-radius:4px}.sm-scrollbar::-webkit-scrollbar-thumb{background:#16a657;border-radius:4px}.sm-message-container{display:flex;flex-direction:column;grid-gap:20px;gap:20px;text-align:center;min-height:0}.sm-next-btn{padding:12px 22px;border-radius:28px;font-family:Archivo;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;background:#16a657;border:none;color:#fff;margin-bottom:20px}.sm-close-btn{position:absolute;top:20px;right:20px;width:28px;height:28px;padding:6px;background:#cccdd7;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.sm-close-btn img{width:16px;height:16px}.sm-trophy{width:188px;height:140px;margin:0 auto}.sm-title{font-family:Archivo;font-size:20px;font-weight:500;line-height:28px;color:#25272f}.sm-subtitle{font-family:Archivo;font-size:15px;font-weight:300;line-height:22px;color:#5b5e6c}.sm-points-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding:24px;background:#f7fbf9;border-radius:12px;border:1px solid #e6f4ed;font-family:Archivo}.sm-points-row{display:flex;justify-content:space-between;align-items:center}.sm-points-label{font-size:14px;color:#5b5e6c;display:flex;align-items:center;grid-gap:8px;gap:8px}.sm-points-value{font-size:15px;font-weight:500;color:#25272f}.sm-points-streak{font-size:12px;color:#ff6b00;background:#fff1e7;padding:2px 6px;border-radius:4px}.sm-total-points{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #cccdd7;margin-top:8px;padding-top:12px}.sm-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.sm-stat-box{flex:1 1;padding:12px;background:#f7fbf9;border-radius:8px;border:1px solid #e6f4ed;display:flex;flex-direction:column;grid-gap:4px;gap:4px;font-family:Archivo}.sm-stat-label{font-size:13px;color:#5b5e6c}.sm-stat-value{font-size:16px;font-weight:500;color:#25272f}.sm-button-container{display:flex;grid-gap:10px;gap:10px;justify-content:center}.sd-main-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;-webkit-transform:translateY(-10%);transform:translateY(-10%);z-index:1000}.sd-container{width:576px;padding:40px 32px;grid-gap:40px;gap:40px;background:#fff;border-radius:10px}.sd-container,.sd-inner-div{display:flex;flex-direction:column}.sd-inner-div{grid-gap:32px;gap:32px;width:100%}.sd-question-div{display:flex;flex-direction:column;grid-gap:6px;gap:6px;width:100%;font-family:Archivo}.sd-question-div h2{margin:0;font-size:20px;font-weight:500;line-height:28px;color:#25272f}.sd-question-div p{margin:0;font-family:Archivo;font-size:15px;font-weight:300;line-height:22px;color:#5b5e6c}.sd-button-container{display:flex;flex-direction:row;grid-gap:10px;gap:10px;justify-content:flex-end;width:100%}.container{display:block;position:relative;padding-left:30px;padding-top:3px;cursor:pointer;font-size:1em;-webkit-user-select:none;user-select:none;color:rgba(0,0,0,.5333333333333333)}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:solid;border-radius:5px;border-width:2px}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:4px;top:2px;width:8px;height:8px;border:solid #2196f3;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main-layout{justify-content:space-between;align-items:flex-start;width:100%}.left-section{flex:1 1;width:760px}.right-section{flex:1 1;align-items:center;padding:40px;height:899px;width:680px}@media (min-width:1450px){.right-section{min-width:100%;height:auto;min-height:100vh;padding:20px;height:899px}}@media (max-width:768px){.auth-container{flex-direction:column}.auth-left-container{display:none}.auth-right-container{width:100vw;padding:20px}.auth-right-title{width:100%}.auth-home-container{left:0;top:0}.main-layout{flex-direction:column}.left-section{display:none}.right-section{width:100%;height:auto;min-height:100vh;padding:20px;height:899px}}.header-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:582px;margin:0 auto;grid-gap:24px;gap:24px;background-color:#fdf4e3;padding:20px}.logo-container{grid-gap:10px;gap:10px}.logo{width:40px;height:40px;object-fit:contain}.brand-container{padding-top:4px}.brand-logo{width:112px;height:24px;object-fit:contain}.content-container{display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:100%;text-align:center}.title{font-size:29px;line-height:46px}.description{font-size:16px;line-height:26px;margin-left:96px;position:absolute}.description-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7));display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;text-align:center}.illustration-section{max-width:760px;background-color:#fff3db;padding:clamp(15px,3vw,20px);box-sizing:border-box}.illustration-container,.illustration-section{display:flex;flex-direction:column;width:100%;overflow:hidden}.illustration-container{position:relative;grid-gap:12px;gap:12px;justify-content:center;align-items:center}.title{font-size:clamp(20px,4vw,29px);line-height:1.6;text-align:center}.main-illustration{width:100%;max-width:min(100%,700px);height:auto;object-fit:contain;display:block}.illustration-description{font-size:16px;color:#333;text-align:center;margin-top:20px;line-height:1.5}.description{font-family:"Archivo",sans-serif;font-weight:300;font-size:clamp(14px,3vw,16px);line-height:1.6;color:#5b5e6c;position:relative;margin:0 auto;max-width:min(100%,582px);text-align:center;padding:0 15px}@media (max-width:768px){.illustration-section{padding:15px}.description{margin-left:0}}.login-form{width:680px}.social-button{width:400px;height:42px;border:1px solid #5b5e6c;font-family:Archivo}.social-icon{object-fit:contain}.social-button span{font-weight:600;font-family:Archivo}.sign-up-button{border:1px solid #cccdd7}.login-form{width:100%;max-width:400px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;font-family:"Archivo",sans-serif;margin:0 auto;padding-top:20px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;font-weight:600;line-height:36px;color:#25272f;margin-bottom:6px}.login-header p{font-size:16px;font-weight:300;line-height:26px;color:#5b5e6c}.social-button{border:1px solid #cccdd7}.divider{margin:24px 0}.login-form-fields{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%}.input-group{width:400px;height:69px}.input-field input{border:1px solid #cccdd7}.sign-in-button{width:100%;height:46px;background:#16a657;color:#fff;border-width:1px 1px 3px;border-color:#5b5e6c;border-radius:28px;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;padding:12px 22px;margin-top:8px}.signup-section{text-align:center;margin-top:16px}.signup-section p{color:#5b5e6c;font-size:14px;line-height:20px;margin-bottom:12px}.sign-up-button{width:100%;height:46px;background:#fff;border-width:1px 1px 3px;border-color:#5b5e6c;border-radius:28px;color:#5b5e6c;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;padding:12px 22px}.auth-container{display:flex}.auth-left-container{height:100vh;width:53.5vw;display:flex;justify-content:center}.auth-left-container img{position:absolute;left:0;height:100vh;width:53.5vw;z-index:1}.auth-left-title{width:50vw;font-size:2em;margin-top:50px;color:#fff;z-index:2}.auth-right-container{display:flex;align-items:center;height:100vh;width:46.5vw;flex-direction:column;justify-content:center}.auth-right-title{font-size:24px;font-family:"Archivo";font-weight:600;line-height:36px;width:32vw;text-align:center;color:#25272f}.auth-right-blue-divider{height:5px;width:160px;align-self:center;margin-top:4px;margin-left:calc(50% - 80px)}.login-container{margin-top:20px;flex-direction:column}.auth-text,.login-container{display:flex;align-items:center}.auth-text{border:2px solid #dfdfdf;flex-direction:row;width:75%;height:53px;border-radius:10px;margin-top:16px}.auth-drawable-left{margin-left:8px;margin-right:8px;height:30px;width:30px}.auth-verticle-divider{width:2px;background-color:#dfdfdf;height:53px}.auth-text input{border:none;outline:none;font-size:1em;margin-left:8px;width:100%}::-webkit-input-placeholder{color:rgba(0,0,0,.5333333333333333)}::placeholder{color:rgba(0,0,0,.5333333333333333)}.auth-drawable-right{margin-left:auto;margin-right:10px}.auth-action-container{width:75%;display:flex;flex-direction:row;align-items:center;margin-top:20px}.auth-action-container button{margin-left:auto;background-color:#3a7cff;border:none;color:#fff;font-size:1em;border-radius:6px;padding:8px 35px;cursor:pointer}.auth-forgot-container{width:75%;display:flex;margin-top:16px}.auth-forgot-container span{margin-left:auto;color:rgba(0,0,0,.5333333333333333)}.auth-different{color:#3a7cff;margin-top:36px}.auth-different-button{cursor:pointer;background-color:#50cb88;border:none;color:#fff;font-size:1em;border-radius:6px;padding:8px 52px;margin-top:10px}.auth-or-container{width:75%;margin-left:12.5%;display:flex;align-items:center;margin-top:20px}.auth-or-divider{height:2px;width:100%;background-color:rgba(0,0,0,.26666666666666666)}.auth-or{color:rgba(0,0,0,.5333333333333333);background-color:#fff;padding:0 20px}.auth-google-container{display:flex;align-items:center;width:75%;margin-left:12.5%;background-color:#c42d23;border-radius:6px;margin-top:20px;cursor:pointer}.auth-google-left-container{height:100%;padding-left:10px;padding-right:2px}.auth-google-container img{height:75%;margin-top:12.5%;width:75%}.auth-google-right-container{width:100%;color:#fff;background-color:#f44334;padding:8px 10px;border-bottom-right-radius:6px;border-top-right-radius:6px;text-align:center}.auth-home-container{cursor:pointer;position:absolute;left:53.5vw;padding:10px;display:flex;align-items:center}.auth-home-container img{width:30px;height:30px;margin-right:10px}@media (max-width:1000px){.auth-container{justify-content:center;height:100%}.auth-home-container{left:0}.auth-action-container,.auth-forgot-container,.auth-right-container,.auth-right-title,.auth-text{width:100%}.auth-left-container{display:none}}.main-layout{flex-direction:row;position:relative;overflow-x:hidden}.left-section,.main-layout{display:flex;min-height:100vh;background-color:#fdf4e3}.left-section{width:53%;min-width:760px;flex-direction:column;justify-content:center;align-items:center;padding:40px}.right-section{width:47%;min-width:680px;min-height:100vh;display:flex;justify-content:center;align-items:baseline;background-color:#fff;padding:76px 40px 40px}@media (max-width:768px){.main-layout{flex-direction:column}.left-section{display:none}.right-section{width:100%;max-width:100%;padding:76px 20px 20px}.login-form{width:100%;padding:15px}.input-field,.social-button{width:100%}.input-field input{width:100%;max-width:none}.login-header p{width:100%!important;padding:0 20px}}@media (min-width:769px) and (max-width:1420px){.left-section,.right-section{padding:30px;min-width:unset;justify-content:center;align-items:baseline}.login-form{width:90%}}@media (max-width:550px){body{justify-content:center;align-items:center;display:flex}.right-section{width:100%;max-width:100%;padding:76px 20px 20px 9em}}.otp-submit-container{width:min(680px,100%);min-height:100vh;padding:clamp(20px,5vw,100px);background:#fff;display:flex;flex-direction:column;align-items:center}.otp-content{width:min(400px,100%);grid-gap:32px;gap:32px}.otp-content,.otp-header{display:flex;flex-direction:column}.otp-header{grid-gap:6px;gap:6px;margin-bottom:24px}.otp-title{font-weight:600;font-size:24px;line-height:38px;color:#25272f}.otp-subtitle,.otp-title{font-family:"Archivo",sans-serif;text-align:center;margin:0}.otp-subtitle{font-weight:300;font-size:16px;line-height:26px;color:#5b5e6c}.otp-input-section{margin-bottom:24px}.otp-input-group{display:flex;grid-gap:8px;gap:8px;justify-content:space-between;width:100%;flex-wrap:wrap;justify-content:center}.otp-input{width:clamp(45px,12vw,60px);height:clamp(54px,14vw,72px);border-radius:8px;text-align:center;font-family:"Archivo",sans-serif;font-weight:600;font-size:clamp(18px,5vw,24px);line-height:38px;color:#5b5e6c;background:#fff;border:1px solid #16a657}.otp-input:focus{outline:none;box-sizing:border-box;border:2px solid #16a657;box-shadow:0 2px 10px rgba(22,166,87,.5);border-radius:10px}.otp-buttons{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%}.cancel-btn,.submit-btn{width:100%;height:46px;border-radius:28px;font-family:"Archivo",sans-serif;font-weight:500;font-size:15px;line-height:22px;cursor:pointer;padding:12px 22px;text-align:center;border-width:1px 1px 3px;border-color:#5b5e6c}.submit-btn{background:#16a657;color:#fff}.submit-btn:hover{background:#148a49}.cancel-btn{background:#fff;color:#5b5e6c}.cancel-btn:hover{background:#f5f5f5}@media (max-width:480px){.otp-submit-container{padding:16px}.otp-title{font-size:20px;line-height:30px}.otp-subtitle{font-size:14px;line-height:22px}.otp-input{margin:4px}}@media (max-width:550px){.otp-submit-container{width:100%;margin:0;justify-content:flex-start;padding:60px 16px 16px}.otp-content{width:100%;padding:0 10px}.otp-input-group{grid-gap:8px;gap:8px;justify-content:center;padding:0}.otp-input{width:40px;height:50px;font-size:18px;margin:4px}.otp-buttons{padding:0 10px}.cancel-btn,.submit-btn{margin:5px 0}}.forgot-form{width:680px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;font-family:"Archivo",sans-serif;margin:0 auto;padding:20px}.forgot-header{text-align:center;margin-bottom:32px}.forgot-header h1{font-size:24px;font-weight:600;line-height:36px;color:#25272f;margin-bottom:6px}.forgot-header p{font-size:16px;font-weight:300;line-height:26px;color:#5b5e6c}.social-buttons{display:flex;flex-direction:column;grid-gap:16px;gap:16px;margin-bottom:24px}.social-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;background:#fff;border-width:1px 1px 3px;border-color:#5b5e6c;border-radius:28px;cursor:pointer;padding:12px 20px}.social-icon{width:18px;height:18px}.social-button span{font-size:15px;font-weight:500;color:#5b5e6c;line-height:22px}.divider{display:flex;align-items:center;grid-gap:12px;gap:12px;margin:12px 0;min-height:20px;width:100%}.divider .line{flex:1 1;height:1px;background-color:#cccdd7;min-width:50px}.divider span{color:#9096a9;font-size:14px;line-height:20px;white-space:nowrap}.forgot-form-fields{grid-gap:16px;gap:16px}.forgot-form-fields,.input-group{display:flex;flex-direction:column}.input-group{grid-gap:5px;gap:5px;width:100%}@media (min-width:769px) and (max-width:1420px){.input-group{display:flex;flex-direction:column;grid-gap:5px;gap:5px;width:100%}}.input-group label{font-size:13px;font-weight:500;color:#25272f;line-height:20px}.input-field{position:relative}.input-field input{width:100%;height:44px;padding:12px 44px 12px 16px;border-width:1px 1px 3px;border-color:#5b5e6c;border-radius:30px;font-size:14px;line-height:20px;color:#25272f;background:#fff}.input-field input::-webkit-input-placeholder{color:#9096a9}.input-field input::placeholder{color:#9096a9}.field-icon{width:20px;height:20px}.field-icon,.field-icon2{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.field-icon2{width:26px;height:15px}.field-icon.clickable{cursor:pointer}.forgot-password{align-self:flex-start;background:none;color:#5b5e6c;font-size:13px;line-height:20px;padding:2px 0}.forgot-in-button,.forgot-password{border:none;font-weight:500;cursor:pointer}.forgot-in-button{width:100%;height:46px;background:#16a657;color:#fff;border-radius:28px;font-size:15px;line-height:22px;padding:12px 22px;margin-top:8px}.forgotup-section{text-align:center;margin-top:16px}.forgotup-section p{color:#5b5e6c;font-size:14px;line-height:20px;margin-bottom:12px}.forgot-up-button{width:100%;height:46px;background:#fff;border:1px solid #cccdd7;border-radius:28px;color:#5b5e6c;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;padding:12px 22px}@media (max-width:759px){.divider{flex-direction:row;width:100%}.divider .line{height:0;width:100%}}.password-updated-unique-container{width:100%;max-width:400px;padding:32px 24px;background-color:#fff;display:flex;flex-direction:column;align-items:center;grid-gap:32px;gap:32px;box-sizing:border-box;margin:0 auto}.success-icon-unique{margin-bottom:20px}.message-container-unique{display:flex;flex-direction:column;grid-gap:6px;gap:6px;width:100%;max-width:400px;text-align:center;padding:0 15px}.title-unique{font-weight:600;font-size:24px;line-height:38px;color:#25272f}.description-unique,.title-unique{font-family:"Archivo",sans-serif;margin:0}.description-unique{font-weight:300;font-size:16px;line-height:26px;color:#5b5e6c}.dashboard-button-unique{width:100%;max-width:400px;height:46px;background:#16a657;color:#fff;border:none;border-radius:28px;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;padding:12px 22px;margin-top:8px}.dashboard-button-unique:hover{background-color:#148a49}@media screen and (max-width:480px){.password-updated-unique-container{padding:24px 16px;grid-gap:24px;gap:24px;width:100%}.title-unique{font-size:20px;line-height:32px}.description-unique{font-size:14px;line-height:22px}.success-icon-unique{margin-bottom:10px;-webkit-transform:scale(.9);transform:scale(.9)}.dashboard-button-unique{font-size:14px;height:42px;width:100%;margin-top:8px}.message-container-unique{padding:0;width:100%}}.header-container{width:100%;display:flex;flex-direction:column}.header-content{width:100%;padding:26px 0;justify-content:center;grid-gap:16px;gap:16px;font-family:"Archivo",sans-serif}.header-content,.header-step{display:flex;align-items:center}.header-step{grid-gap:8px;gap:8px}.step-indicator{width:22px;height:22px;border-radius:20px;display:flex;align-items:center;justify-content:center}.step-indicator.completed{background-color:#16a657;padding:4px}.step-indicator.current{background-color:#25272f;padding:1px}.check-icon{color:#fff}.step-number{color:#fff;font-size:13px;font-weight:500;line-height:20px}.step-text.completed{color:#16a657}.step-text.current{color:#25272f}.separator-container{display:flex;align-items:center}.separator{width:48px;height:5px;color:#16a657}.progress-bar-container{width:100%;height:4px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#16a657;transition:width .3s ease;border-radius:2px}.title-section{width:540px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;align-items:center}.title-section__heading{font-size:24px;font-weight:600;line-height:38px;color:#25272f}.title-section__heading,.title-section__subheading{width:100%;font-family:"Archivo",sans-serif;text-align:center;margin:0}.title-section__subheading{font-size:16px;font-weight:300;line-height:26px;color:#5b5e6c}.form-section{width:540px;grid-gap:12px;gap:12px;font-family:"Archivo",sans-serif}.form-section,.input-field{display:flex;flex-direction:column}.input-field{width:100%;grid-gap:5px;gap:5px}.calendar-popup{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10;margin-top:8px}.label-frame{width:100%;display:flex;grid-gap:4px;gap:4px;height:20px}.label-text{font-weight:500;font-size:13px;line-height:20px;color:#686f86;text-align:left}.input-container{width:100%;height:44px;display:flex;align-items:center;background:#fff;border:solid #5b5e6c;border-width:1px 1px 3px;border-radius:30px;padding:0 16px;box-sizing:border-box}.input-container input{width:100%;height:20px;border:none;outline:none;font-family:"Archivo",sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#25272f;background:transparent}.input-container input::-webkit-input-placeholder{color:#9096a9}.input-container input::placeholder{color:#9096a9}.input-icon{object-fit:contain}.calendar-icon,.caret-icon{margin-left:10px}.caret-icon{cursor:pointer;transition:all .3s ease}.input-field:first-child .input-container input::-webkit-input-placeholder{color:#5b5e6c}.input-field:first-child .input-container input::placeholder{color:#5b5e6c}.input-field:first-child .label-text{color:#686f86}.input-field:nth-child(2) .label-text,.input-field:nth-child(3) .label-text,.input-field:nth-child(4) .label-text{color:#25272f}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;grid-gap:24px;gap:24px;width:100%}.month-year{flex:1 1;font-family:"Archivo",sans-serif;font-size:16px;font-weight:500;line-height:26px;color:#5b5e6c;text-align:center}.nav-button{background:none;padding:4px;display:flex;align-items:center;justify-content:center}.nav-button:hover{opacity:.8}.nav-button:focus{outline:none}.nav-button img{display:block}.calendar-days{width:330px;height:380px;font-family:"Archivo",sans-serif;padding-bottom:20px}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:15px 12px 0}.nav-button{border:none;cursor:pointer;padding:8px;z-index:1001}.nav-button img{width:16px;height:16px;color:#000}.current-month{font-size:15px;font-weight:500;color:#5b5e6c}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;padding:0 12px;margin-bottom:8px}.weekday{font-size:15px;font-weight:300;color:#5b5e6c;text-align:center;padding:5px 0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;padding:0 12px}.calendar-day{width:40px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:300;color:#5b5e6c;border-radius:16px;cursor:pointer;transition:background-color .2s}.calendar-day:hover{background-color:#f5f5f5}.calendar-day.selected{background-color:#16a657;color:#fff;border-radius:8px}.calendar-day.empty{cursor:default}.calendar-day.empty:hover{background:none}select.current-month{padding:5px;margin:0 5px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;outline:none;min-width:100px;text-align:center}select.current-month:hover{border-color:#aaa}select.current-month:focus{border-color:#666;box-shadow:0 0 3px rgba(0,0,0,.2)}select.current-month{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:25px}.calendar-buttons{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;padding:15px 12px 0;margin-top:10px}.calendar-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:none;font-weight:500;transition:all .2s}.calendar-button.cancel{background-color:#f5f5f5;color:#5b5e6c}.calendar-button.select{background-color:#16a657;color:#fff}.calendar-button:hover{opacity:.9}.calendar-button.cancel:hover{background-color:#eaeaea}.calendar{width:328px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;font-family:"Archivo",sans-serif}.dropdown-container{width:540px;background-color:#fff;border-radius:8px;border:1px solid #cccdd7;display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.inner-container{display:flex;flex-direction:row;grid-gap:4px;gap:4px;padding:8px 6px}.items-container{display:flex;flex-direction:column;grid-gap:4px;gap:4px;width:100%}.item{width:100%;padding:8px 10px;border-radius:8px;background-color:#fff;cursor:pointer;color:#5b5e6c;font-family:Archivo,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:background-color .2s ease}.item:hover{background-color:#f5f5f5}.button-section{grid-gap:10px;gap:10px;width:540px;min-height:46px}.button-section,.button-section__later{display:flex;align-items:center;justify-content:center}.button-section__later{padding:12px 22px;grid-gap:8px;gap:8px;border-radius:20px;height:36px;border-width:1px 1px 3px;border-color:#5b5e6c;background:#e8e9f0;color:#5b5e6c;font-family:Archivo;font-size:15px;font-weight:500;width:50%;line-height:22px;cursor:pointer;transition:all .3s ease}.button-section__later:hover{background:#f5f5f5}.button-section__submit{display:flex;padding:12px 22px;align-items:center;grid-gap:8px;gap:8px;border-radius:20px;background:#16a657;color:#fff;width:50%;justify-content:center;height:36px;border-width:1px 1px 3px;border-color:#5b5e6c;font-family:Archivo;font-size:15px;font-weight:500;line-height:22px;cursor:pointer;transition:all .3s ease}.button-section__submit:hover{background:#138a48}.button-section__later:focus,.button-section__submit:focus{outline:none;box-shadow:0 0 0 2px rgba(22,166,87,.2)}.main-container-onboarding{font-family:"Archivo",sans-serif}.bg,.main-container-onboarding{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.bg{min-height:80vh;height:854px;background-image:url(/static/media/onboarding.0e02904e.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;grid-gap:32px;gap:32px;padding:40px}.loading-container{width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column}.header{padding:26px 0;width:100%;border-bottom:1px solid #eee}.header,.step-container{align-items:center;grid-gap:16px;gap:16px}.step-container{display:flex;justify-content:center}.step{grid-gap:8px;gap:8px}.check-circle,.step{display:flex;align-items:center}.check-circle{width:22px;height:22px;background:#16a657;border-radius:20px;justify-content:center;padding:4px}.step-text{font-family:"Archivo",sans-serif;font-weight:500;font-size:15px;line-height:22px;color:#16a657}.line{width:48px;height:1px;background:#16a657}.progress-line{width:100%;height:4px}.progress-img{width:100%;height:100%;object-fit:cover}.content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 140px;grid-gap:48px;gap:48px}.spinner{width:80px;height:80px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.spinner-img{width:100%;height:100%}.text-container{align-items:center;grid-gap:6px;gap:6px;max-width:354px;text-align:center}.title{font-weight:600;font-size:24px;line-height:38px;color:#25272f}.subtitle,.title{font-family:"Archivo",sans-serif;margin:0}.subtitle{font-weight:300;font-size:16px;line-height:26px;color:#5b5e6c}@media (max-width:768px){.content{padding:80px 20px}.step-container{flex-direction:column;grid-gap:8px;gap:8px}.line{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.text-container{max-width:300px}}.home-navbar{display:flex;justify-content:center;background-color:#fdf6ea}.home-navbar-container{width:90%;padding:18px 0}.home-navbar-content{display:flex;justify-content:space-between;align-items:center}.home-navbar-menu{display:none}@media(min-width:768px){.home-navbar-menu{display:flex;align-items:center;grid-gap:32px;gap:32px}}.home-navbar-sign-in-button{display:none;border:solid #5b5e6c;border-width:1px 1px 3px}@media(min-width:768px){.home-navbar-sign-in-button{border:solid #5b5e6c;border-width:1px 1px 3px;display:block;font-size:13px;font-weight:500;line-height:20px;color:#5b5e6c;padding:7px 14px;background:#fff;border-radius:20px;cursor:pointer;transition:all .2s}.home-navbar-sign-in-button:hover{color:#111827;border-color:#d1d5db}}.menu-item{font-family:Merriweather Sans;font-weight:800;font-style:ExtraBold;font-size:15px;leading-trim:NONE;line-height:24px;letter-spacing:.5%;text-align:center;color:#5b5e6c;padding:8px 10px;text-decoration:none;transition:color .2s}.menu-item:hover{color:#111827}.menu-item.active{color:#16a657;border-bottom:2px solid #22c55e}.mobile-menu-button{display:block;padding:8px;color:#6b7280;background:none;border:none;cursor:pointer}@media(min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{display:flex;flex-direction:column;padding:8px 0;background-color:#fff;border-top:1px solid #e5e7eb;width:100%}.mobile-menu-item{display:block;padding:10px 16px;font-size:16px;font-weight:500;color:#6b7280;text-decoration:none;transition:all .2s}.mobile-menu-item:hover{color:#111827;background-color:#f3f4f6}.mobile-menu-item.active{color:#22c55e;background-color:#f0fdf4}.mobile-sign-in-button{display:block;width:100%;margin-top:8px;padding:10px 16px;font-size:16px;font-weight:500;color:#6b7280;text-align:left;background:none;border:none;border-top:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.mobile-sign-in-button:hover{color:#111827;background-color:#f3f4f6}.get-started-container{display:flex;flex-direction:column;align-items:center;padding:32px;background-image:url(/static/media/get_started.041b5542.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.get-started-container-title{font-size:32px;font-weight:600;line-height:46px;color:#fff;text-align:center;margin-bottom:16px}.get-started-container-description{font-size:16px;font-weight:300;line-height:26px;max-width:641px;color:#e8e9f0;text-align:center;margin-bottom:16px}.get-started-container-register-button{font-size:15px;font-weight:500;line-height:22px;border-radius:28px;text-align:center;background-color:#fff;padding:12px 22px;cursor:pointer}.footer-container{display:flex;flex-direction:column;width:100%;background-color:#25272f;padding:0 32px}.footer-container-block{display:flex;flex-direction:row;justify-content:space-between;padding:20px 0;text-align:center;grid-gap:80px;gap:80px}.footer-container-block.spacing{padding:48px 0}@media(max-width:992px){.footer-container-block{flex-direction:column;grid-gap:40px;gap:40px}}.footer-container-block-column{display:flex;flex-direction:column;align-items:start}.footer-container-block-column-logo{height:40px;margin-bottom:20px}.footer-container-block-column-intro-text{font-size:20px;font-weight:500;line-height:28px;color:#b1c1d4;text-align:start}.footer-container-block-column-header{font-size:16px;font-weight:500;line-height:26px;color:#fff;margin-bottom:10px}.footer-container-block-column-content{font-size:16px;font-weight:300;line-height:26px;color:#b1c1d4;cursor:pointer;text-decoration:none}.footer-container hr{width:100%;height:1px;background-color:#fff;border:none;margin:0}.copyright-text{font-size:15px;font-weight:500;line-height:22px;color:#b1c1d4}.social-media-icons-container{display:flex;flex-direction:row;grid-gap:16px;gap:16px}@media(max-width:992px){.social-media-icons-container{justify-content:center}}.social-media-icons-container .icon{width:24px;height:24px}.about-hero{background-color:#13713e;background-size:contain;background-position:bottom;background-repeat:no-repeat;padding:4rem 1rem;color:#fff}.about-hero .about-hero-content{max-width:1200px;min-height:440px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:2rem;gap:2rem}.about-hero .about-hero-content .left{flex:1 1}.about-hero .about-hero-content .left h2{font-size:2rem;margin-bottom:1rem}.about-hero .about-hero-content .left p{font-size:1rem;line-height:1.6}.about-hero .about-hero-content .right{flex:1 1;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.about-hero .about-hero-content .right .stat{background:hsla(0,0%,100%,.1);padding:1rem;border-radius:10px;text-align:center}.about-hero .about-hero-content .right .stat strong{display:block;font-size:1.5rem;color:#fff}.about-hero .about-hero-content .right .stat span{color:#e6e6e6;font-size:.9rem}.about-details{padding:4rem 1rem;background-color:#fff}.about-details .row{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 4rem;flex-wrap:wrap;grid-gap:2rem;gap:2rem}.about-details .row.reverse{flex-direction:row-reverse}.about-details .row .text{flex:1 1;display:flex;flex-direction:column;justify-content:center}.about-details .row .text h1{font-size:1.5rem;margin-bottom:1rem;color:#111;font-weight:800}.about-details .row .text p{font-family:Archivo;font-size:1rem;color:#444;margin-bottom:1rem}.about-details .row .image{flex:1 1;display:flex;align-items:flex-start}.about-details .row .image img{display:block;width:100%;height:auto;object-fit:contain;align-self:center}.contact-form-section{background-color:#e6f8e8;padding:4rem 1rem}.contact-form-section .form-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;grid-gap:3rem;gap:3rem;flex-wrap:wrap}.contact-form-section .form-wrapper .form-image{flex:1 1;min-width:300px}.contact-form-section .form-wrapper .form-image img{max-width:100%;height:auto}.contact-form-section .form-wrapper .form-fields{flex:1 1;min-width:300px;background-color:#e6f8e8;padding:2rem;border-radius:20px}.contact-form-section .form-wrapper .form-fields h2{margin-bottom:1.5rem;font-size:1.8rem;text-align:left;font-weight:600;color:#111}.contact-form-section .form-wrapper .form-fields .contact-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.contact-form-section .form-wrapper .form-fields .contact-form .form-group{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.contact-form-section .form-wrapper .form-fields .contact-form .form-group label{margin-bottom:.3rem;font-weight:500;color:#333}.contact-form-section .form-wrapper .form-fields .contact-form .full-width{grid-column:span 2}.contact-form-section .form-wrapper .form-fields .contact-form input,.contact-form-section .form-wrapper .form-fields .contact-form textarea{padding:.8rem 1rem;border:solid #000;border-width:1px 1px 3px;border-radius:30px;font-size:1rem;outline:none}.contact-form-section .form-wrapper .form-fields .contact-form button{grid-column:span 2;background-color:#2ecc71;color:#fff;padding:.8rem;border:solid #000;border-width:1px 1px 3px;border-radius:28px;font-size:1rem;cursor:pointer}.contact-form-section .form-wrapper .form-fields .contact-form button:hover{background-color:#27ae60}.contact-cards-section{background-color:#13713e;background-image:url(/static/media/background_hero.30e0dcf4.png);background-repeat:no-repeat;background-position:bottom;background-size:contain;padding:4rem 1rem}.contact-cards-section .contact-cards-container{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:2rem;gap:2rem;max-width:1400px;min-height:414px;margin:0 auto}.contact-cards-section .contact-card{background-color:hsla(0,0%,100%,.12);color:#fff;padding:2rem;border-radius:16px;width:380px;min-height:350px;box-shadow:0 4px 15px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-cards-section .contact-card h3{margin-bottom:.5rem;color:#fff}.contact-cards-section .contact-card p{margin:.4rem 0}.about{position:relative}.about,.about-wrapper{overflow-x:hidden}.about-wrapper-section{margin:40px auto}.about-wrapper-section-content{width:80%;margin:auto;display:flex;align-items:center}@media(max-width:1000px){.about-wrapper-section-content{flex-direction:column}}.about-wrapper-section-content>img{padding:100px;width:50%}@media(max-width:1400px){.about-wrapper-section-content>img{width:55%}}@media(max-width:1000px){.about-wrapper-section-content>img{width:100%;padding:50px 20px}}.about-wrapper-section-content>p{font-weight:600;font-size:18px;line-height:30px}@media(max-width:1000px){.about-wrapper-section-content>p{font-size:16px;line-height:24px;font-weight:500}}.section-right{background-color:#f3f5f7}@media(max-width:1000px){.content-right{flex-direction:column-reverse;padding-bottom:40px}}.contact-title-section{padding:4rem 1rem 2rem;text-align:center;background-color:#fdf6ea}.contact-title-section h1{font-size:2.5rem;font-weight:bolder;margin-bottom:1rem;color:#222}.contact-title-section p{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto}.main-header-container{width:100%;height:216px;background-color:#e0f2e2;display:flex;justify-content:space-between}.main-content-container{width:100%;flex-grow:1;display:flex;flex-direction:row;padding:24px 56px;grid-gap:16px;gap:16px;background-image:url("/static/media/Application bg 1.dcdd9bf1.svg");background-size:cover;background-position:50%;background-repeat:no-repeat}.main-topic-div{display:flex;flex-direction:column;align-items:flex-start;padding:20px;width:68%;border:solid #25272f;border-width:2px 2px 5px;box-shadow:0 4px 15px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;flex-grow:2}.main-topic-div,.unsolved-problems-div{background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.9))}.unsolved-problems-div{flex-grow:1;border:2px solid #25272f;border-color:var(--Primary-Black,#25272f);border-bottom:5px solid var(--Primary-Black,#25272f);border-radius:20px;padding:16px;box-shadow:0 0 1px #e8e9f0;width:36.5%}.bt-main-container{display:flex;flex-direction:column;grid-gap:28px;gap:28px}.bt-header-div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;height:36px}.dashboard-h1{height:36px;font-family:"Merriweather Sans";font-style:normal;font-weight:800;font-size:24px;line-height:36px;color:#25272f;letter-spacing:.5px}.dropdown-button{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:7px 12px 7px 14px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-button img{width:15px;height:15px}.dropdown-button span{font-family:Archivo;font-size:13px;font-weight:500;color:#5b5e6c}.dropdown-div{position:absolute;top:50px;right:0;z-index:100}.bt-topic-cards-div{display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px}.bt-more-topic-div{margin-top:20px;padding:32px;background-color:#f2f5ff;border-radius:12px;text-align:center}.bt-more-topic-div img{width:104px;height:96px;margin-bottom:20px}.bt-more-topic-div h2{font-family:Archivo;font-size:20px;font-weight:500;color:#5b5e6c;margin:0 0 8px}.bt-more-topic-div p{font-family:Archivo;font-size:14px;font-weight:400;color:#5b5e6c;margin:0}.tc-main-div{flex:1 1 45%;height:234px;padding:28px;display:flex;flex-direction:column;grid-gap:32px;gap:32px;border-radius:20px;margin-bottom:16px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.12156862745098039);-webkit-transform:translateY(0);transform:translateY(0);border:2px solid #3b82f6;border-color:var(--Secondary-Math,#3b82f6);border-bottom:6px solid var(--Secondary-Math,#3b82f6)}.tc-main-div:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tc-header-div{display:flex;align-items:center;justify-content:space-between}.tc-header-inner-div{padding:3px 8px;border-radius:8px;border:1px solid #cccdd7}.tc-header-inner-div span{font-family:Archivo;font-size:13px;font-weight:500;color:#5b5e6c}.tc-content-div{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.tc-content-name{font-family:"Merriweather Sans";font-size:24px;font-weight:800;line-height:36px;color:#3b82f6;color:var(--Secondary-Math,#3b82f6);letter-spacing:0}.tc-progress-bar-div{width:100%;height:6px;background-color:rgba(37,39,47,.2);border-radius:4px}.tc-progress-bar-div div{height:100%;background-color:#4caf50}.tc-stats-div{display:flex;grid-gap:6px;gap:6px}.tc-stats-solved_count{font-family:"Merriweather Sans";font-weight:800;font-size:28px;line-height:46px;letter-spacing:0}.tc-stats-solved-problems{font-family:Archivo;font-weight:500;font-size:16px;line-height:26px;letter-spacing:0;display:flex;justify-content:center;align-items:center}.bup-main-container{display:flex;flex-direction:column;grid-gap:25px;gap:25px}.bup-header-div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}.bup-header-div h1{font-family:Archivo;font-size:24px;font-weight:600;color:#25272f;margin:0}.bup-problems-div{display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px;width:100%;justify-content:flex-start}.topic-tag-container{grid-gap:16px;gap:16px;height:76px;display:flex}.pc-main-container{padding:14px 16px;background:#fff;border:1px solid #25272f;border-color:var(--Primary-Black,#25272f);border-bottom:3px solid var(--Primary-Black,#25272f);border-radius:12px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:calc(33% - 16px);min-width:300px;transition:all .3s ease;cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0);height:150px;box-shadow:none}.pc-main-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px);border-color:#16a657}.pc-topic-div{display:flex;flex-direction:row;align-items:center;padding:2px 8px;grid-gap:6px;gap:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:22px;border-radius:18px;flex:none;order:0;flex-grow:0}.pc-topic-div span{width:auto;height:18px;font-family:Archivo;font-style:normal;font-weight:500;font-size:12px;line-height:18px;flex:none;order:1;flex-grow:0}.pc-topic-div img{width:16px;height:16px;object-fit:contain}.pc-content-div{display:flex;flex-direction:row;align-items:flex-start;grid-gap:6px;gap:6px;padding-bottom:4px}.pc-content-div-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.pc-content-inner-div{display:flex;flex-direction:column;grid-gap:4px;gap:4px;flex:1 1}.pc-content-inner-div h3{margin:0;font-family:Archivo;font-size:16px;font-weight:500;line-height:26px;color:#25272f}.pc-text-div{display:flex;flex-direction:row;grid-gap:6px;gap:6px;width:102%}.pc-text-div span{padding:0 5px;background:#e8e9f0;border-radius:6px;font-family:Archivo;font-size:12px;font-weight:400;color:#5b5e6c;line-height:20px}.pc-last-div{grid-gap:4px;gap:4px;height:30px;display:flex;flex-direction:column}.pc-last-text{font-family:Archivo;font-weight:400;font-size:13px;line-height:20px;letter-spacing:0;color:#5b5e6c}.pc-last-div div{flex:1 1;height:6px}.up-main-container{width:100%;min-width:300px;display:flex;margin-top:6px;flex-direction:column;grid-gap:25px;gap:25px}.up-problems-div{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.up-filter-button-div{display:flex;grid-gap:4px;gap:4px;flex-wrap:wrap;height:32px;background:#e8e9f0;border-radius:20px}.up-filter-button-div button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;grid-gap:2px;gap:2px;height:100%;border-radius:20px;border:none;cursor:pointer;flex:none;flex-grow:0}.up-filter-button-div button span{font-family:Archivo;font-style:normal;font-weight:500;font-size:15px;line-height:20px;flex:none;order:0;flex-grow:0}.up-no-problem{display:flex;flex-direction:column;align-items:center;height:100%;text-align:center;grid-gap:28px;gap:28px;margin-top:60px}.up-no-problem img{width:156px;height:150px;margin-bottom:16px}.up-no-problem span{color:#9096a9;font-family:Archivo;font-size:16px;font-weight:500;width:216px}.h-main-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:92%;height:178px;border-radius:20px;border:solid #fff;border-width:2px 2px 4px;background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.9));padding-right:14px;padding-left:32px;margin:30px auto auto;box-sizing:border-box;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 4px 15px 0 rgba(0,0,0,.12156862745098039)}.h-div{display:flex;flex-direction:column;grid-gap:24px;gap:24px;width:480px}.h-bar-div{width:100%;height:4px;background:#b8b9c8;border-radius:2px}.h-inner-div{display:flex;flex-direction:row;align-items:center;grid-gap:6px;gap:6px}.h-inner-div img{width:20px;height:20px}.h-inner-div span{color:#5b5e6c;font-family:Archivo;font-size:16px;font-weight:300;line-height:26px}.h-decor-img{width:223.66px;height:152px}.po-progress-bar-div{width:100%;height:12px;background-color:#b8b9c8;border-radius:4px;overflow:hidden}.po-progress-bar-div div{height:100%;background-color:#16a657;border-radius:4px;transition:width .3s ease}.po-left-section{display:flex;flex-direction:column}.po-right-section{padding:10px;background:#fff;border-radius:10px;min-width:472px;width:472px;height:150px;box-shadow:0 1px 3px 0 rgba(0,0,0,.0784313725490196)}.po-badge-div,.po-right-section{flex-direction:row;grid-gap:12px;gap:12px;align-items:center}.po-badge-div{display:flex}.po-badge-div span{font-family:Archivo;font-weight:300;font-size:16px;color:#5b5e6c;line-height:26px}.po-badge-div img{width:28px;height:28px}.po-left-inner-div{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:-webkit-max-content;width:max-content}.po-info-div{display:flex;flex-direction:row;grid-gap:6px;gap:6px;align-items:center}.po-info-div img{width:20px;height:20px}.po-info-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.po-info-text span{font-family:Archivo;font-weight:500;font-size:18px;color:#16a657;line-height:26px}.po-right-div{display:flex;flex-direction:column;grid-gap:14px;gap:14px}.po-score-header{flex-direction:row;justify-content:space-between}.po-score-div,.po-score-header{display:flex;align-items:center;margin:auto}.po-score-div{grid-gap:6px;gap:6px}.po-score-div span{font-family:Archivo;font-weight:500;font-size:16px;color:#25272f;line-height:26px}.po-see-progress-button{display:flex;align-items:center;grid-gap:4px;gap:4px;background:none;border:none;color:#16a657;cursor:pointer;font-family:Archivo;font-weight:500;font-size:13px;padding:2px}.po-see-progress-button img{width:16px;height:16px}.po-hr{width:100%;border:1px solid #9096a9;margin:0}.po-topics-grid{display:flex;flex-direction:row;flex-wrap:wrap;height:92px;grid-gap:12px;gap:12px}.po-topic-card{width:220px;height:40px;justify-content:space-between;border-radius:6px;border:solid #cccdd7;border-width:1px 1px 2px;padding:8px 14px}.po-topic-card,.po-topic-div{display:flex;align-items:center}.po-topic-div{flex-direction:row;grid-gap:8px;gap:8px;width:180px}.po-topic-flag{width:12px;height:12px;border-radius:2px}.po-topic-card-score,.po-topic-card-text{font-family:"Merriweather Sans";font-weight:800;font-size:15px;line-height:24px;letter-spacing:.5%}.po-topic-card-score{height:24px;grid-gap:10px;gap:10px;border-radius:10px;padding-right:5px;padding-left:5px;color:#fff;text-align:center}.po-logo-div{width:361px;height:110px;background-image:url(/static/media/rainbow.35cc698c.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;margin-top:20px}.po-topic-div span{font-family:Archivo;font-weight:400;font-size:14px;color:#5b5e6c}.DropDown2_dropdownWrapper__15Qed{position:relative;display:inline-block}.DropDown2_dropdownButton__2Dln6{display:flex;align-items:center;width:147px;height:36px;grid-gap:6px;gap:6px;padding:8px 13px 8px 15px;background-color:#fff;border:solid #000;border-width:1px 1px 3px;border-radius:20px;cursor:pointer;color:#000;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;line-height:20px;transition:width .3s ease,background-color .3s ease}.DropDown2_dropdownButton__2Dln6:hover{background-color:#f8f9fc}.DropDown2_dropdownButton__2Dln6 span{white-space:nowrap;transition:width .3s ease}.DropDown2_arrow__1KXBm{margin-left:8px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.DropDown2_dropdownMenu__bJYjs{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;width:-webkit-max-content;width:max-content;background-color:#fff;border-radius:8px;border:1px solid #cccdd7;padding:8px 6px;display:flex;flex-direction:column}.DropDown2_itemsContainer__1fw0Z{display:flex;flex-direction:column;grid-gap:4px;gap:4px;width:100%}.DropDown2_item__cfEVH{display:flex;flex-direction:row;align-items:center;padding:8px 10px;border-radius:8px;background-color:#fff;cursor:pointer;color:#5b5e6c;font-family:Archivo;font-size:14px;font-weight:400;line-height:20px;width:100%;box-sizing:border-box;justify-content:space-between}.DropDown2_item__cfEVH:hover,.DropDown2_selected__ycMCD{background-color:#f5f5f5}.DropDown2_icon__1i0Te{width:20px;height:20px;margin-left:5px}.series-layout-main-div{width:96%;position:absolute;top:80px;left:33px;border-radius:20px;border:solid #25272f;border-width:2px 2px 5px;padding:24px;grid-gap:12px;gap:12px;flex-grow:1;background:#fff;display:flex;flex-direction:column}.series-layout-action-container{flex-grow:0;height:auto}.series-layout-series-container{flex-grow:1;display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px}.series-layout-card-div{flex-grow:1;flex-basis:calc(33.333% - 16px);max-width:416px;height:auto}.series-action-main-div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:72px;grid-gap:16px;gap:16px;padding:16px 0}.series-action-title-div{width:100%;display:flex;justify-content:space-between;align-items:center}.series-action-title-div h2{font-family:"Merriweather Sans",sans-serif;font-weight:800;font-size:24px;line-height:36px;letter-spacing:0;color:#25272f;margin:0}.series-action-search-div{display:flex;align-items:center;background-color:#fff;border:1px solid #cccdd7;border-radius:30px;padding:8px 14px;min-width:300px;height:36px}.series-action-search-div input{border:none;outline:none;background-color:#fff;font-family:Archivo,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#9096a9;flex-grow:1}.series-action-search-div img{width:18px;height:18px;margin-right:8px}.series-action-filter-div{width:100%;display:flex;justify-content:space-between;align-items:center}.series-action-left-filter-div{flex-wrap:wrap}.series-action-left-filter-div,.series-action-right-filter-div{display:flex;grid-gap:8px;gap:8px}.series-action-level-selector-div{width:254px;height:30px;background:#e8e9f0;order:1;margin:auto}.series-action-level-selector-div,.series-action-level-selector-div button{display:flex;flex-direction:row;align-items:center;border-radius:20px;flex:none;flex-grow:0}.series-action-level-selector-div button{justify-content:center;padding:4px 10px;grid-gap:6px;gap:6px;width:62px;height:28px;cursor:pointer}.series-action-level-selector-div button span{width:42px;height:20px;font-family:Archivo;font-style:normal;font-weight:500;font-size:13px;line-height:20px;flex:none;order:0;flex-grow:0}.series-action-solve-main-div{position:relative;display:flex;align-items:center}.series-action-solve-main-div button{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:7px 14px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;cursor:pointer;color:#5b5e6d;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;line-height:20px;transition:width .3s ease,background-color .3s ease}.series-action-solve-main-div button:hover{background-color:#f8f9fc}.series-action-solve-main-div button span{white-space:nowrap;transition:width .3s ease}.series-action-solve-main-div button img{width:14px;height:14px}.series-action-solve-dropdown-div{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15)}.series-card-main-div{width:100%;min-width:320px;height:156px;padding:12px;background-color:#ebf4ff;border-radius:12px;border:solid #3b82f6;border-width:2px 2px 6px;display:flex;flex-direction:row;grid-gap:16px;gap:16px;cursor:pointer;transition:box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out}.series-card-main-div:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.series-card-logo-div{width:46px;height:46px;padding:9px;grid-gap:10px;gap:10px;border-bottom-left-radius:16px;background-color:#3b82f6;margin-top:-12px;margin-right:-12px;border-top-right-radius:5px}.series-card-image-div{width:120px;height:120px;border-radius:12px;overflow:hidden;flex-shrink:0}.series-card-image-div img{width:100%;height:100%;object-fit:cover}.series-card-content-div{flex:1 1;display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding-top:8px;padding-bottom:8px}.series-card-content-div h3{font-family:Archivo,sans-serif;font-size:18px;font-weight:500;line-height:26px;color:#25272f;margin:0}.series-card-stats-div{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.series-card-stats-div span{font-family:Archivo,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#5b5e6c}.series-card-stats-div div{width:1px;height:16px;background-color:#cccdd7}.series-card-progress-div{display:flex;grid-gap:4px;gap:4px;margin-top:auto}.series-card-progress-div div{width:12px;height:12px;border-radius:4px}.row-container{flex-direction:row;flex-wrap:wrap;width:100%;background:linear-gradient(180deg,#2ea765,#1a7945)}.block,.row-container{display:flex;align-items:center}.block{flex-direction:column;justify-content:center;flex:1 1;padding:20px;text-align:center}.block:not(:last-child){position:relative}.block:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#fff}.block .count{font-size:32px;font-weight:600;line-height:46px;color:#fff;margin-bottom:8px}.block .topic{font-size:20px;font-weight:500;line-height:28px;color:#e8e9f0}.objectives-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background-color:#fff}.objectives-container-title{font-size:32px;font-weight:600;line-height:46px;margin-bottom:16px}.objectives-container-description{font-size:16px;font-weight:300;line-height:26px;max-width:600px;color:#5b5e6c}.objectives-container-cards-container{display:flex;flex-direction:row;width:100%;max-width:1200px;justify-content:center;margin-top:48px;grid-gap:24px;gap:24px;flex-wrap:wrap}.objectives-container-card{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:280px;padding:24px;border-radius:10px;border:1px solid #cccdd7}.objectives-container-card-icon{width:56px;height:56px;margin-bottom:24px}.objectives-container-card-title{font-size:20px;font-weight:500;line-height:28px;margin-bottom:10px}.objectives-container-card-description{font-size:15px;line-height:22px;font-weight:300;color:#5e626d}.level-system-container{display:flex;flex-direction:column;align-items:center;padding:32px;background-color:#f7f8fc}.level-system-container-header{display:flex;flex-direction:column;width:100%;max-width:1200px;padding:16px}.level-system-container-header-title{font-size:32px;font-weight:600;line-height:46px;text-align:left;color:#25272f}.level-system-container-header-description{font-size:16px;font-weight:300;line-height:26px;text-align:left;color:#5b5e6c}.level-system-container-content{padding:16px}.level-system-container-content-content{display:flex;flex-direction:row;align-items:center;width:100%;padding:60px 80px;border-radius:20px;background-image:url(/static/media/level_system.45d24fb0.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}@media(max-width:992px){.level-system-container-content-content{flex-direction:column;align-items:start}}.level-system-container-content-content-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;padding:20px;text-align:left}.level-system-container-content-content-block-box{align-items:center;justify-content:center;border-radius:12px;padding:9px 12px;background-color:#fff;margin-bottom:16px}.level-system-container-content-content-block-box-text{font-size:32px;font-weight:600;line-height:46px;text-align:center}.level-system-container-content-content-block-title{font-size:20px;font-weight:500;line-height:28px;color:#fff;margin-bottom:8px}.level-system-container-content-content-block-description{font-size:15px;font-weight:300;line-height:22px;color:#e8e9f0}.feature-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background-color:#f7f8fc}.feature-title{font-size:32px;font-weight:600;line-height:46px;margin-bottom:8px}.feature-description{font-size:16px;font-weight:300;line-height:26px;max-width:600px;color:#5b5e6c}.feature-content-container{display:flex;grid-gap:20px;gap:20px;padding:16px;max-width:1200px;margin:20px auto}.feature-content-container.reversed{flex-direction:row-reverse}@media(max-width:1000px){.feature-content-container,.feature-content-container.reversed{flex-direction:column;margin:20px auto}}.feature-content-container .image-section{flex:0 0 50%}.feature-content-container .image-section img{padding:20px;width:100%}@media(max-width:1000px){.feature-content-container .image-section{flex:0 0 100%}}.feature-content-container .content-section{flex:1 1;text-align:start;display:flex;flex-direction:column;justify-content:center}@media(max-width:1000px){.feature-content-container .content-section{text-align:center}}.feature-content-container .content-section h2{margin-bottom:16px;font-size:24px}.feature-content-container .content-section p{line-height:160%;color:#333}.feature-content-container .content-section .feature-points{display:flex;flex-direction:row;margin-top:16px;grid-gap:8px;gap:8px}.feature-content-container .content-section .feature-points img{width:26px;height:26px}.feature-content-container .content-section .feature-points p{font-size:16px;font-weight:300;line-height:26px;color:#25272f;text-align:start}.testimonial-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background-color:#e0f2e2;overflow:hidden;width:100%}.testimonial-title{font-size:32px;font-weight:600;line-height:46px;margin-bottom:8px;color:#25272f}.testimonial-description{font-size:16px;font-weight:300;line-height:26px;max-width:641px;color:#5b5e6c}.embla{position:relative;max-width:1200px;margin:20px 0;padding:0 20px;width:100%}.embla__viewport{overflow:hidden;width:100%}.embla__container{display:flex;grid-gap:20px;gap:20px}.embla__slide{flex:0 0 100%;justify-content:center;align-items:center}@media(min-width:768px){.embla__slide{flex:0 0 50%}}@media(min-width:1024px){.embla__slide{flex:0 0 33.33%}}.embla__button--prev{left:10px}.embla__button--next{right:10px}.testimonial-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:start;align-items:flex-start;width:100%;margin:0;height:100%}.testimonial-person-info-container{display:flex;flex-direction:row;grid-gap:16px;gap:16px}.testimonial-image{width:48px;height:48px;border-radius:50%;margin-bottom:15px}h3{font-size:16px;font-weight:500;line-height:26px;margin-bottom:2px;color:#25272f}.role{font-size:13px;font-weight:400;line-height:20px;margin-bottom:24px}.role,.text{color:#5b5e6c}.text{font-size:15px;font-weight:300;line-height:22px}.embla__button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;font-size:24px;cursor:pointer;z-index:1}.embla__button img{width:24px;height:24px}.embla__button--prev{left:-20px}.embla__button--next{right:-20px}.indicator{display:flex;justify-content:center;margin-top:16px;grid-gap:6px;gap:6px}.indicator .line{width:24px;height:4px;border-radius:2px;background-color:#16a657;opacity:.3}.indicator .line.active{width:39px;opacity:1}.faq-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background-color:#f7f8fc}.faq-title{font-size:32px;font-weight:600;line-height:46px;margin-bottom:8px}.faq-description{font-size:16px;font-weight:300;line-height:26px;max-width:600px;color:#5b5e6c}.faq-carousel-container{width:75%;background-color:#fff;border:1px solid #cccdd7;border-radius:12px;z-index:10;flex-direction:column;margin-top:20px}.faq-carousel-container.active{border:1px solid #16a657;z-index:14}.faq-carousel-container.active .faq-carousel-title-container h2{font-weight:500;color:#25272f}.faq-carousel-container.active .faq-carousel-description-container{max-height:500px;padding-bottom:20px}@media(max-width:1000px){.faq-carousel-container{width:100%}}.faq-carousel-title-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:20px 24px}.faq-carousel-title-container h2{font-size:20px;font-weight:500;line-height:28px;color:#5b5e6c}.faq-carousel-title-container img{width:24px;height:24px}.faq-carousel-description-container{max-height:0;overflow:hidden;padding:0 24px}.faq-carousel-description-container p{font-size:16px;font-weight:300;line-height:26px;color:#5b5e6c;text-align:start}.intro-container{padding:32px;background-image:url(/static/media/hero_bg.db4f3916.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.intro-container,.intro-content-container{display:flex;flex-direction:column;align-items:center}.intro-content-container{grid-gap:40px;gap:40px}.intro-content-container-title{font-size:40px;font-weight:700;line-height:56px;max-width:744px;color:#373737;text-align:center}.intro-content-container-description{font-size:16px;font-weight:300;line-height:26px;max-width:744px;color:#5e626d;text-align:center}.intro-content-container-buttons-row{display:flex;flex-direction:row;grid-gap:12px;gap:12px}.intro-content-container-buttons-row-get-started-btn{border-radius:28px;background-color:#16a657;border:solid #25272f;border-width:1px 1px 3px;color:#fff}.intro-content-container-buttons-row-contact-us-btn,.intro-content-container-buttons-row-get-started-btn{font-weight:500;line-height:22px;text-align:center;padding:12px 22px;cursor:pointer;font-family:Merriweather Sans;font-weight:800;font-style:ExtraBold;font-size:15px;line-height:24px;letter-spacing:.5%}.intro-content-container-buttons-row-contact-us-btn{border-radius:28px;background-color:#fff;color:#5b5e6c;border:solid #5b5e6c;border-width:1px 1px 3px}.intro-image-container{display:flex;flex-direction:row;align-items:center;grid-gap:50px;gap:50px;margin-bottom:150px}@media(max-width:1188px){.intro-image-container{flex-direction:column;margin:20px auto}}.image{width:257px;height:409px}.image:nth-child(2),.image:nth-child(3){-webkit-transform:translateY(114px);transform:translateY(114px)}@media(max-width:1188px){.image:nth-child(2),.image:nth-child(3){-webkit-transform:translateY(0);transform:translateY(0)}}.sf-main-container{width:580px;border-radius:8px;padding:24px}.settings-h1{font-weight:500;font-size:24px;line-height:32px;margin-bottom:16px;font-family:Archivo}.settings-subtitle{font-family:Archivo;font-weight:400;font-size:16px;line-height:24px;color:#5b5e6c}.sf-picture-container{margin-top:24px;padding:0 0 16px;border:1px solid #cccdd7;border-radius:8px;background-color:#fff}.sf-pic-header-div{width:100%;height:62px;background:#e8e9f0;border-radius:8px;padding:8px 16px;margin-bottom:16px;overflow:hidden}.sf-pic-header-div h2{font-family:Archivo;font-weight:500;font-size:18px;line-height:24px;color:#5b5e6c;margin:0}.sf-pic-header-div p{font-family:Archivo;font-weight:400;font-size:14px;line-height:20px;color:#9096a9;margin:4px 0 0}.sf-pic-div{display:flex;flex-direction:row;align-items:center;grid-gap:16px;gap:16px;margin-left:16px}.sf-pic-div img{width:64px;height:64px;border-radius:50%;object-fit:cover}.sf-base-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:Archivo}.sf-delete-btn{background-color:#fff;border:1px solid #cccdd7;color:#5b5e6c}.sf-delete-btn:hover{background-color:#fafafa;box-shadow:0 0 10px #aaabad}.sf-inp-div{margin-top:24px}.sf-inp-div label{display:block;font-weight:500;margin-bottom:8px}.sf-inp-div input,.sf-inp-div label{font-family:Archivo;font-size:14px;line-height:20px;color:#5b5e6c}.sf-inp-div input{width:100%;padding:12px;border:solid #25272f;border-width:1px 1px 3px;border-radius:30px}.sf-inp-div input:focus{outline:none;box-shadow:0 0 5px rgba(0,123,255,.5)}.sf-inp-div-img{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px}.sf-button-div{display:flex;flex-direction:row;justify-content:flex-end;grid-gap:16px;gap:16px;margin-top:32px}.sf-calendar-icon{cursor:pointer}.sf-updown-icon{pointer-events:none;top:25%!important}.sf-calendar-container{display:flex;justify-content:center;align-items:center}.sf-calendar-container,.sf-dropdown-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:8px;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #e8e9f0}.n-main-container{padding:32px;grid-gap:28px;gap:28px;min-width:580px}.n-heading-div,.n-main-container{display:flex;flex-direction:column}.n-heading-div{grid-gap:4px;gap:4px}.n-notification-div{display:flex;flex-direction:column;grid-gap:28px;gap:28px;padding:12px 0}.n-notification-div hr{border:1px solid #cccdd7;margin:0}.n-language-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:14px 0;position:relative}.n-language-desc-div{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.n-title{font-weight:500;font-size:15px;line-height:22px;color:#25272f}.n-desc,.n-title{font-family:Archivo}.n-desc{font-weight:400;font-size:14px;line-height:20px;color:#5b5e6c}.n-dropdown-div{position:absolute;top:70%;left:77%;right:0;width:160px;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #e8e9f0;z-index:1000;margin-top:8px}.n-dropdown-div div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer}.n-dropdown-div div:hover{background-color:#f5f5f7}.n-dropdown-div span{font-family:Archivo;font-size:14px;color:#25272f}.ss-main-container{width:100%;border-radius:20px 0 0 20px;max-width:280px;height:100%;display:flex;flex-direction:column;padding:32px 24px;background-color:#fff;box-sizing:border-box;border-color:#25272f;border-style:solid;border-width:2px 0 5px 2px}.ss-tab-div{display:flex;flex-direction:row;padding:6px 14px;grid-gap:6px;gap:6px;border-radius:20px;cursor:pointer;margin-bottom:16px}.ss-tab-div span{font-family:Archivo;font-weight:500;font-size:15px;line-height:22px;white-space:nowrap}.secs-main-container{display:flex;flex-direction:column;padding:32px 0;grid-gap:28px;gap:28px;width:1048px}.secs-header-div{grid-gap:4px;gap:4px}.secs-header-div,.secs-pass-input-div{display:flex;flex-direction:column;width:580px;margin-left:234px}.secs-pass-input-div{grid-gap:16px;gap:16px}.secs-button-div{display:flex;justify-content:flex-end;width:580px;margin-left:234px}.secs-pi-main-container{display:flex;flex-direction:column;grid-gap:5px;gap:5px;margin:15px 0}.secs-pi-main-container label{font-family:Archivo;font-size:13px;font-weight:500;line-height:20px;color:#25272f}.secs-pi-main-container div{display:flex;align-items:center;padding:12px 16px;background:#fff;border:solid "#f2f3f9";border-width:1px 1px 3px;border-radius:30px;height:44px}.secs-pi-main-container input{flex:1 1;border:none;outline:none;font-family:Archivo;font-size:14px;line-height:20px;color:#25272f;background-color:initial}.secs-pi-main-container img{width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity .2s}.secs-pi-main-container img:hover{opacity:1}.progress-page-container{padding:16px 32px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.progress-page-content{display:flex;flex-direction:row;width:100%;grid-gap:16px;gap:16px}.progress-page-content-first-child{width:70%;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.progress-page-content-second-child{width:30%;display:flex;flex-direction:column;grid-gap:12px;gap:12px}@media(max-width:768px){.progress-page-content{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.progress-page-content-first-child,.progress-page-content-second-child{width:100%;display:flex;flex-direction:column}}.earned-badges{display:flex;flex-direction:row;justify-content:space-between;width:100%;background:#fafdfa;border:solid #16a657;border-width:2px 2px 4px;border-radius:12px;padding:10px 10px 10px 32px}@media(max-width:576px){.earned-badges{flex-direction:column;justify-content:flex-start;grid-gap:20px;gap:20px}}.earned-badges-current-score{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.earned-badges-icons{display:flex;flex-direction:row;grid-gap:12px;gap:12px;align-items:center}.earned-badges .current-score-text{font-size:24px;font-weight:600;line-height:38px}.earned-badges .earned-badges-count-text{font-size:18px;font-weight:500;line-height:26px}.category-scores{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:576px){.category-scores{grid-template-columns:1fr}}.category-box{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;border:solid;border-width:1px 1px 3px;min-width:220px}.category-box .category-name{font-size:13px;font-weight:600;color:#333}.category-box .category-score{font-size:16px;font-weight:600;color:#fff;background:rgba(0,0,0,.2);padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.category-box.mathematics{background:#e3f2fd;border-color:#2196f3}.category-box.mathematics .category-score{background:#2196f3}.category-box.logical-reasoning{background:#fff3e0;border-color:#ff9800}.category-box.logical-reasoning .category-score{background:#ff9800}.category-box.geometry{background:#f3e5f5;border-color:#9c27b0}.category-box.geometry .category-score{background:#9c27b0}.category-box.general-puzzle{background:#ffebee;border-color:#f44336}.category-box.general-puzzle .category-score{background:#f44336}.problem-solving-overview{display:flex;flex-direction:row;width:100%;grid-gap:12px;gap:12px}@media(max-width:576px){.problem-solving-overview{flex-direction:column;grid-gap:12px;gap:12px}}.problem-solving-overview-card{display:flex;flex-direction:row;flex:1 1;justify-content:space-between;border-radius:20px!important;grid-gap:2px;gap:2px;padding:8px 20px;align-items:center}.problem-solving-overview-card-content{display:flex;flex-direction:column;grid-gap:2px;gap:2px;justify-content:center}.problem-solving-overview-card-content h4{font-size:15px;font-weight:600;line-height:30px;color:#5b5e6c}.problem-solving-overview-card-content p{font-size:24px;font-weight:600;line-height:28px;color:#25272f}.problem-solving-overview-card-icon-container{justify-content:center}.unsolved-problems{display:flex;flex-direction:column;width:100%;grid-gap:20px;gap:20px;padding:20px;border-radius:10px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:solid #000;border-width:2px 2px 4px}.unsolved-problems-header{display:flex;justify-content:space-between}.unsolved-problems-header h4{font-size:20px;font-weight:600;line-height:28px;color:#25272f}.unsolved-problems-header-filter{display:flex;grid-gap:8px;gap:8px}.unsolved-problems-header-filter-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:7px 14px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;cursor:pointer;color:#5b5e6c;font-size:13px;font-weight:600;line-height:20px;transition:background-color .3s ease}.unsolved-problems-header-filter-btn:hover{border-color:#228b22}.unsolved-problems-empty-table-content{display:flex;width:100%;justify-content:center;align-items:center;text-align:center;padding:30px 0;color:#757575;font-size:16px;font-weight:500}.unsolved-problems-table-topic{display:flex;flex-direction:row;grid-gap:12px;gap:12px}.unsolved-problems-table-topic h5{font-size:15px;font-weight:600;line-height:22px;color:#25272f}.unsolved-problems-table-topic img{width:20px;height:20px}.solved-problems-summary{display:flex;flex-direction:column;width:100%;grid-gap:20px;gap:20px;padding:20px;border-radius:10px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:solid #000;border-width:2px 2px 4px;box-shadow:0 8px 32px rgba(22,166,87,.1)}.solved-problems-summary-header{display:flex;justify-content:space-between}@media(max-width:576px){.solved-problems-summary-header{flex-direction:column;justify-content:flex-start;grid-gap:12px;gap:12px}}.solved-problems-summary-header h4{font-size:20px;font-weight:500;line-height:28px;color:#25272f}.solved-problems-summary-header-filter{display:flex;flex-direction:row;grid-gap:8px;gap:8px}.solved-problems-summary-header-filter-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:7px 14px;background-color:#fff;border:solid #16a657!important;border-width:1px 1px 3px!important;border-radius:20px;cursor:pointer;color:#5b5e6c;font-size:13px;font-weight:500;line-height:20px;transition:background-color .3s ease}.solved-problems-summary-header-filter-btn:hover{border-color:#228b22}.solved-problems-summary-topic-filter{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:576px){.solved-problems-summary-topic-filter{flex-direction:column;justify-content:flex-start;grid-gap:8px;gap:8px}}.solved-problems-summary-topic-filter-btn{display:flex;flex-direction:row;align-items:center;grid-gap:6px;gap:6px;padding:7px 14px;background-color:#fff;border:solid #cccdd7;border-width:1px 1px 3px;border-radius:20px;cursor:pointer;min-height:34px;color:#5b5e6c;font-size:13px;font-weight:500;line-height:20px;transition:all .3s ease;flex-grow:1}.solved-problems-summary-topic-filter-btn.active{border-color:#16a657;color:#16a657}.solved-problems-summary-custom-tooltip{border:1px solid grey;border-radius:5px;padding:0 10px;background-color:#fff}.solved-problems-summary-custom-tooltip-label{color:#0c0e18;font-size:15px;font-weight:500}.solved-problems-summary-custom-tooltip-value{font-size:13px;font-weight:400}.solving-rate{display:flex;flex-direction:column;width:100%;grid-gap:20px;gap:20px;border-radius:10px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:solid #000;border-width:2px 2px 5px;box-shadow:0 8px 32px rgba(22,166,87,.1);padding:20px}.solving-rate h4{font-size:20px;font-weight:600;line-height:28px}.solving-rate-indicator{display:flex;justify-content:center;flex:1 1;grid-gap:2px;gap:2px}.solving-rate-indicator-line{height:10px;border-radius:4px}.solving-rate-chart-items{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.solving-rate-chart-items-row{display:flex;flex-direction:row;justify-content:space-between;grid-gap:8px;gap:8px;flex:1 1;align-items:center}.solving-rate-chart-items-row-text{flex:1 1}.solving-rate-chart-items-row p{font-size:15px;font-weight:600;line-height:22px;color:#5b5e6c;margin:0}.solving-rate-chart-items-row-box{width:14px;height:14px;border-radius:4px}.score-summary{display:flex;flex-direction:column;width:100%;grid-gap:20px;gap:20px;border-radius:10px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:solid #000;border-width:2px 2px 5px;box-shadow:0 8px 32px rgba(22,166,87,.1);padding:20px}.score-summary h4{font-size:20px;font-weight:600;line-height:28px}.score-summary-total{display:flex;border-radius:8px;padding:4px 0;background:#e8e9f0;justify-content:center}.score-summary-total h5{font-size:18px;font-weight:600;line-height:26px;color:#25272f}.score-summary-chart{display:flex;justify-content:center}.score-summary-chart-items{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.score-summary-chart-items-row{display:flex;flex-direction:row;justify-content:space-between;grid-gap:8px;gap:8px;flex:1 1;align-items:center}.score-summary-chart-items-row-text{flex:1 1}.score-summary-chart-items-row p{font-size:15px;font-weight:600;line-height:22px;color:#5b5e6c;margin:0}.score-summary-chart-items-row-box{width:14px;height:14px;border-radius:4px}.tutorial-layout-main-div{padding:24px 56px;flex-grow:1;width:95%;margin:2.5%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.tutorial-action-container{flex-grow:0;height:auto;margin-bottom:16px}.tutorial-action-main-div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:72px;grid-gap:16px;gap:16px;padding:16px 0}.tutorial-action-title-div{width:100%;display:flex;justify-content:space-between;align-items:center}.tutorial-action-filter-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px;grid-gap:6px;gap:6px;height:36px;border-radius:20px;cursor:pointer;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;line-height:20px;transition:all .3s ease;flex:none;order:0;flex-grow:0}.tutorial-action-title-h2{font-family:Archivo,sans-serif;font-size:24px;font-weight:600;line-height:38px;color:#25272f;margin:0}.tutorial-action-search-div{display:flex;align-items:center;background-color:#fff;border:1px solid #cccdd7;border-radius:30px;padding:8px 14px;min-width:300px;height:36px}.tutorial-action-search-div-img{width:18px;height:18px;margin-right:8px}.tutorial-action-search-input{border:none;outline:none;font-family:Archivo,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#9096a9;flex-grow:1}.tutorial-action-second-div{width:100%;display:flex;justify-content:space-between;align-items:center}.tutorial-action-filterbtn-div{flex-wrap:wrap}.filter-main-div,.tutorial-action-filterbtn-div{display:flex;grid-gap:8px;gap:8px}.filter-div{position:relative;display:flex;align-items:center}.filter-dropdown{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15)}.tutorial-cards-div{flex-grow:1;display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px;width:100%;justify-content:center}.tutorial-card{width:30%;min-width:300px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:.3s;cursor:pointer;text-align:left;position:relative;padding:10px 10px 40px}.tutorial-card:hover{box-shadow:0 6px 14px rgba(0,0,0,.15)}.thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-top-left-radius:12px;border-top-right-radius:12px}.thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 6px;border-radius:4px}.tutorial-content{padding:12px}.description{font-size:14px;font-weight:500;color:#333;margin-bottom:6px;line-height:1.4;text-align:left}.channel-info{display:flex;justify-content:flex-start;align-items:center;grid-gap:8px;gap:8px;margin-top:8px;position:absolute;bottom:20px}.channel-thumbnail{width:24px;height:24px;border-radius:50%;object-fit:cover}.channel-name{font-size:13px;font-weight:500;color:#7b6dcd;margin:0;line-height:1}.read-more{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding-left:15px;margin-top:-5px;margin-bottom:5px}.read-more:hover{text-decoration:underline}.player-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.player-container{width:90%;max-width:800px}.video-wrapper{position:relative;width:100%;padding-top:56.25%;background-color:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.t-close-button{position:absolute;top:10px;right:10px;z-index:1;background-color:#fff;color:#000;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;line-height:32px;text-align:center;box-shadow:0 0 6px rgba(0,0,0,.3)}.create-test-container{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(22,166,87,.1);font-family:Archivo,sans-serif;border:solid #000;border-width:2px 2px 5px;width:80%;margin:0 auto}.progress-steps{justify-content:center;margin-bottom:32px}.progress-steps,.step-item{display:flex;align-items:center}.step-item{flex-direction:column}.step-circle{width:32px;height:32px;border-radius:50%;background-color:#f0f0f5;color:#5b5e6c;display:flex;align-items:center;justify-content:center;font-weight:500;margin-bottom:8px}.step-circle.active{background-color:#16a657;color:#fff}.step-label{font-size:13px;color:#5b5e6c}.step-label.active{font-weight:500;color:#25272f}.step-line{height:2px;width:80px;background-color:#f0f0f5;margin:0 16px}.step-line.active{background-color:#16a657}.main-content{margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.main-title{font-size:24px;font-weight:600;color:#25272f;margin:0;text-align:center}.main-description{font-size:15px;color:#5b5e6c;text-align:center;margin:8px 0 32px}.section-title{font-size:16px;font-weight:600;color:#25272f;margin:24px 0 16px}.title-input-container{margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.title-input-container input{width:100%;padding:12px 16px;border:solid #000;border-width:1.5px 1.5px 4px;border-radius:20px!important;font-family:Archivo,sans-serif;font-size:14px;color:#25272f;transition:border-color .2s ease}.title-input-container h2{font-size:22px;font-weight:600}.title-input-container input:focus{outline:none;border-color:#16a657}.level-selector{margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.level-buttons{display:flex;grid-gap:16px;gap:16px}.level-btn{flex:1 1;padding:12px 16px;background-color:#fff;border:1px solid #cccdd7;border-radius:8px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;color:#5b5e6c;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.level-btn.active{background-color:#c1f3d8;border-color:#16a657;color:#16a657}.level-btn:hover:not(.active){background-color:#f0f0f5}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.subject-item{padding:24px 20px;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:120px;justify-content:center}.subject-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#16a657}.subject-item.selected{border-color:#16a657;background:rgba(193,243,216,.9);box-shadow:0 4px 20px rgba(22,166,87,.2)}.subject-icon{width:56px;height:56px;border-radius:50%;background:rgba(240,240,245,.8);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.subject-item.selected .subject-icon{background:rgba(22,166,87,.1);border:2px solid rgba(22,166,87,.3)}.topic-icon{width:36px;height:36px;object-fit:contain}.subject-name{font-size:16px;font-weight:600;color:#25272f;text-align:center;margin-bottom:8px;line-height:1.3}.selection-indicator{position:absolute;top:12px;right:12px}.selected-dot,.selection-indicator{height:20px;display:flex;align-items:center;justify-content:center}.selected-dot{width:20px;border-radius:50%;background-color:#16a657}.selected-dot:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.difficulty-section{display:flex;grid-gap:12px;gap:12px;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.difficulty-btn{flex:1 1;padding:12px;border:1px solid #cccdd7;border-radius:8px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;color:#5b5e6c;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.difficulty-btn:hover:not(.selected){background-color:#f0f0f5}.difficulty-btn.selected{border-color:#16a657}.difficulty-check{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background-color:#16a657;color:#fff;display:flex;align-items:center;justify-content:center}.check-icon-small{width:12px;height:12px}.series-section{margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.section-description{font-size:14px;color:#5b5e6c;margin-bottom:16px}.pt-series-container{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-bottom:20px}.series-tag{padding:8px 16px;border:solid #000;border-width:1.5px 1.5px 4px;border-radius:20px;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;color:#5b5e6c;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;grid-gap:6px;gap:6px}.series-tag:hover:not(.selected){background-color:#f0f0f5}.series-tag.selected{background-color:#c1f3d8;border-color:#16a657;color:#16a657}.check-icon{width:14px;height:14px}.selected-series{margin-top:20px;padding:16px;background-color:#f9f9fa;border-radius:8px}.selected-series h3{font-size:14px;font-weight:500;color:#25272f;margin:0 0 12px}.selected-series-tags{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.selected-series-tag{padding:6px 12px;border-radius:16px;background-color:#c1f3d8;border:solid #16a657;border-width:1px 1px 3px;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;color:#16a657;display:flex;align-items:center}.remove-series-btn{background:none;border:none;padding:2px;margin-left:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5b5e6c}.remove-icon{width:14px;height:14px}.problem-count-container{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.count-btn{width:36px;height:36px;border-radius:50%;border:1px solid #cccdd7;background-color:#fff;color:#5b5e6c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.count-btn:hover:not(:disabled){background-color:#f0f0f5}.count-btn:disabled{opacity:.5;cursor:not-allowed}.problem-count{font-family:Archivo,sans-serif;font-size:16px;font-weight:500;color:#25272f}.time-toggle-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cccdd7;border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .4s ease}.toggle-slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.toggle-slider{background-color:#16a657}input:checked+.toggle-slider:before{-webkit-transform:translateX(24px);transform:translateX(24px)}.time-duration-section{margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.time-duration-section input{width:100px;padding:8px 12px;border:solid #000;border-width:1px 1px 3px;border-radius:20px;font-family:Archivo,sans-serif;font-size:14px;color:#25272f}.time-duration-section input:focus{outline:none;border-color:#16a657}.summary-card{padding:24px;background-color:#f9f9fa;border-radius:12px;max-width:600px;margin-left:auto;margin-right:auto}.summary-title{font-size:18px;font-weight:600;color:#25272f;margin:0 0 24px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.summary-item{margin-bottom:16px}.summary-label{display:block;font-size:13px;font-weight:500;color:#5b5e6c;margin-bottom:4px}.summary-value{font-size:15px;font-weight:500;color:#25272f}.action-buttons{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin-left:auto;margin-right:auto}.btn{padding:12px 24px;border-radius:24px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#16a657;border:none;color:#fff}.btn-primary:hover:not(.btn-disabled){background-color:#138a48}.btn-secondary{background-color:#fff;border:solid #000;border-width:1px 1px 3px;color:#5b5e6c}.btn-secondary:hover:not(:disabled){background-color:#f0f0f5;color:#000}.btn-disabled{opacity:.6;cursor:not-allowed}.spacer{flex-grow:1}.pt-score-summary{color:#3b82f6;background-color:#ebf4ff;padding:6px 12px;border-radius:6px;display:flex;align-items:center;border:1px solid transparent;position:relative}.pt-score-summary svg{margin-right:6px}.pt-score-summary.clickable{cursor:pointer;transition:all .2s ease;padding-right:24px}.pt-score-summary.clickable:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233B82F6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7;transition:all .2s ease}.pt-score-summary.clickable:hover{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pt-score-summary.clickable:hover:after{opacity:1;-webkit-transform:translateY(-50%) translateX(2px);transform:translateY(-50%) translateX(2px)}.pt-score-summary.clickable:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:none}@media (max-width:768px){.subject-grid{grid-template-columns:1fr;max-width:400px}.create-test-container{padding:24px 20px;margin:0 16px}.subject-item{min-height:100px;padding:20px 16px}.subject-icon{width:48px;height:48px}.topic-icon{width:30px;height:30px}.subject-name{font-size:15px}}.test-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:2000}.test-dialog{position:relative;background:#fff;border-radius:12px;width:90%;max-width:960px;max-height:90%;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow-y:scroll}.test-dialog-header{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 24px;grid-gap:347px;gap:347px;width:100%;max-width:1000px;height:48px;background:#f2f3f9;border-bottom:1px solid #e8e9f0;flex:none;order:0;align-self:stretch;flex-grow:0;z-index:0;border-top-left-radius:12px;border-top-right-radius:12px}.test-dialog-title{width:85px;height:26px;font-family:"Archivo";font-style:normal;font-weight:500;font-size:16px;line-height:26px;color:#25272f;flex:none;order:0;flex-grow:0;margin-top:auto}.test-dialog-close-btn{background:#cdcdd8;border:none;cursor:pointer;height:30px;width:30px;border-radius:50%}.test-dialog-upper{display:flex;justify-content:center;align-items:center;grid-gap:16px;gap:16px;margin-top:16px;padding:24px}.upper-left{flex:4 1}.upper-right{flex:6 1}.test-dialog-cover{width:100%;object-fit:cover;border-radius:8px}.tags-row{display:flex;grid-gap:8px;gap:8px;margin-bottom:8px}.type-tag{display:flex;align-items:center;padding:4px 10px;border-radius:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:6px;font-size:12px;font-weight:500;font-family:Archivo,sans-serif}.type-tag.Custom{background:#9096ab;color:#fff}.type-tag.Attempted{color:#fff;background-color:#7a6cd1}.type-tag.Ongoing{color:#fff;background-color:#3d81f3}.type-tag.Upcoming{color:#fff;background-color:#f3a03d}.test-dialog-name{margin:4px 0 12px;font-size:24px;font-weight:700}.stats-row{grid-gap:16px;gap:16px;font-size:14px}.stat-item,.stats-row{display:flex;align-items:center}.stat-item{grid-gap:8px;gap:8px;background-color:#e8e8f1;color:#787878;padding:4px 8px;border-radius:8px}.stat-item.NotAttempted{background:#ffedd5;color:#fb923c}.stat-item.StartsIn{background-color:#ecf2ff;color:#3f7ff1;font-weight:600}.stat-item.EndsIn{background-color:#ffe4e7;color:#f43f5e;font-weight:600}.stat-item.Attempted{background:var(--active-button-bg);color:#fff}.test-dialog-lower{margin-top:24px;padding:24px;max-height:500px;overflow-y:scroll}.topic-section{border:1.5px solid #e7e7f0;margin-bottom:24px;border-radius:10px}.topic-header{align-items:center;background:#f2f3f9;padding:10px;cursor:pointer;font-family:Archivo;font-weight:590!important;font-size:16px;border-top-left-radius:10px;border-top-right-radius:10px}.problem-row,.topic-header{display:flex;justify-content:space-between}.problem-row{padding:8px 16px;border-top:1.5px solid #e7e7f0}.test-dialog-footer{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;padding:18px 24px 24px;border-top:1.5px solid #e7e7f0}.lb-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:2000}.lb-dialog{position:relative;background:#fff;border-radius:12px;width:90%;max-width:750px;max-height:90%;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow-y:scroll}.lb-dialog-header{box-sizing:border-box;flex-direction:row;justify-content:space-between;padding:10px 24px;grid-gap:347px;gap:347px;width:100%;max-width:1000px;height:48px;background:#f2f3f9;border-bottom:1px solid #e8e9f0;align-self:stretch;z-index:0;border-top-left-radius:12px;border-top-right-radius:12px}.lb-dialog-header,.lb-dialog-title{display:flex;align-items:center;flex:none;order:0;flex-grow:0}.lb-dialog-title{font-family:"Archivo";font-style:normal;font-weight:500;font-size:18px;line-height:26px;color:#25272f;margin-top:auto}.lb-dialog-close-btn{background:#cdcdd8;border:none;cursor:pointer;height:30px;width:30px;border-radius:50%}.lb-banner{background-size:contain;background-position:top;border-radius:12px;display:flex;justify-content:space-around;align-items:flex-end;height:180px;margin:16px 24px}.lb-top-three{position:relative;width:100%}.lb-top-three .lb-avatar{width:60px;height:60px;border-radius:50%;border:2px solid #fff;object-fit:cover;-webkit-transform:translateY(-40%);transform:translateY(-40%)}.lb-top-three .lb-name{font-size:18px;font-weight:500;color:#fff;text-align:center;-webkit-transform:translateY(-22.5px);transform:translateY(-22.5px)}.lb-top-three .lb-points{font-size:16px;font-weight:500;color:#fff;text-align:center;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.lb-top-three .lb-crown{width:25px;height:25px;position:absolute;top:-42px;z-index:50}.lb-second{height:100px;left:50px;background:rgba(0,0,0,.175)}.lb-second,.lb-third{width:200px;position:absolute;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;border-top-left-radius:30px;border-top-right-radius:30px}.lb-third{height:90px;right:50px;background:rgba(0,0,0,.1)}.lb-first{height:130px;width:225px;position:absolute;left:235px;bottom:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;border-top-left-radius:30px;border-top-right-radius:30px;padding-bottom:25px;z-index:10}.lb-performers-container{margin:0 24px 24px;border-radius:8px;background-color:#f9f9fc;border-radius:15px;border:1.5px solid #e3e5ed}.lb-performers-header{font-weight:700;text-align:center;margin-bottom:10px;color:#333;background:#f2f3f9;border-bottom:1.5px solid #e3e5ed;padding:5px 0;border-top-left-radius:15px;border-top-right-radius:15px}.lb-performers-list{max-height:450px;overflow-y:scroll;padding-right:8px}.lb-performer-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1.5px solid #e3e5ed}.lb-performer-row:last-child{border-bottom:none}.lb-performer-row .lb-avatar.small{width:36px;height:36px;border-radius:50%;background:#ddd;margin-right:12px}.lb-performer-row .lb-row-name{flex-grow:1;font-weight:500;font-size:14px;color:#25272f}.lb-performer-row .lb-row-points{font-size:16px}.point-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.point-dialog{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:560px;display:flex;flex-direction:column;overflow:hidden}.point-dialog-header{display:flex;align-items:center;justify-content:center;padding:30px 0 15px;font-size:16px}.question-mark-container{display:inline-flex;margin-right:10px}.question-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#555;color:#fff;border-radius:50%;font-size:16px}.point-dialog-title{font-size:16px;font-weight:600;color:#4a4a4a;margin:10px 0}.point-dialog-content{padding:0 24px;margin:20px 0}.level-table{width:100%;border-collapse:collapse}.level-table,.level-table-wrapper{border:1px solid #b8b8ba;border-radius:8px;overflow:hidden}.level-table-wrapper{margin-bottom:20px}.level-table tbody tr{background-color:#f2f2f7;border-bottom:1px solid #b8b8ba;height:50px}.level-table tbody tr:last-child{border-bottom:none}.level{text-align:left}.level,.point{padding:12px 20px;font-weight:500;color:#4a4a4a;font-size:16px}.point{text-align:right}.point-dialog-footer{padding:24px;display:flex;justify-content:flex-end;margin:10px 20px}.got-it-button{background-color:#4caf50;color:#fff;border:none;border-radius:20px;padding:10px 30px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.got-it-button:hover{background-color:#45a049}.pt-main-container{width:100%;max-width:1328px;margin:0 auto;padding:24px 56px;font-family:Archivo,sans-serif}.filter-button{box-sizing:border-box;flex-direction:row;justify-content:center;padding:7px 14px;grid-gap:6px;gap:6px;height:36px;border-radius:20px;cursor:pointer;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;border:solid #5b5e6c;border-width:1px 1px 3px;line-height:20px;transition:opacity .3s ease-out;flex:none;order:0;flex-grow:0;background-color:#f2f3f9;opacity:1}.filter-button,.pt-header{display:flex;align-items:center}.pt-header{justify-content:space-between;margin-bottom:24px}.pt-header h1{font-family:Archivo,sans-serif;font-size:24px;font-weight:600;color:#25272f;margin:0}.pt-header-buttons{display:flex;grid-gap:12px;gap:12px}.pt-create-button,.pt-info-button{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-radius:20px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pt-info-button{background-color:#f2f3f9;border:solid #5b5e6c;border-width:1px 1px 3px;color:#5b5e6c}.pt-info-button span{font-family:Archivo,sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:20px;letter-spacing:0;color:#5b5e6c}.pt-create-button{background-color:#16a657;color:#fff;border:solid #25272f;border-width:1px 1px 3px}.pt-info-button:hover{background-color:#f0f0f5}.pt-create-button:hover{background-color:#138a48}.pt-create-button span{font-family:Archivo,sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:20px;letter-spacing:0;color:#fff}.pt-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pt-tabs{display:flex;grid-gap:12px;gap:12px}.pt-tabs button{padding:8px 16px;background-color:#fff;border-radius:20px;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;color:#5b5e6c;cursor:pointer;transition:all .2s ease}.pt-tabs button.active{background-color:#c1f3d8;color:#16a657;border:solid #16a657;border-width:1px 1px 3px}.pt-tabs button:hover:not(.active){background-color:#f0f0f5}.pt-dropdown{position:relative}.pt-dropdown button{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;padding:8px 16px;width:220px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;font-family:Archivo,sans-serif;font-size:13px;font-weight:500;color:#5b5e6c;cursor:pointer}.pt-dropdown button img{width:14px;height:14px}.pt-loading{display:flex;justify-content:center;align-items:center;height:300px}.pt-spinner{width:48px;height:48px;border:4px solid #e8e9f0;border-top-color:#16a657;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pt-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.pt-test-card{height:370px;grid-gap:16px;gap:16px;background-color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);padding:16px 16px 20px;border:solid #3b82f6;border-width:3px 3px 6px;background:#ebf4ff}.pt-test-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.pt-card-thumbnail{height:130px;background-size:cover;background-position:50%;border-radius:6px}.pt-card-title{font-family:"Merriweather Sans",sans-serif;font-weight:800;font-style:normal;font-size:20px;line-height:30px;letter-spacing:0}.pt-card-content{height:156px;opacity:1;display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding-right:4px;padding-left:4px}.pt-subject-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-family:Archivo,sans-serif;font-size:12px;font-weight:500;margin-bottom:12px}.pt-test-card h3{font-family:"Merriweather Sans",sans-serif;font-weight:800;font-style:normal;font-size:20px;line-height:30px;letter-spacing:0}.pt-card-stats{display:flex;grid-gap:8px;gap:8px;margin-bottom:12px;height:26px}.pt-stat-item{grid-gap:4px;gap:4px;color:#5b5e6c;background-color:rgba(37,39,47,.10196078431372549);height:26px;opacity:1;border-radius:16px;padding:3px 8px}.pt-deadline,.pt-stat-item{display:flex;align-items:center;font-family:Archivo,sans-serif;font-size:13px}.pt-deadline{grid-gap:6px;gap:6px;color:#ef4444;margin-bottom:16px}.pt-deadline span{font-weight:400;font-style:normal;font-size:14px;line-height:20px;letter-spacing:0}.pt-deadline span,.pt-start{font-family:Archivo,sans-serif}.pt-start{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:13px;color:#3b82f6;margin-bottom:16px}.pt-card-actions{display:flex;grid-gap:8px;gap:8px}.pt-details-button,.pt-take-button{flex:1 1;padding:8px 0;border-radius:20px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;border:solid #5b5e6c;border-width:1px 1px 3px}.pt-details-button,.pt-take-button{font-family:Archivo,sans-serif;font-size:13px;font-weight:500}.pt-details-button{background-color:#fff;color:#5b5e6c;font-style:normal;line-height:20px;letter-spacing:0}.pt-take-button{background-color:#16a657;color:#fff;border-color:#25272f}.pt-details-button:hover{background-color:#f0f0f5}.pt-action-dropdown-div{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15)}.pt-no-tests{grid-column:1/-1;text-align:center;padding:40px;font-family:Archivo,sans-serif;color:#5b5e6c}.create-test-page{width:100%;margin:0 auto;padding:24px}.attend-test-page{position:relative;max-width:1440px;width:100%;height:100vh;overflow:hidden;display:flex;background:#f9f9fa}.test-left-side{width:260px;min-width:260px;height:100%;border-right:1px solid #e5e7eb}.test-right-side{flex:1 1;height:100%;overflow:hidden}.test-left-section{padding:0;position:absolute;height:910px;left:0;top:0;background:#fff;border-right:1px solid #e8e9f0}.header,.test-left-section{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:260px}.header{padding:20px 14px;grid-gap:12px;gap:12px;height:100px;border-bottom:1px solid #cccdd7}.header h1{width:232px;height:26px;font-family:"Archivo";font-style:normal;font-weight:500;font-size:18px;line-height:26px;color:#25272f}.time-remaining{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px 0;grid-gap:16px;gap:16px;width:260px;height:172px;border-bottom:1px solid #cccdd7}.time-remaining p{width:260px;height:20px;font-size:14px;line-height:20px;color:#5b5e6c}.time-remaining p,.timer{font-family:"Archivo";font-style:normal;font-weight:500;text-align:center}.timer{position:absolute;width:53px;height:28px;left:calc(50% - 26.5px);top:calc(50% + 4px);font-size:20px;line-height:28px;color:#16a657}.test-problem-list{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;width:260px;height:458px}.test-problem-list h2{width:232px;height:26px;font-family:"Archivo";font-style:normal;font-weight:500;font-size:16px;line-height:26px;color:#25272f}.test-problem-list ul{list-style:none;padding:0}.test-problem-list li{width:204px;height:20px;font-family:"Archivo";font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#5b5e6c;border-bottom:1px solid #cccdd7;padding:14px}.test-top-part{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:20px 14px;grid-gap:12px;gap:12px;width:260px;height:100px;border-bottom:1px solid #cccdd7}.test-title,.test-top-part{flex:none;order:0;align-self:stretch;flex-grow:0}.test-title{width:232px;height:26px;font-family:"Archivo";font-style:normal;font-weight:500;font-size:18px;line-height:26px;color:#25272f}.test-info{padding:0;grid-gap:6px;gap:6px;width:179px;height:22px;order:1}.test-info,.test-info-item{display:flex;flex-direction:row;align-items:center;flex:none;flex-grow:0}.test-info-item{justify-content:center;padding:1px 5px;grid-gap:4px;gap:4px;background:#c1f3d8;border-radius:6px;order:0}.test-icon-wrapper{width:16px;height:16px;flex:none;order:0;flex-grow:0}.test-info-text{width:auto;height:20px;font-family:"Archivo";font-style:normal;font-weight:500;font-size:13px;line-height:20px;color:#16a657;flex:none;order:1;flex-grow:0}.test-problem-list-container{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;width:260px;height:100%;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow-y:auto;direction:rtl}.test-problem-list-header{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 14px;grid-gap:10px;gap:10px;width:260px;height:34px}.test-problem-list-title{width:232px;height:26px;font-style:normal;font-weight:500;font-size:16px;line-height:26px;color:#25272f;flex-grow:1}.test-problem-list-item{display:flex;flex-direction:row;align-items:flex-start;padding:0;width:260px;height:48px;transition:all .3s ease;cursor:pointer}.test-problem-list-header,.test-problem-list-item{direction:ltr}.test-problem-list-item.active{background:#e0f2e2;border-left:2px solid #16a657;box-sizing:border-box}.test-problem-list-item:hover{background-color:#f1f5f9;-webkit-transform:translateX(4px);transform:translateX(4px)}.test-problem-list-item.active:hover{background-color:#e2e8f0}.test-problem-list-base{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:14px;grid-gap:8px;gap:8px;width:260px;height:48px;border-bottom:1px solid #cccdd7;flex-grow:1;transition:all .3s ease}.test-problem-list-item:hover .test-problem-list-base{padding-left:8px}.test-problem-name{width:204px;height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#5b5e6c;flex-grow:1}.test-problem-name.active{color:#25272f}.test-problem-name.inactive{color:#9096a9}.icon{width:20px;height:20px;position:relative}.check-circle{width:100%;height:100%;position:relative}.check-circle:after{content:"";position:absolute;left:12.5%;right:12.5%;top:12.5%;bottom:12.5%;background:#31b06b;border:1.5px solid #31b06b;border-radius:50%}.check-circle:before{content:"";position:absolute;left:32.81%;right:32.81%;top:40.62%;bottom:37.5%;border:1.5px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;width:6px;height:3px}.clock{width:100%;height:100%;position:relative}.clock:after{left:12.5%;right:12.5%;top:12.5%;bottom:12.5%;background:#fb923c;border:1.5px solid #fb923c;border-radius:50%}.clock:after,.clock:before{content:"";position:absolute}.clock:before{left:50%;right:28.12%;top:28.12%;bottom:50%;border:1.5px solid #fff;z-index:1;width:4px;height:4px;-webkit-transform:translate(-50%);transform:translate(-50%)}.circle{width:100%;height:100%;position:relative}.circle:after{content:"";position:absolute;left:12.5%;right:12.5%;top:12.5%;bottom:12.5%;border-radius:50%}.circle.active:after{background:#e0f2e2;border:1.5px solid #16a657}.circle.inactive:after{border:1.5px solid #9096a9}.test-time-remaining{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px 0;height:190px;border-bottom:1px solid #cccdd7}.test-time-label,.test-time-remaining{width:260px;flex:none;align-self:stretch;flex-grow:0}.test-time-label{height:20px;font-family:"Merriweather Sans",sans-serif;font-style:normal;font-weight:800;font-size:15px;line-height:24px;letter-spacing:.5px;text-align:center;color:#5b5e6c;order:0}.timer-container{position:relative;width:120px;height:120px}.time-display{position:absolute;width:100%;height:28px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Archivo",sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:28px;text-align:center;color:#16a657;z-index:3;display:flex;align-items:center;justify-content:center}.background-circle{border-radius:50%;border:4px solid #cccdd7}.background-circle,.progress-circle{position:absolute;width:120px;height:120px;background:transparent;box-sizing:border-box}.progress-circle{border-radius:50%;border:4px solid #16a657;-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,100% calc(50%*(1 - var(--progress)/100)),calc(50%*(1 + sin(3.14159 * var(--progress) / 50))) calc(50%*(1 - cos(3.14159 * var(--progress) / 50))),0 calc(50%*(1 - var(--progress)/100)),0 0);clip-path:polygon(50% 50%,50% 0,100% 0,100% calc(50%*(1 - var(--progress)/100)),calc(50%*(1 + sin(3.14159 * var(--progress) / 50))) calc(50%*(1 - cos(3.14159 * var(--progress) / 50))),0 calc(50%*(1 - var(--progress)/100)),0 0)}.test-problem-layout-main-div{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.test-problem-layout-main-content-container{flex:1 1;overflow:auto;background:#f9f9fa;padding:20px 20px 80px;background-image:url("/static/media/Application bg 1.dcdd9bf1.svg");background-size:cover;background-position:50%;background-repeat:no-repeat}.test-problem-layout-main-content{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:24px;grid-gap:20px;gap:20px;width:101%;max-width:1328px;margin:0 auto;background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,.63),hsla(0,0%,100%,.81));border:solid #25272f;border-width:2px 2px 5px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:10px;min-height:850px;height:100%}.test-problem-layout-description-container{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px;overflow-y:auto;min-width:0;max-width:420px;margin-top:50px}.test-problem-layout-answer-container{flex:1 1;display:flex;justify-content:center;align-items:center;min-width:0;margin-top:50px}.test-problem-layout-action-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -1px 3px rgba(0,0,0,.1);z-index:10;padding:16px;border-top:1px solid #e5e7eb}.stepper-dot{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1px;grid-gap:10px;gap:10px;width:22px;height:22px;border-radius:20px;box-sizing:border-box;cursor:pointer}.stepper-dot span{width:20px;height:20px;font-family:Archivo;font-style:normal;font-weight:500;font-size:13px;line-height:20px;text-align:center}.stepper-main-div{display:flex;flex-direction:row;align-items:center;padding:0;isolation:isolate;height:22px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stepper-line{border:1px solid #cccdd7;z-index:1}.stepper-line,.stepper-progress-line{position:absolute;height:0;left:11px;top:50%}.stepper-progress-line{border:1px solid #16a657;z-index:2}.stepper-dots{flex-direction:row;align-items:center;position:relative;z-index:3}.stepper-dots,.test-pd-main-div{display:flex;grid-gap:20px;gap:20px}.test-pd-main-div{flex-direction:column;min-width:300px;max-width:420px;background-color:inherit;padding:20px}.test-pd-back-button{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 10px 3px 8px;background-color:#fff;border:1px solid #cccdd7;border-radius:20px;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.test-pd-back-button img{width:16px;height:16px}.test-pd-back-button span{font-family:Archivo;font-style:normal;font-weight:500;font-size:13px;line-height:20px;color:#5b5e6c}.test-pd-logo{width:64px;height:64px;border-radius:6px}.test-pd-title-main-div{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.test-pd-title-topic{display:flex;grid-gap:8px;gap:8px;font-family:Archivo;font-weight:500;font-size:16px;line-height:26px;color:#9096a9}.test-pd-series-name{color:#5b5e6c}.test-pd-title-main-div h1{font-family:Archivo;font-weight:600;font-size:24px;line-height:38px;color:#25272f;margin:0}.test-pd-level-creator-div{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.test-pd-level{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 8px;background-color:#c1f3d8;border-radius:20px}.test-pd-level img{width:18px;height:18px}.test-pd-level span{font-weight:500;color:#31b06b}.test-pd-creator,.test-pd-level span{font-family:Archivo;font-size:15px;line-height:22px}.test-pd-creator{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:3px 8px;background-color:#e8e9f0;border-radius:20px}.test-pd-created-by{font-weight:300;color:#32343a}.test-pd-author{font-weight:500;color:#25272f}.hint-dialog-main-div{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;padding-top:140px;z-index:1000}.hint-dialog-div{display:flex;flex-direction:column;align-items:center;padding:40px 32px;grid-gap:40px;gap:40px;width:640px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.12);border-radius:10px}.hint-content-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;grid-gap:32px;gap:32px;width:576px;height:260px}.hint-content-img{box-sizing:border-box;width:260px;height:260px;background-size:contain;background-position:50%;background-repeat:no-repeat;border:1px solid #16a657;-webkit-filter:drop-shadow(0 2px 6px rgba(22,166,87,.4));filter:drop-shadow(0 2px 6px rgba(22,166,87,.4));border-radius:8px}.hint-content-text-div{display:flex;flex-direction:column;align-items:flex-start;padding:0;grid-gap:16px;gap:16px;height:174px}.hint-with-counter-div{flex-direction:row;padding:0;width:100%;height:26px;justify-content:space-between}.hint-title,.hint-with-counter-div{display:flex;align-items:center;grid-gap:8px;gap:8px}.hint-title img{width:24px;height:24px}.hint-title span{font-family:Archivo;font-weight:500;font-size:18px;line-height:26px;color:#25272f}.hint-with-counter-div span{font-family:Archivo;font-size:14px;color:#5b5e6c}.hint-with-markdown-div{width:100%;height:132px;overflow-y:auto;padding:4px}.hint-rmd-p{margin:0;font-family:Archivo;font-weight:300;font-size:15px;line-height:22px;color:#5b5e6c}.hint-rmd-strong{font-weight:600;color:#25272f}.hint-rmd-em{font-style:italic}.hint-rmd-ul{padding-left:20px;margin:8px 0}.hint-rmd-li{margin-bottom:4px}.hint-nav-close-div{flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:576px;height:46px}.hint-nav-close,.hint-nav-close-div{display:flex;grid-gap:10px;gap:10px}.hint-nav-close button{padding:12px 24px;border-radius:28px;border:1px solid #cccdd7;background-color:#fff;color:#5b5e6c}.hint-nav-close-div button{padding:12px 24px;border-radius:28px;border:none;background:#16a657;color:#fff;cursor:pointer;margin-left:auto}.hint-warning-main-div{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Archivo}.hint-warning-second-div{width:400px;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.hint-warning-second-div h3{font-size:18px;font-weight:600;color:#25272f;margin-top:0;margin-bottom:16px}.hint-warning-second-div p{font-size:14px;color:#5b5e6c;line-height:1.5;margin-bottom:24px}.hint-warning-button-div{width:100%;display:flex;justify-content:space-between;grid-gap:16px;gap:16px}.hint-warning-cancel-button{border-radius:20px;border:1px solid #cccdd7;background-color:#fff;color:#5b5e6c}.hint-warning-cancel-button,.hint-warning-confirm-button{padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.hint-warning-confirm-button{border-radius:20px;border:1px solid #16a657;background-color:#16a657;color:#fff}.pa-main-div{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px}.pa-interactive-main-div{background-color:#fff;position:relative;overflow:visible;z-index:0;max-width:100%;max-height:100%}.pa-interactive-main-div,.pa-timer-div{border-radius:20px;border:solid #1ca458;border-width:2px 2px 4px}.pa-timer-div{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px 7px 10px;grid-gap:8px;gap:8px;position:absolute;width:89px;height:34px;left:16px;top:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);background-color:#c1f3db;z-index:4;font-family:Archivo}.pa-timer-div span{width:37px;height:20px;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:#1ca458}.pa-hint-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px 7px 12px;grid-gap:6px;gap:6px;position:absolute;width:98px;height:34px;right:16px;top:16px;background:#c1f3d8;border:solid #16a657;border-width:1px 1px 3px;box-shadow:0 2px 6px rgba(22,166,87,.4);border-radius:20px;z-index:3;cursor:pointer}.pa-hint-button img{width:16px;height:16px}.pa-hint-button span{font-family:Archivo;font-weight:500;font-size:13px;line-height:20px;color:#16a657}#board-container{position:relative;z-index:0;overflow:hidden;border-radius:18px}.pa-board-container-div{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#f3f4f6;overflow:hidden}.pa-info-div{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;align-items:center;padding:5px 10px;background-color:#c1f3db;border:solid #1ca458;border-width:2px 2px 4px;border-radius:20px;grid-gap:6px;gap:6px;z-index:3;width:auto;white-space:nowrap}.pa-info-div img{width:20px;height:20px;flex-shrink:0}.pa-info-div span{font-family:Archivo;font-weight:500;font-size:15px;line-height:22px;color:#1ca458;display:inline-block}.ab-main-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:46px;grid-gap:10px;gap:10px;padding:0 56px;box-sizing:border-box}.ab-button-base{padding:12px 22px;border-radius:28px;border:none;font-size:15px;line-height:22px;font-weight:500;font-family:Archivo,sans-serif;cursor:pointer;transition:all .2s ease;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ab-secondary{background-color:#fff;color:#5b5e6c;border:solid #5b5e6c;border-width:1px 1px 3px}.ab-primary{background-color:#16a657;color:#fff;border:solid #25272f;border-width:1px 1px 3px}.ab-disabled{color:#cccdd7;border:1px solid #e8e9f0;cursor:not-allowed;pointer-events:none}.ab-disabled,.ab-secondary:hover{background-color:#f5f5f5}.ab-primary:hover{background-color:#138c49}.ab-disabled:hover{background-color:#f5f5f5;color:#cccdd7}.ab-right-group{display:flex;flex-direction:row;grid-gap:10px;gap:10px}.ab-success-main-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.ab-success-container{max-height:90vh;display:flex;justify-content:center;align-items:flex-start}.notification{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px;grid-gap:16px;gap:16px;position:relative;width:178px;height:30px;background:#3b82f6;border-radius:20px;margin:auto}.left-background{position:absolute;left:0;top:0;width:calc(100% - 97px);height:100%;background:#25272f;opacity:.15;border-radius:20px 0 0 20px;z-index:0}.content-wrapper{flex-direction:row;grid-gap:8px;gap:8px;z-index:1}.content-wrapper,.info-icon{display:flex;align-items:center}.info-icon{position:relative;width:22px;height:22px;justify-content:center}.info-circle{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%}.info-dot{height:2px;border-radius:50%;top:6px}.info-dot,.info-line{position:absolute;width:2px;background:#fff}.info-line{height:6px;bottom:5px}.notification-text{font-family:"Archivo",sans-serif;font-weight:500;font-size:16px;line-height:26px;color:#fff;white-space:nowrap}.close-icon{position:relative;width:16px;height:16px;cursor:pointer}.close-line-1,.close-line-2{position:absolute;width:10px;height:2px;background:#fff;top:50%;left:50%;-webkit-transform-origin:center;transform-origin:center}.close-line-1{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.close-line-2{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.pending-screen-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.pending-screen-content{display:flex;flex-direction:column;align-items:center;grid-gap:24px;gap:24px;max-width:600px;padding:48px;text-align:center}.pending-screen-illustration{position:relative;width:200px;height:200px;margin-bottom:16px}.pending-screen-circle-progress{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;stroke-dasharray:565.48;stroke-dashoffset:169.64}.pending-screen-check{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.pending-screen-title{color:#25272f;font-size:32px;font-weight:600;margin:0}.pending-screen-message{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.pending-screen-primary{color:#5b5e6c;font-size:20px;font-weight:500;margin:0}.pending-screen-secondary{color:#9096a9;font-size:16px;font-weight:400;margin:0}.pending-screen-status{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#3d7eff;font-size:16px;font-weight:500}.pending-screen-status-dot{width:8px;height:8px;border-radius:50%;background-color:#3d7eff;-webkit-animation:blink 1s ease-in-out infinite;animation:blink 1s ease-in-out infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.test-score-container{display:flex;flex-direction:column;align-items:center;padding:56px 24px;grid-gap:48px;gap:48px;width:1328px;min-height:862px;height:auto;background:#fff;border:1px solid #e8e9f0;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:10px;position:relative;isolation:isolate}.test-score-decoration{position:absolute;width:1362px;height:204.6px;left:calc(50% - 681px);top:-2.55px;z-index:0}.test-score-right-decoration{right:0;-webkit-transform:matrix(-.99,-.16,-.16,.99,0,0);transform:matrix(-.99,-.16,-.16,.99,0,0)}.test-score-left-decoration,.test-score-right-decoration{position:absolute;width:477.57px;height:131.78px;top:71.88px}.test-score-left-decoration{left:-17px;-webkit-transform:rotate(-8.97deg);transform:rotate(-8.97deg)}.test-score-vector{position:absolute;background:#9096a9;-webkit-transform:matrix(-.99,-.16,-.16,.99,0,0);transform:matrix(-.99,-.16,-.16,.99,0,0)}.test-score-objects-wrapper{display:flex;flex-direction:column;align-items:center;grid-gap:32px;gap:32px;width:620px;z-index:1}.test-score-objects{width:161px;height:120px;position:relative}.test-score-summary{grid-gap:24px;gap:24px;min-height:420px;height:auto}.test-score-header,.test-score-summary{display:flex;flex-direction:column;align-items:flex-start;width:620px}.test-score-header{grid-gap:8px;gap:8px;height:98px}.test-score-title{width:620px;height:38px;font-weight:600;font-size:24px;line-height:38px;text-align:center;color:#25272f}.test-score-description{width:620px;height:52px;font-weight:300;font-size:15px;line-height:26px;text-align:center;color:#5b5e6c}.test-score-details{display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:620px;min-height:298px;height:auto;background:#fff;border:1px solid #cccdd7;border-radius:10px}.test-score-metrics{display:flex;flex-direction:column;align-items:flex-start;padding:24px;grid-gap:15px;gap:15px;flex:1 1;width:249px;background:#f2f3f9;border-right:1px solid #cccdd7;border-radius:10px 0 0 10px}.test-score-skipped,.test-score-solved,.test-score-time{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-gap:8px;gap:8px;width:202px;height:62px}.test-score-metric-row{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;width:190px;height:26px}.test-score-icon{width:20px;height:20px;position:relative}.test-score-label{width:162px;height:26px;font-weight:500;font-size:15px;line-height:26px;color:#5b5e6c;margin-top:5px}.test-score-value{width:auto;height:28px;font-weight:500;font-size:20px;line-height:28px;text-align:center;color:#25272f}.test-score-divider{width:202px;height:0;border:1px solid #cccdd7}.test-score-breakdown{display:flex;flex-direction:column;align-items:center;padding:24px 40px;grid-gap:20px;gap:20px;flex:1 1;width:369px;background:#fff;border-radius:10px}.test-score-level-1,.test-score-level-2,.test-score-level-3,.test-score-total{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;grid-gap:20px;gap:20px;width:290px}.test-score-level-label,.test-score-level-value,.test-score-total-label,.test-score-total-value{font-weight:500;font-size:19px;line-height:28px;color:#25272f}.test-score-level-value,.test-score-total-value{text-align:center}.test-score-level-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:211px;height:46px}.test-score-level-title{width:122px;height:26px;font-weight:500;font-size:15px;line-height:26px;color:#5b5e6c}.test-score-level-points{width:122px;height:20px;font-weight:400;font-size:13px;line-height:20px;color:#9096a9}.test-score-level-score{width:65px;height:26px;font-weight:500;font-size:15px;line-height:26px;text-align:center;color:#5b5e6c;margin-top:10px}.test-score-actions{grid-gap:10px;gap:10px;width:340px;margin-top:auto;z-index:2}.test-score-actions,.test-score-button{display:flex;flex-direction:row;align-items:center;height:42px}.test-score-button{justify-content:center;padding:10px 20px;grid-gap:8px;gap:8px;width:165px;border-radius:28px;font-weight:500;font-size:15px;line-height:22px;text-align:center;cursor:pointer}.test-score-button-secondary{background:#fff;border:1px solid #cccdd7;color:#5b5e6c}.test-score-button-primary{background:#16a657;color:#fff;border:none}.notifications-page{min-height:100vh;background-color:#1a1c23;padding:0}.notifications-container{max-width:800px;margin:0 auto;padding:0 20px}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:24px}.back-button{background:transparent;border:none;color:#9096a9;cursor:pointer;display:flex;align-items:center;grid-gap:8px;gap:8px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;transition:color .2s ease}.back-button:hover{color:#fff}.notifications-title{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1;justify-content:center}.notifications-title h1{margin:0;font-family:Archivo,sans-serif;font-size:24px;font-weight:600;color:#fff}.notifications-count{background:#16a657;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;min-width:20px;text-align:center}.mark-all-read-button{background:rgba(22,166,87,.1);border:1px solid rgba(22,166,87,.3);border-radius:8px;padding:8px 12px;color:#16a657;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;grid-gap:6px;gap:6px}.mark-all-read-button:hover{background:rgba(22,166,87,.15);border-color:rgba(22,166,87,.5)}.notifications-content{padding-bottom:40px}.notification-group{margin-bottom:32px}.notification-group-title{font-family:Archivo,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.05)}.notification-group-items{display:flex;flex-direction:column;grid-gap:1px;gap:1px}.notification-item-full{background:hsla(0,0%,100%,.02);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.05);border-left:3px solid transparent}.notification-item-full:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.notification-item-full.unread{background:rgba(22,166,87,.05);border-color:rgba(22,166,87,.1)}.notification-item-full.unread:hover{background:rgba(22,166,87,.08);border-color:rgba(22,166,87,.2)}.notification-content-full{display:flex;grid-gap:16px;gap:16px;align-items:flex-start;position:relative}.notification-icon-wrapper-full{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.08)}.notification-text-full{flex:1 1;min-width:0}.notification-message-full{margin:0 0 6px;font-family:Archivo,sans-serif;font-size:15px;font-weight:500;line-height:1.4;color:#fff;word-wrap:break-word}.notification-time-full{font-family:Archivo,sans-serif;font-size:13px;color:#9096a9}.unread-indicator-full{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#16a657;border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}.no-notifications-full{text-align:center;padding:80px 20px;color:#9096a9}.no-notifications-full .no-notifications-icon{margin-bottom:24px;opacity:.5}.no-notifications-full h2{margin:0 0 8px;font-family:Archivo,sans-serif;font-size:20px;font-weight:600;color:#fff}.no-notifications-full p{margin:0;font-family:Archivo,sans-serif;font-size:14px;color:#9096a9}@media (max-width:768px){.notifications-container{padding:0 16px}.notifications-header{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.notifications-title{justify-content:flex-start}.mark-all-read-button{align-self:flex-end}.notification-item-full{padding:12px}.notification-content-full{grid-gap:12px;gap:12px}.notification-icon-wrapper-full{width:32px;height:32px}.notification-message-full{font-size:14px}}.main-container{width:100%;height:60px;background-color:#0f5831;border-bottom:1px solid #5b5e6c;padding:13px 56px;grid-gap:40px;gap:40px;justify-content:space-between}.logo-container,.main-container{display:flex;flex-direction:row;align-items:center}.logo-container{grid-gap:6px;gap:6px}.brain-logo{width:32px;height:32px}.brainlytic{width:112px;height:24px;margin-left:6px}.menu-item-container{display:flex;flex-direction:row;grid-gap:16px;gap:16px;flex:1 1;justify-content:center}.right-section-div{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center}.notification-div{width:30px;height:30px;background-color:#5b5e6c;border-radius:20px;padding:5px;position:relative;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-div:hover{background-color:#6b6e7c;-webkit-transform:scale(1.05);transform:scale(1.05)}.notification-inner-div{min-width:16px;height:16px;background-color:#16a657;border-radius:8px;border:2px solid #25272f;position:absolute;right:-2px;top:-2px;display:flex;align-items:center;justify-content:center;font-family:Archivo,sans-serif;font-size:10px;font-weight:600;color:#fff;line-height:1;padding:0 3px;z-index:1}.user-profile-div{display:flex;flex-direction:row;grid-gap:8px;gap:8px;align-items:center;cursor:pointer}.user-profile-pic{width:28px;height:28px;border-radius:50%}.user-name{font-family:Archivo,sans-serif;font-size:13px;font-weight:500;line-height:20px;color:#cccdd7}.down-arrow{width:14px;height:14px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.menu-item-div{display:flex;flex-direction:row;grid-gap:6px;gap:6px;padding:7px 10px;border-radius:6px;cursor:pointer;align-items:center;background-color:initial;transition:background-color .3s ease;cursor:pointer!important}.menu-item-div.active,.menu-item-div:hover{background-color:hsla(0,0%,100%,.14901960784313725)}.main-item-div.active span{color:#fff}.menu-item-div span{font-family:Archivo,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#cccdd7}.profile-container{width:244px;padding:8px;background:#fff;border:1px solid #e8e9f0;border-radius:10px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;float:right}.user-info{display:flex;grid-gap:10px;gap:10px;background:#e8e9f0;padding:6px 8px;border-radius:6px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.text-container{display:flex;flex-direction:column}.name{font-weight:500;font-size:14px;color:#25272f}.email,.name{font-family:"Archivo",sans-serif;line-height:20px}.email{font-weight:400;font-size:13px;color:#5b5e6c}.logout-button{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:7px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;width:100%}.logout-button:hover{background:rgba(0,0,0,.05)}.logout-button img{width:18px;height:18px}.logout-button span{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#5b5e6c}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}.notification-panel{position:fixed;top:60px;right:12px;width:380px;max-height:500px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;z-index:1000;-webkit-transform:translateX(100%) scale(.95);transform:translateX(100%) scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.notification-panel.open{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.notification-title{display:flex;align-items:center;grid-gap:8px;gap:8px}.notification-title h3{margin:0;font-family:Archivo,sans-serif;font-size:18px;font-weight:600;color:#fff}.notification-badge{background:#16a657;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.notification-actions{display:flex;grid-gap:8px;gap:8px;align-items:center}.close-btn,.mark-all-read-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:8px;padding:8px;cursor:pointer;color:#9096a9;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover,.mark-all-read-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.notification-list{max-height:360px;overflow-y:auto;padding:8px 0}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.notification-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.notification-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.notification-item{padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative}.notification-item:hover{background:hsla(0,0%,100%,.05)}.notification-item.unread{background:rgba(22,166,87,.08);border-left-color:#16a657}.notification-item.unread:hover{background:rgba(22,166,87,.12)}.notification-content{display:flex;grid-gap:12px;gap:12px;align-items:flex-start;position:relative}.notification-icon-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1)}.notification-icon{color:#16a657}.notification-icon.test{color:#3b82f6}.notification-icon.new{color:#16a657}.notification-icon.reminder{color:#f59e0b}.notification-icon.achievement{color:#8b5cf6}.notification-icon.report{color:#06b6d4}.notification-text{flex:1 1;min-width:0}.notification-message{margin:0 0 4px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:#fff;word-wrap:break-word}.notification-time{font-family:Archivo,sans-serif;font-size:12px;color:#9096a9}.unread-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#16a657;border-radius:50%;border:1px solid hsla(0,0%,100%,.1)}.no-notifications{padding:40px 20px;text-align:center}.no-notifications-content{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px}.no-notifications-icon{font-size:32px;opacity:.5;margin-bottom:8px}.no-notifications p{margin:0;font-family:Archivo,sans-serif;font-size:16px;font-weight:500;color:#fff}.no-notifications span{font-family:Archivo,sans-serif;font-size:14px;color:#9096a9}.notification-footer{padding:16px 20px;border-top:1px solid hsla(0,0%,100%,.1)}.view-all-btn{width:100%;background:rgba(22,166,87,.1);border:1px solid rgba(22,166,87,.3);border-radius:8px;padding:10px 16px;color:#16a657;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:rgba(22,166,87,.15);border-color:rgba(22,166,87,.5)}@-webkit-keyframes slideInNotification{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInNotification{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes bounceIn{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes bounceIn{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.notification-item.new-notification{-webkit-animation:slideInNotification .4s cubic-bezier(.4,0,.2,1);animation:slideInNotification .4s cubic-bezier(.4,0,.2,1)}.notification-panel.open{-webkit-animation:bounceIn .4s cubic-bezier(.68,-.55,.265,1.55);animation:bounceIn .4s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width:480px){.notification-panel{right:8px;left:8px;width:auto;max-height:60vh}.notification-header{padding:16px}.notification-footer,.notification-item{padding:12px 16px}}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) or (-webkit-backdrop-filter:blur(20px)){.notification-panel{background:rgba(37,39,47,.8)}}@supports not (((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) or (-webkit-backdrop-filter:blur(20px))){.notification-panel{background:rgba(37,39,47,.95)}}
/*# sourceMappingURL=main.bd1801a8.chunk.css.map */