.my-account-section .header .verified-badge p,.my-account-section .text-wrapper p,.my-account-section .verify-now-btn{font-weight:600;letter-spacing:0;text-align:center;vertical-align:middle}:root{--bg-input:#F5F5F5;--border-color:#898989;--text-label:#2C2C2C;--text-input:#616161;--border-radius:8px}.my-account-page{padding:16px;display:flex;flex-direction:row;justify-content:center;height:calc(100vh - 64px);overflow-y:scroll;position:relative}.my-account-page .wrapper{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;align-self:center;justify-content:center}.my-account-nav .header-icon{width:32px;height:32px;cursor:pointer}@media(min-width:1024px){.my-account-page{height:calc(100vh - 90px)}.my-account-nav .header-icon{width:40px;height:40px}.my-account-page .wrapper{width:48vw;max-width:1024px;min-width:600px;height:100%;justify-content:center}}@media (min-width:1366px){.my-account-page{height:calc(100vh - 90px)}}.my-account-section{opacity:1;gap:16px;border-radius:13px;padding:20px;background-color:#fff;border:2px solid #ededed;flex-direction:column;justify-content:center;align-items:center;margin-top:24px;display:none}.my-account-page .otp-section.show,.my-account-section .header.verified .verified-badge,.my-account-section.show{display:flex}.my-account-section .header{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;border-bottom:3px solid #ececec;padding:0 0 16px}.create-new-password-section,.my-account-section .header.verified .text-wrapper,.my-account-section .header.verified .verify-now-btn,.password-input-group #error-msg,.password-toggle-btn .eye-closed,.password-toggle-btn.is-visible .eye-open,.phone-input-group #change-phone-error-msg,.phone-input-group #error-msg,.verify-phone-number-modal-wrap .iti__selected-dial-code{display:none}.my-account-section .header .verified-badge{display:none;flex-direction:row;align-items:center;gap:8px;opacity:1;padding:8px 24px;border-radius:200px;border:2px solid #ececec}.my-account-section .verified-badge .verified-icon{width:24px;height:24px}.my-account-section .header .verified-badge p{font-size:16px;line-height:24px;color:#2196f3}.my-account-section .body{width:100%}.my-account-section .verify-now-btn{opacity:1;gap:8px;border-radius:200px;padding:12px 32px;background-color:#6f42c1;font-size:18px;line-height:100%;color:#fff}.my-account-section .text-wrapper{width:100%;display:flex;flex-direction:row;gap:8px;align-items:start;justify-content:center}.my-account-section .text-wrapper p{font-size:16px;line-height:25px;color:#545454}.my-account-section .text-wrapper .alert-icon{width:20px;height:20px}.change-password-btn,.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-primary{line-height:100%;width:-webkit-fit-content;letter-spacing:0;vertical-align:middle;font-weight:600;text-align:center}.change-password-form,.profile-form{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem 2rem;gap:1.5rem 2rem;border-bottom:3px solid #ececec;padding:0 0 16px}.change-password-form{padding:16px 0 0;border:none}.profile-form select:disabled{opacity:1;background-image:none;-webkit-appearance:none;appearance:none;cursor:inherit}.form-group{display:flex;flex-direction:column;gap:.5rem}.name-group,.password-group,.school-group,.username-group{grid-column:span 2}.class-group,.level-group{grid-column:span 1}.my-account-page>label{font-weight:600;color:#2c2c2c;color:var(--text-label);font-size:1rem}.change-password-modal input[type=text],.my-account-page input[type=password],.my-account-page input[type=text],.my-account-page select,.verify-phone-number-modal-wrap input[type=password]{width:100%;min-height:52px;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#616161;color:var(--text-input);background-color:#f5f5f5;background-color:var(--bg-input);border:1px solid #898989;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);outline:0;font-family:inherit;transition:border-color .2s,box-shadow .2s}.my-account-page input[type=text]:focus,.my-account-page select:focus{border-color:#555;box-shadow:0 0 0 2px rgba(85,85,85,.1)}select{-webkit-appearance:none;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='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem;cursor:pointer}.change-password-btn{opacity:1;gap:16px;border-radius:200px;padding:18px 24px;font-size:16px;border:2px solid #ececec;color:#6f42c1;background-color:transparent;width:fit-content;grid-column:span 2;align-self:end}.change-password-btn:disabled{background-color:#ececec;color:#d9d9d9;border:none}@media (max-width:640px){.change-password-form,.profile-form{grid-template-columns:1fr;gap:1.25rem}.class-group,.level-group,.name-group,.password-group,.school-group,.username-group{grid-column:span 1}.change-password-btn{grid-column:span 1;margin:auto;font-size:14px}}.change-password-action{display:flex;flex-direction:row;align-items:center;gap:1rem}.verify-phone-number-modal-wrap{padding:0;background-color:#fff;border-radius:12px}.verify-phone-number-modal-wrap .verify-phone-number-header{padding:18px 20px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#6f42c1;font-weight:600;font-size:22px;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;color:#fff}.verify-phone-number-modal-wrap .change-password-body,.verify-phone-number-modal-wrap .verify-phone-number-body{background-color:#f5f5f5;padding:18px 20px}.change-password-body{display:flex;flex-direction:column;gap:.75rem}.verify-phone-number-modal-wrap .verify-phone-number-footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:1rem}.verify-phone-number-modal-wrap .verify-change-password-footer{display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:12px}.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-primary{gap:8px;border-radius:13px;padding:12px 48px;background-color:#6f42c1;box-shadow:0 -3px 0 0 #00000040 inset;font-size:18px;color:#fff;border:none;width:fit-content}.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-primary:disabled{background-color:#ececec;box-shadow:0 -3px 0 0 #00000040 inset;color:#d9d9d9}.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-secondary{font-weight:600;font-size:18px;line-height:24px;letter-spacing:0;text-align:center;vertical-align:middle;color:#2c2c2c;background-color:transparent;border:none;box-shadow:none}.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-third{border-radius:200px;padding:12px 32px;gap:8px;border:2px solid #ececec;font-weight:600;font-size:18px;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:capitalize;color:#161616;background-color:transparent}.password-input-group,.phone-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.password-label,.phone-label{font-weight:600;font-size:18px;color:#333}.phone-wrapper{width:100%;position:relative}.password-wrapper .password-field{padding-right:52px}.password-toggle-btn{position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:none;background:0 0;color:#666;width:28px!important;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.password-toggle-btn .eye-icon{all:unset;display:inline-flex;align-items:center;justify-content:center}.password-toggle-btn.is-visible .eye-closed{display:inline-flex}.verify-phone-number-modal-wrap .iti{width:100%;display:block}.verify-phone-number-modal-wrap #change-phone-number-input,.verify-phone-number-modal-wrap #phone{width:100%;height:52px;padding:12px 18px 12px 124px;border:1px solid #c2c2c2;border-radius:16px;background-color:#efefef;font-size:20px;font-weight:600;line-height:1;color:#2c2c2c;box-sizing:border-box;transition:.2s}.verify-phone-number-modal-wrap.dial-code-len-1 #change-phone-number-input,.verify-phone-number-modal-wrap.dial-code-len-1 #phone{padding-left:112px}.verify-phone-number-modal-wrap.dial-code-len-2 #change-phone-number-input,.verify-phone-number-modal-wrap.dial-code-len-2 #phone{padding-left:124px}.verify-phone-number-modal-wrap.dial-code-len-3 #change-phone-number-input,.verify-phone-number-modal-wrap.dial-code-len-3 #phone{padding-left:136px}.verify-phone-number-modal-wrap .phone-code-prefix{position:absolute;top:50%;left:84px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#c2c2c2;font-size:20px;font-weight:500;line-height:1;pointer-events:none;z-index:2}.verify-phone-number-modal-wrap #change-phone-number-input:focus,.verify-phone-number-modal-wrap #change-phone-username-input:focus,.verify-phone-number-modal-wrap #forgot-pass-username-input:focus,.verify-phone-number-modal-wrap #phone:focus{outline:0;border-color:#9f81d6;box-shadow:0 0 0 3px rgba(111,66,193,.1)}.verify-phone-number-modal-wrap #change-phone-number-input::-webkit-input-placeholder,.verify-phone-number-modal-wrap #phone::-webkit-input-placeholder{color:#c2c2c2;font-weight:500}.verify-phone-number-modal-wrap #change-phone-number-input::placeholder,.verify-phone-number-modal-wrap #phone::placeholder{color:#c2c2c2;font-weight:500}.verify-phone-number-modal-wrap #change-phone-number-input.error,.verify-phone-number-modal-wrap #phone.error{border-color:#f15858}.verify-phone-number-modal-wrap .iti__flag-container{position:absolute;background-color:#fff;border-top-left-radius:14px;border-bottom-left-radius:14px;border-right:2px solid #9f81d6}.verify-phone-number-modal-wrap .iti__selected-flag:hover{background-color:#f5f5f5;border-top-left-radius:14px;border-bottom-left-radius:14px}.verify-phone-number-modal-wrap .iti__arrow{border-top-color:#666}.verify-phone-number-modal-wrap .iti__selected-flag{padding:0 20px;height:100%;border-top-left-radius:16px!important;border-bottom-left-radius:16px!important;background-color:#fff!important;border:1px solid #c2c2c2!important}#change-phone-number-input,#change-phone-username-input,#forgot-pass-username-input{height:52px;border-radius:8px;background-color:#f5f5f5;font-size:20px;line-height:100%;color:#2c2c2c;font-weight:500;width:100%;letter-spacing:0;vertical-align:middle}.verify-phone-number-modal-wrap .iti__flag-container{top:0!important;bottom:0!important;left:0!important}@media (min-width:1024px){.iti__country-list{max-width:400px}}.password-input-group:has(input.error) #error-msg,.phone-input-group:has(input.error) #change-phone-error-msg,.phone-input-group:has(input.error) #error-msg{font-weight:600;font-size:12px;line-height:135%;letter-spacing:0;color:#f57e77;display:block;text-align:left}#change-phone-username-input,#forgot-pass-username-input{padding:11px 12px;border:1px solid #898989}#change-phone-username-input::-webkit-input-placeholder,#forgot-pass-username-input::-webkit-input-placeholder{color:#898989;font-weight:500}#change-phone-username-input::placeholder,#forgot-pass-username-input::placeholder{color:#898989;font-weight:500}#change-phone-number-input:focus,#change-phone-username-input:focus,#forgot-pass-username-input:focus{color:#2c2c2c}#change-phone-number-input{padding:11px 12px 11px 72px;border:1px solid #898989}#change-phone-number-input::-webkit-input-placeholder{color:#898989;font-weight:500}#change-phone-number-input::placeholder{color:#898989;font-weight:500}.my-account-page .otp-section{display:none;padding:40px 20px;border-radius:8px;flex-direction:column;gap:16px;justify-content:center;align-items:center;border:2px solid #ededed;background-color:#fff}.my-account-page .otp-section .header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.my-account-page .otp-section h2{font-weight:700;font-size:32px;line-height:120%;text-align:center;vertical-align:middle;color:#525252}.my-account-page .otp-section .header p{font-weight:500;font-size:16px;line-height:120%;letter-spacing:0;text-align:center;vertical-align:middle;color:#525252}.my-account-page .otp-section .header span#phone-number{font-weight:600;font-size:16px;line-height:22px;letter-spacing:-.5px;text-align:center;vertical-align:middle;color:#6f42c1}.my-account-page .otp-section .otp-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.my-account-page .otp-section .otp-wrapper.error #otp-msg{color:#f57e77;font-weight:600;font-size:12px;line-height:150%;letter-spacing:0;text-align:center}.my-account-page .otp-section .otp-inputs{width:100%;display:grid;grid-template-columns:repeat(6,minmax(56px,1fr));grid-gap:14px;gap:14px;max-width:760px}.my-account-page .otp-section .otp-inputs input{text-align:center;border:1px solid #5e6366;border-radius:12px;background-color:#fff;color:#5e6366;font-size:48px;font-weight:700;line-height:1;padding:0;min-height:auto;aspect-ratio:52/64}.my-account-page .otp-section .otp-wrapper.error .otp-inputs input{border:1px solid #f15858;color:#f15858}.my-account-page .otp-section .otp-inputs input:focus{outline:0;border-color:#8e3ec9;box-shadow:0 0 0 2px rgba(111,66,193,.14)}.my-account-page .otp-section .otp-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.my-account-page .otp-section .otp-actions p{font-weight:500;font-size:14px;line-height:22px;letter-spacing:0;color:#525252}.my-account-page .otp-section .otp-link{border:none;background:0 0;color:#6f42c1;text-decoration:underline;font-weight:600;cursor:pointer;font-size:inherit}.my-account-page .otp-section .resend-btn{border:none;background:0 0;color:#cfc0ea;font-size:14px;font-weight:600;line-height:1.2}.my-account-page .otp-section .resend-btn:not(:disabled){color:#6f42c1;cursor:pointer;font-weight:600;font-size:14px;line-height:22px;letter-spacing:0}.my-account-page .otp-section .resend-timer{color:#909090;font-size:14px;font-weight:600;line-height:1}.toast-notification{position:fixed;top:-100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;background:#fff;border-radius:6px;box-shadow:0 4px 24px rgba(0,0,0,.12);display:flex;align-items:center;padding:16px;gap:16px;z-index:9999;transition:.4s cubic-bezier(.68,-.55,.265,1.55);width:-webkit-max-content;width:max-content;max-width:90vw}.toast-notification.show{top:96px;opacity:1;visibility:visible}@media (max-width:1023px){.toast-notification.show{top:72px}}.toast-notification .toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification p{font-weight:600;font-size:16px;line-height:24px;letter-spacing:0;vertical-align:middle;color:#404040;margin:0;text-align:left}.toast-notification .toast-close{background:0 0;border:none;cursor:pointer;padding:0;margin-left:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;outline:0}.phone-wrapper input[type=password]{top:initial}.password-requirements{display:flex;flex-direction:column;gap:8px;align-items:start}.password-requirement-item{display:inline-flex;align-items:center;gap:4px}#confirm-pass-msg,#current-pass-msg,#new-pass-msg{min-height:18px;font-size:12px;font-weight:600;line-height:1.4}#confirm-pass-msg.is-error,#current-pass-msg.is-error,#new-pass-msg.is-error{color:#f57e77}#confirm-pass-msg.is-success,#current-pass-msg.is-success,#new-pass-msg.is-success{color:#58cc05}@media (min-width:1280px) and (max-height:633px){.verify-phone-number-footer{padding:8px!important;gap:4px!important}.change-password-body{gap:4px;padding:8px 16px!important}.verify-phone-number-modal-wrap .verify-phone-number-header{font-size:18px}.password-label,.phone-label{font-size:16px}}.warning-modal.verify-phone-number-modal-content{max-height:100dvh}.forgot-card .verify-phone-number-body{display:flex;flex-direction:column;gap:8px}.create-new-password-section.show{display:block}@media (max-width:767px){.my-account-section .header .verified-badge p,.toast-notification p{font-size:14px}.my-account-section{margin:0}.password-toggle-btn .eye-icon svg{width:20px;height:20px}.verify-phone-number-modal-wrap #phone{height:52px;padding-left:126px}.verify-phone-number-modal-wrap .phone-code-prefix{left:84px;font-size:18px}.my-account-page .otp-section{padding:24px 16px}.my-account-page .otp-section h2{font-size:20px}.my-account-page .otp-section .otp-actions p{text-align:center}.my-account-page .otp-section .otp-inputs{grid-template-columns:repeat(6,minmax(10vw,1fr));gap:8px}.my-account-page .otp-section .otp-inputs input{font-size:24px;border-radius:12px}.toast-notification{padding:14px 16px;gap:12px}.my-account-page{height:100%;min-height:calc(100dvh - 64px)}.verify-phone-number-modal-wrap .verify-phone-number-header{font-size:18px;line-height:24px}#change-phone-username-input,#forgot-pass-username-input,.password-label,.phone-label,.verify-phone-number-modal-wrap #change-phone-number-input,.verify-phone-number-modal-wrap #phone,.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-secondary{font-size:16px}.verify-phone-number-modal-wrap .verify-phone-number-footer .btn-primary{font-size:16px;padding:10px 40px}}#confirmNewPassword.is-error,#currentPassword.is-error,#newPassword.is-error{border:2px solid #f57e77}