body {
            background-color: #f7f7f7;
        }

        .auth-wrapper {
            display: flex;
            height: 100vh;
        }

        .auth-content {
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            background-color: white;
        }

        .aut-bg-img {
            background-image: url('https://vms.jlm.net.id/assets/images/bg4.jpg');
            /* Replace with your image path */
            background-size: cover;
            background-position: center;
        }

        .btn {
            border: 2px solid blue;
            /* Add blue border */
            transition: background-color 0.3s, color 0.3s;
            /* Smooth transition for hover effect */
        }

        .btn:hover {
            background-color: blue;
            /* Change background color on hover */
            color: white;
            /* Change text color on hover */
        }