@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");#root{width:100%;padding:.6rem}.login-container{margin:0 auto;padding:2rem 1.5rem;background:#fff}.form-title{text-align:center;font-size:1.37rem;font-weight:600;margin-bottom:1.87rem}.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:#f9f8ff;color:#000;border:1px solid #d5cbff;transition:.3s ease}.social-login .social-button:hover{border-color:#5f41e4;background:#f1eff9}.social-icon{width:23px}.separator{margin:1.5rem 0;text-align:center}.separator,.separator span{position:relative;background:#fff}.separator span{z-index:1;font-weight:500;color:#6652be;font-size:1.06rem;padding:0 .9rem}.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 #bfb3f2;padding:0 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}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.popup h2{margin-bottom:10px}.popup p{margin-bottom:20px}.popup button{background-color:#dc2626;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.popup button:hover{background-color:#b91c1c}