body{margin:0;font-family:Arial,sans-serif}.login-container{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:400px;text-align:center}h2{margin-bottom:20px;color:#333}.input-field{width:100%;padding:12px;margin:10px 0;border:2px solid #ccc;border-radius:5px;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:#4caf50;box-shadow:0 0 5px rgba(76,175,80,.5);outline:none}.remember-me{display:flex;align-items:center;justify-content:center;margin:15px 0}.remember-me input{margin-right:5px}.login-button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.login-button:hover{background-color:#45a049;transform:scale(1.05)}.login-button:active{transform:scale(.95)}