:root{--primary-color: #E7F2DC;--secondary-color: #8FBBAC;--darkgreen-color: #36848E;--disabled-color: hsl(0, 0%, 89%);--dark-gray-color: #adadad;--extra-light-gray-color: #f4f4f4;--dark-gray-hover-color: #969696;--gray-color: #b8b3b3;--hoverdarkgreen-color: #285D64;--blackinput-color: #121212;--soft-black-color: rgb(108, 108, 108);--font-main: "Inter", sans-serif;--border-radius: 12px;--error-color: #d32f2f;--error-fill-color: #CC7E7E;--error-fill-hover-color: #a85959}html,body,#root{margin:0;padding:0;overflow-x:hidden;height:100vh}body{overflow-y:auto}.main-box{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.content-box1{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);width:100%;flex-direction:column}.content-box2{background-color:#fff;width:50%;max-height:90vh;border-radius:12px;padding:2rem 4rem;display:flex;flex-direction:column;overflow-y:auto}.title{color:var(--darkgreen-color);font-weight:700!important;font-size:1.5rem!important}.form-container{padding-top:1rem;display:flex;flex-direction:column;width:60%}.no-account-section{display:flex;align-items:center;gap:.5rem}.divider-flex{flex:1}.no-wrap-text{white-space:nowrap;font-size:.95rem}.no-wrap-text.noaccount{color:#000;font-weight:600;opacity:50%}.button-section{display:flex;align-items:center;justify-content:center;padding-top:5px}.custom-button{background:var(--secondary-color)!important;color:#fff!important;border-radius:8px;font-weight:600!important;padding-left:1rem;padding-right:1rem;transition:background .3s ease}.custom-button:hover{background:var(--darkgreen-color)}.custom-button.wide{padding-left:5rem;padding-right:5rem}.title-box{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.login-form{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.login-label{color:var(--blackinput-color);font-size:1.2rem;margin-bottom:.5rem;font-weight:700!important}.login-inner-box{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.forgot-password{text-decoration:underline;color:var(--darkgreen-color);margin-top:5px;cursor:pointer}.login-button-box{display:flex;width:100%;max-width:300px;margin:0 auto;align-items:center;justify-content:center;padding-top:2rem}.button-box{width:60%;max-width:350px}.button-box.register{width:60%}.recover-form-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.label-email{color:var(--blackinput-color);font-weight:700!important;font-size:1.2rem;margin-bottom:.5rem}.email-description{color:#121212;padding-bottom:1rem}.recover-buttons{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem}.verification-title-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.verification-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.code-description{color:#121212;padding-bottom:1rem}.code-inputs{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.resend-code{text-decoration:underline;color:var(--darkgreen-color);margin-top:5px;cursor:pointer}.resend-code:hover{color:var(--hoverdarkgreen-color)}.update-password-form{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.password-label-tooltip{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.password-label{color:var(--blackinput-color);font-weight:700!important;font-size:1.2rem;margin-bottom:.5rem}.tooltip-content{font-size:.9rem}.tooltip-content ul{padding-left:1.2rem;margin:0}.info-icon-button{padding-top:0!important}.info-icon{color:gray}.buttons-container{display:flex;align-items:center;justify-content:center;padding:1rem 0;gap:1rem}.success-message{color:var(--blackinput-color);font-weight:600;margin-bottom:1rem}@media (max-width: 600px){.button-section{flex-direction:column;gap:10px}.custom-button{padding-left:4rem!important;padding-right:4rem!important}.custom-button.wide{padding-left:4.5rem;padding-right:4.5rem}.no-wrap-text.or-option{display:none}.buttons-container{flex-direction:column}.button-box{width:100%}.content-box2{background-color:#fff;width:90%;max-width:500px;height:fit-content;overflow-y:auto;border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;box-sizing:border-box}}