@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:#5f41e4}#root{width:100%;padding:.6rem}.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:#f9f8ff;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 #bfb3f2;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}.social-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600;border-radius:8px;cursor:pointer;transition:box-shadow .15s ease,transform .02s ease}.social-btn:hover{box-shadow:0 1px 2px #00000014}.social-btn:active{transform:translateY(1px)}@media (max-width: 480px){.social-row{flex-direction:column}}.social-row{display:flex;gap:12px;margin-bottom:16px}.social-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600;border-radius:8px;cursor:pointer}.social-icon{display:inline-flex;width:18px;height:18px}@media (max-width:480px){.social-row{flex-direction:column}}.social-row{display:flex;justify-content:center}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;background:#fff;color:#1f1f1f;border:1px solid #e9e9f2;border-radius:12px;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #0000000f;transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease}.google-btn:hover{transform:translateY(-1px);border-color:#dcdcef;box-shadow:0 6px 14px #0000001a}.google-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000000f}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{display:inline-block}