body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background:#f0f2f5}.login-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:300px}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem}input[type=text],input[type=password]{width:100%;padding:.5rem 2.5rem .5rem .5rem;box-sizing:border-box}.password-wrapper{position:relative}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;width:auto;color:#666;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#333}.toggle-password svg{width:1.25rem;height:1.25rem}.remember-me label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.remember-me input[type=checkbox]{width:auto;margin-right:.5rem}button[type=submit]{width:100%;padding:.7rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button[type=submit]:hover{background:#0056b3}.error{color:red;font-size:.8rem;margin-top:.5rem}