.login-main-container{background:linear-gradient(270deg,#2c3268,#080b25);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-center-container{z-index:9999;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;width:500px;max-width:90%;min-height:500px;margin:0 auto;padding:32px 32px 32px 22px;display:flex;position:relative;box-shadow:0 4px 8px #0000001a}.login-text{letter-spacing:.032px;margin-bottom:12px;margin-left:8px;font-size:36px;font-weight:700;line-height:40px}.login-form{flex-direction:column;gap:40px;width:100%;display:flex}.login-form .with-label-input-field{width:110%}.login-input-field{box-sizing:border-box;height:40px;padding:10px}.login-input-fields{box-sizing:border-box;width:100%;height:40px;padding:10px 40px 10px 10px}.login-label{margin-bottom:5px;font-size:14px;display:block}.login-input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px}.ImageDiv{justify-content:center;margin:15px 10px;display:flex}.password-container{flex-direction:column;align-items:flex-start;margin-top:10px;display:flex}.password-input{width:100%}.password-toggle{cursor:pointer;z-index:1;background:0 0;border:none;margin-right:5px;position:absolute;top:145%;right:10px;transform:translateY(-50%)}.password-toggle img{width:24px;height:24px}.login-btn{width:98%;margin-left:10px}.input-error .with-label-input-field{border:1px solid red;padding-top:3px}.login-checkbox-container{align-items:center;margin-top:59px;margin-left:12px;display:flex}.login-checkbox-container input{cursor:pointer;margin-right:8px}.login-checkbox-container label{color:#333;font-size:14px}.area{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.circles li{background:#d6d6d667;width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}.circles li:first-child{width:80px;height:80px;animation-delay:0s;left:25%}.circles li:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:10%}.circles li:nth-child(3){width:20px;height:20px;animation-delay:4s;left:70%}.circles li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}.circles li:nth-child(5){width:20px;height:20px;animation-delay:0s;left:65%}.circles li:nth-child(6){width:110px;height:110px;animation-delay:3s;left:75%}.circles li:nth-child(7){width:150px;height:150px;animation-delay:7s;left:35%}.circles li:nth-child(8){width:25px;height:25px;animation-duration:45s;animation-delay:15s;left:50%}.circles li:nth-child(9){width:15px;height:15px;animation-duration:35s;animation-delay:2s;left:20%}.circles li:nth-child(10){width:150px;height:150px;animation-duration:11s;animation-delay:0s;left:85%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}.reset-password-link{text-align:left;margin-top:-10px;margin-bottom:20px}.reset-password-btn{color:#4a90e2;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline;transition:color .3s}.reset-password-btn:hover{color:#357abd}.modal-overlay{z-index:10000;background-color:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:90vh;padding:30px;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:28px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.modal-close:hover{color:#333;background-color:#f0f0f0}.modal-step{flex-direction:column;gap:20px;display:flex}.modal-title{color:#333;text-align:center;margin:0;font-size:24px;font-weight:600}.modal-subtitle{color:#666;text-align:center;margin:-10px 0 0;font-size:14px}.otp-method-selector{justify-content:center;gap:15px;margin:10px 0;display:flex}.radio-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:flex}.radio-option:hover{background-color:#f5f9ff;border-color:#4a90e2}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px}.radio-option input[type=radio]:checked+span{color:#4a90e2;font-weight:600}.radio-option span{color:#333;font-size:14px}.input-group{flex-direction:column;gap:5px;display:flex}.password-show-checkbox{align-items:center;gap:8px;margin-top:8px;margin-left:4px;display:flex}.password-show-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.password-show-checkbox label{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.toast-notification{z-index:10001;background:#fff;border-radius:8px;min-width:300px;max-width:400px;padding:16px 20px;animation:.3s slideInRight,.3s 2.7s fadeOut;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.toast-notification.success{border-left:4px solid #4caf50}.toast-notification.error{border-left:4px solid #f44336}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.toast-notification.success .toast-icon{color:#fff;background-color:#4caf50}.toast-notification.error .toast-icon{color:#fff;background-color:#f44336}.toast-message{color:#333;font-size:14px;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.back-btn{color:#666;cursor:pointer;text-align:center;background:0 0;border:none;padding:10px;font-size:14px;text-decoration:underline;transition:color .3s}.back-btn:hover{color:#333}@media (max-width:600px){.modal-content{width:95%;padding:20px}.modal-title{font-size:20px}.otp-method-selector{flex-direction:column}.radio-option{width:100%}}.password-wrapper{position:relative}.eye-icon{cursor:pointer;font-size:20px;position:absolute;bottom:12px;right:10px}