.login-component{background-color:#faf9f8;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-form-container{color:#000;background-color:#d3d3d3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;padding:40px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000004d}.login-form-container h2{text-align:center;margin-bottom:20px;font-weight:600}form{flex-direction:column;gap:15px;width:100%;display:flex}form input{color:#000;background-color:#fff;border:none;border-radius:6px;outline:none;width:100%;padding:10px 40px 10px 10px;font-size:15px}form label{color:#000;font-size:.95rem;font-weight:600}form input:focus{background-color:#fff;box-shadow:0 0 0 2px gray}.password-wrapper{position:relative}.password-toggle{cursor:pointer;color:#000;position:absolute;top:50%;right:10px;transform:translateY(-50%)}button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:6px;padding:10px;font-size:16px;transition:all .3s}form button:hover{color:#000;background-color:#fff;transform:scale(1.02)}.forgot-link{color:#000;text-align:center;font-size:14px;text-decoration:none;transition:color .3s}.forgot-link:hover{color:#d47fa6}.error{color:#ffcccb;font-size:13px}.spinner{border:4px solid #ffffff80;border-top-color:orange;width:35px;height:35px;margin:10px auto;animation:1s infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.login-form-container{width:100%;padding:25px}}