.login-container{display:flex;justify-content:center;align-items:center;border-radius:15px;height:calc(100vh - 80px);background:linear-gradient(180deg,#8685a300,#70c7ec)}body.dark .login-container{background:linear-gradient(180deg,#0d1026,#232158)}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.google_btn{padding:8px 20px;background-color:#ffffff80;border-radius:50px;display:flex;gap:10px;align-items:center;justify-content:center;color:#0b3445;border:1px solid #fff;margin:20px auto 0;transition:all .5s;box-shadow:0 5px 0 #3ab2e4}body.dark .google_btn{background-color:#fff}.google_btn:hover{transform:translateY(3px);box-shadow:0 1px 0 #3ab2e4}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.goto_register_block{margin-top:10px;text-align:center}body.dark .goto_register{color:#fff}.goto_register{font-weight:600;text-decoration:unset;color:#000;margin:10px 0}.login_wrapper{position:relative;max-width:500px;width:100%}.form_divider_block{width:100%}.form_divider_block::-webkit-scrollbar,body.dark .form_divider_block::-webkit-scrollbar{width:0}.login_wrapper.register_wrapper{max-width:650px}body.dark .login_card{color:#fff}.login_card{display:flex;flex-direction:column;justify-content:center;padding:40px;background:rgba(255,255,255,6%);height:100%;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#232158;border-radius:40px;width:100%}.login_card h2{font-weight:600;font-size:45px;width:-moz-fit-content;width:fit-content;line-height:1.4;margin:0 auto 20px;color:#79caec;background-image:linear-gradient(180deg,#74c5e8 35%,#29abe1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .login_card h2{background-image:linear-gradient(180deg,#ffffff 35%,#29abe1)}.otp_block input{padding-right:85px!important}.form-group label{text-align:left;display:block;margin-bottom:5px;padding-left:20px}body.dark .form-group input{color:#fff;background-color:rgba(255,255,255,.1)}body.dark .form-group input::placeholder{color:#ffffff5e}.form-group input{width:100%;padding:15px 20px;border:unset;outline:unset;color:#000;background-color:rgba(255,255,255,.401);border-radius:30px;font-size:15px}.form-group input::placeholder{color:#000000}.password_wraper{position:relative}.password_wraper input{padding-right:60px}.eyebtn{position:absolute;right:20px;top:50%;transform:translateY(-50%);border:unset;background-color:transparent;padding:5px;color:#000}body.dark .eyebtn{color:#fff}.login_button{padding:10px;border-radius:30px;border:unset;margin-top:20px;transition:all .5s;display:flex;text-decoration:unset;font-weight:600;text-transform:uppercase;align-items:center;justify-content:center;width:100%;color:#fff;font-size:20px;background-size:600% 10%;background-image:linear-gradient(90deg,#25aae1,#ffffff,#00BCD4,#25aae1)}.login_button:disabled{cursor:not-allowed;background:#72adc9}.login_button:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.shap{position:absolute;width:200px;animation:bounce 2s ease-in-out infinite}.shap img{width:100%;height:100%}.shap1{top:-80px;right:-100px;animation-delay:0s}.shap2{bottom:-100px;left:-130px;animation-delay:.5s}.shap3{right:-120px;bottom:-100px;animation-delay:1s}.register_wrapper .shap1{right:-80px;top:-40px}.register_wrapper .shap2{left:-130px;top:30%;bottom:unset}.register_wrapper .shap3{right:-120px;bottom:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.otpbtn{border-radius:50px;position:absolute;width:70px;height:45px;color:#fff;border:unset;font-size:13px;display:flex;align-items:center;transition:all .5s;justify-content:center;right:4px;top:50%;line-height:1.1;background-color:#4bb9e6;transform:translateY(-50%)}.otpbtn:hover{background-color:#3095bd!important}body.dark .otpbtn{background-color:#4bb9e6;color:#fff}.form_divider{gap:10px;display:flex;margin-bottom:10px}.form_divider .form-group{width:100%}@media(max-width:1360px){.shap{width:140px}.shap1{right:-40px;top:-30px}.shap3{right:-40px;bottom:-56px}.shap2{bottom:-50px;left:-80px}.register_wrapper .shap1{right:-50px;top:-10px}.register_wrapper .shap2{left:-90px}.register_wrapper .shap3{right:-70px}.login_button{font-size:16px;margin-top:20px}.login_card h2{font-size:40px}.form-group input{padding:10px 20px}}@media(max-width:991px){.login-container{height:calc(100vh - 40px)}}@media(max-width:767px){.register_wrapper .shap{display:none}.login_card{padding:20px}.login_wrapper.register_wrapper{max-width:90%}}@media(max-width:575px){.form_divider_block{max-height:calc(100vh - 340px);overflow:auto}.otpbtn{height:25px;right:2px;width:-moz-fit-content;width:fit-content;font-size:10px}.otp_block input{padding-right:56px!important}.shap{width:100px}.shap1{right:0;top:-40px}.shap2{display:none}.shap3{right:unset;left:0;bottom:-70px}.login-container{height:calc(100vh - 80px)}.login_card{padding:20px 20px 30px;border-radius:20px}.login_card h2{font-size:22px;margin-bottom:15px}.login_button{margin-top:10px;font-size:14px;padding:5px}.login_wrapper{max-width:90%}.form-group input{padding:5px 15px;font-size:12px}.password_wraper input{padding-right:35px}.form-group label{font-size:13px;padding-left:15px;margin-bottom:3px}.form_divider{max-height:350px;flex-wrap:wrap;overflow:auto}.form_divider:last-child{margin-bottom:0}.google_btn svg{width:20px}.google_btn{margin-top:10px;padding:3px 12px}.google_btn,.goto_register_block{font-size:12px}.eyebtn svg{width:12px}.eyebtn{font-size:10px;right:8px;padding:0 5px}}