@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(-45deg,#33b1ee,#7366ff,red);background-size:400% 400%;animation:gradient 3.5s ease infinite;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0 20px}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-container{display:flex;width:1000px;height:650px;border:3px solid rgba(255,255,255,.3);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.text-center{text-align:center!important}.col-1{display:flex;align-items:center;justify-content:center;flex-direction:column;width:55%;background:#ffffff4d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:0 30% 20% 0;transition:border-radius .3s}.logojata{display:none;justify-content:center}.footer-login{display:none;position:fixed;bottom:0;padding:0 4vw;margin-bottom:1rem}.image-layer{position:relative}.form-image-main{width:400px;animation:scale-up 2s ease-in-out alternate infinite}.form-image{position:absolute;left:0;width:400px}.coin,.spring{animation:scale-down 3s ease-in-out alternate infinite}.dots{animation:scale-up 3s ease-in-out alternate infinite}.rocket{animation:up-down 3s ease-in-out alternate infinite}.cloud{animation:left-right 3s ease-in-out alternate infinite}.stars{animation:scale-down 3s ease-in-out alternate infinite}@keyframes scale-down{to{transform:scale(.95)}}@keyframes scale-up{to{transform:scale(1.25)}}.featured-words{text-align:center;color:#fff;width:400px;font-size:11px}.featured-words span{font-weight:600;color:#21264d}.col-2{position:relative;width:45%;padding:20px;overflow:hidden}.btn-box{display:flex;justify-content:center;gap:10px;margin-top:20px}.btn{font-weight:500;padding:5px 20px;border:none;border-radius:30px;background:#fff3;color:#fff;box-shadow:0 5px 10px #0003;cursor:pointer;transition:.2s}.btn-1{background:#21264d}.btn:hover{opacity:.85}.login-form{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1vw;transition:.3s}.register-form{position:absolute;left:-50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1vw;transition:.3s;visibility:hidden}.register-form .form-title{margin-block:40px 20px}.form-title{margin:30px 0;color:#fff;font-size:28px;font-weight:600}.form-inputs{width:calc(100% - 20px);height:500px;overflow:auto;font-size:12}.input-box{position:relative}label{font-weight:700;color:#21264d}.input-field{width:100%;height:40px;padding:0 35px 0 15px;margin:2px 0 4px;color:#fff;background:#fff3;border:none;border-radius:10px;outline:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #0003}::placeholder{color:#fff;font-size:12}.input-box .icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#fff}input[type=checkbox]{accent-color:#21264d}.forgot-pass{display:flex;justify-content:center;gap:5px}.forgot-pass a{color:#fff;text-decoration:none;font-size:14px}.forgot-pass a:hover{text-decoration:underline}.input-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:55px;padding:0 15px;margin:10px 0;color:#fff;background:#21264d;border:none;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0,.2);cursor:pointer;transition:.3s}.input-submit:hover{gap:15px}.social-login{display:flex;gap:20px;margin-top:20px}.social-login i{display:flex;align-items:center;justify-content:center;height:40px;width:40px;color:#fff;background:#fff3;border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0,.2);transition:.2s}.social-login i:hover{transform:scale(.9)}@media (max-width: 892px){.form-container{width:400px;height:800px;border:0}.form-inputs{width:calc(100% - 20px);height:420px;overflow:auto}.col-1{display:none}.col-2{width:100%}.logojata,.footer-login{display:flex}}.container-snackbar{display:flex;justify-content:center;align-items:center;min-height:auto}#snackbar{display:flex;visibility:hidden;justify-content:center;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;z-index:1;top:30px;font-size:14px;left:10px;right:10px;max-width:calc(100% - 20px)}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{top:0;opacity:0}to{top:30px;opacity:1}}@keyframes fadein{0%{top:0;opacity:0}to{top:30px;opacity:1}}@-webkit-keyframes fadeout{0%{top:30px;opacity:1}to{top:0;opacity:0}}@keyframes fadeout{0%{top:30px;opacity:1}to{top:0;opacity:0}}