.modal-overlay{position:fixed;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;top:calc(50vh - 320px);left:calc(50vw - 640px);right:0;bottom:0;background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;margin:0 auto}@media(max-width:768px){.modal-overlay{padding:0;min-height:100vh;top:30px;left:0;background-color:rgba(0,0,0,0);align-items:flex-start;justify-content:flex-start}}.close-button-box{position:absolute;top:0;right:0;z-index:51}.close-button{display:flex;flex-direction:row;align-items:center;padding:8px;gap:10px;position:relative;width:31px;height:31px;right:30;top:24;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:none;border:.8px solid rgba(0,0,0,0);border-radius:50%;background-origin:border-box;background-clip:padding-box,border-box;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,hsla(57,87%,61%,.2),#f2ea47) border-box;cursor:pointer;color:#f2ea47;font-size:1.25rem;line-height:1;flex:none;order:1;flex-grow:0;z-index:1}.close-button:hover{color:#b1d0e0}.modal-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:1280px;height:640px;background-color:#0f1921;border-radius:16px;position:relative;flex:none;order:0;flex-grow:1;z-index:0;box-shadow:4px 4px 20px 0 rgba(177,208,224,.1490196078);margin:auto;max-width:90vw;max-height:90vh}@media(max-width:1280px){.modal-content{width:100%;height:auto;min-height:640px}}@media(max-width:768px){.modal-content{flex-direction:column;width:95vw;height:-moz-fit-content;height:fit-content;min-width:unset;min-height:unset;border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25),0 1.5px 8px 0 #b1d0e0;max-width:98vw;max-height:98vh;margin:0 auto;background:#0f1921;position:relative;top:0;left:0;transform:none;overflow:hidden}}.modal-content .modal-left{width:53%;height:100%;background-color:#f3f4f6;border-radius:16px 0 0 16px;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:768px){.modal-content .modal-left{display:none!important}}.modal-content .modal-left .image-container{width:100%;height:100%;background-image:url(/login_background_image.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}.modal-content .modal-right{width:575px;height:100%;padding:3rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.modal-content .modal-right{width:100vw;min-width:unset;height:auto;padding:2rem;border-radius:0;justify-content:flex-start}}.modal-content .modal-right .modal-title{font-family:Saira Stencil One,sans-serif;font-style:normal;font-weight:400;font-size:32px;line-height:36px;display:flex;align-items:center;color:#6998ab;margin-bottom:16px}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:415px;height:44px}@media(max-width:768px){.modal-content .modal-header{width:100%;min-width:unset;margin-bottom:1rem}}.modal-content .modal-header h2{font-family:sohne,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#b1d0e0}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{display:block;color:#6998ab;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.modal-content .form-group .input-wrapper{display:flex;flex-direction:column;padding:16px;gap:2px;width:400px;border:1px solid #6998ab;border-radius:8px}@media(max-width:768px){.modal-content .form-group .input-wrapper{width:100%;min-width:unset;padding:12px}}.modal-content .form-group .input-wrapper .toggle-div{display:flex;gap:12px;align-items:center}.modal-content .form-group .input-wrapper .helper-text{font-family:sohne,sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:18px;color:#b1d0e0;display:flex;justify-content:space-between;align-items:center;width:100%}.modal-content .form-group .input-wrapper .helper-text .edit-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-content .form-group .input-wrapper .helper-text .edit-button img{width:16px;height:16px}.modal-content .form-group .input-wrapper .helper-text .edit-button:hover{opacity:.8}.modal-content .form-group .input-wrapper input{width:100%;border:none;background:none;font-size:1rem;color:#b1d0e0;padding:0}.modal-content .form-group .input-wrapper input:disabled{opacity:.7;color:#6998ab;font-size:18px;cursor:not-allowed}.modal-content .form-group .input-wrapper input::placeholder{color:rgba(177,208,224,.5)}.modal-content .form-group .input-wrapper input:focus{outline:none}.modal-content .input-wrapper-otp{display:flex;flex-direction:column;padding:0;width:415px;height:auto;border:none;margin-bottom:1.5rem}@media(max-width:768px){.modal-content .input-wrapper-otp{width:100%;min-width:unset}}.modal-content .input-wrapper-otp .otp-input-container{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;width:80%}.modal-content .input-wrapper-otp .otp-input-container .otp-input-line-wrapper{flex:1 1;border-bottom:1px solid #f2ea47;padding-bottom:0;display:flex;align-items:center;width:100%}.modal-content .input-wrapper-otp .otp-input-container .otp-input-field{width:100%;border:none;background:none;font-size:1.5rem;color:#fff;padding:0;text-align:left;letter-spacing:.8em;outline:none}.modal-content .input-wrapper-otp .otp-input-container .otp-input-field:disabled{opacity:.7;cursor:not-allowed}.modal-content .input-wrapper-otp .otp-input-container .otp-input-field::placeholder{color:hsla(0,0%,100%,.5);font-family:Geist Mono,monospace}@media(max-width:768px){.modal-content .input-wrapper-otp .otp-input-container .otp-input-field{font-size:1.25rem;letter-spacing:10px}}.modal-content .input-wrapper-otp .otp-input-container .send-again-button{display:flex;justify-content:center;align-items:center;color:#f2ea47;gap:12px;cursor:pointer;font-size:1rem;background:none;border:none}.modal-content .input-wrapper-otp .otp-input-container .send-again-button:hover{opacity:.8}.modal-content .input-wrapper-otp .helper-text{font-family:sohne,sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:18px;color:#b1d0e0;align-items:center;width:100%}.modal-content .submit-button{width:100%;background-color:#b1d0e0;color:#0f1921;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.modal-content .submit-button:hover{background-color:#8fb8d0;transform:translateY(-1px)}.modal-content .submit-button:active{transform:translateY(0)}.modal-content .toggle-form{margin-top:1.5rem;text-align:center}.modal-content .toggle-form button{color:#b1d0e0;background:none;border:none;cursor:pointer;padding:.5rem;font-size:.875rem;transition:color .2s ease}.modal-content .toggle-form button:hover{color:#8fb8d0;text-decoration:underline}.modal-content .progress-bar{margin-bottom:40px;height:4px;border-radius:2px;overflow:hidden;background-color:#334155}.modal-content .progress-bar .progress{height:100%;background-color:#f2ea47;transition:width .4s ease}