@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f6f6f6}#root{width:100%;padding:.6rem}.sureflow-logo{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:200px;height:auto}.login-container{margin:0 auto;max-width:410px;padding:2rem 1.5rem;border-radius:.5rem;background:#fff;box-shadow:0 10px 20px #0000001a}.login-container .form-title{text-align:center;font-size:1.37rem;font-weight:600;margin-bottom:1.87rem}.login-container .social-login{display:flex;gap:1.31rem}.social-login .social-button{display:flex;gap:.81rem;width:100%;font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem 0;border-radius:.31rem;align-items:center;justify-content:center;background:#f8fbff;border:1px solid #D5CBFF;transition:.3s ease}.social-login .social-button:hover{border-color:#5f41e4;background:#f1eff9}.social-login .social-button .social-icon{width:23px}.login-container .separator{position:relative;margin:1.5rem 0;text-align:center;background:#fff}.login-container .separator span{z-index:1;font-weight:500;color:#6652be;position:relative;background:#fff;font-size:1.06rem;padding:0 .9rem}.login-container .separator:after{content:"";position:absolute;left:0;top:50%;height:1px;width:100%;background:#bfb3f2}.login-form .input-wrapper{height:54px;width:100%;position:relative;margin-bottom:1.5rem}.login-form .input-field{width:100%;height:100%;outline:none;font-size:1.06rem;border-radius:.31rem;border:1px solid #ffffff;padding:0px 1.25rem 0 3.12rem;transition:.2s ease}.login-form .input-field:focus{border-color:#5f41e4}.login-form .input-field::placeholder{color:#9284c8}.login-form .input-wrapper i{position:absolute;top:50%;height:100%;display:flex;color:#a395e0;align-items:center;transform:translateY(-50%);transition:.2s ease}.login-form .input-wrapper i:not(.eye-icon){left:.93rem;pointer-events:none}.login-form .input-field:focus~i:not(.eye-icon){color:#5f41e4}.login-form .input-wrapper i.eye-icon{display:none;right:.93rem;color:#917de8;cursor:pointer;font-size:1.25rem}.login-form .input-wrapper .input-field:valid~.eye-icon{display:flex}.login-form .forgot-password-link{display:block;width:fit-content;margin-top:-.44rem}.login-form .login-button{border:none;outline:none;width:100%;height:54px;color:#fff;font-size:1.125rem;font-weight:500;cursor:pointer;margin-top:2.19rem;border-radius:.31rem;background:#5f41e4;transition:.3s ease}.login-form .login-button:hover{background:#4320df}.login-container .signup-prompt{text-align:center;font-size:1.06rem;font-weight:500;margin:1.75rem 0 .31rem}.login-container a{color:#5f41e4;font-weight:500;text-decoration:none}.login-container a:hover{text-decoration:underline}