body {
    font-family: "Roboto", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    color: black !important;
}

    .custom-login-container {
        background-color: #000;
        padding: 50px 0;
    }

    .custom-login-form {
        max-width: 400px;
        margin: 100px auto;
        background-color: #111;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(191, 155, 48, 0.3);
        color: #fff;
    }

    .custom-login-container h2 {
        color: #BF9B30;
        text-align: center;
        margin-bottom: 30px;
    }

    .custom-login-container label {
        display: block;
        margin-bottom: 5px;
        color: #BF9B30;
    }

    .custom-login-container input[type="text"],
    .custom-login-container input[type="password"] {
        width: 100%;
        padding: 12px;
        margin-bottom: 20px;
        border: 1px solid #333;
        background-color: #1a1a1a;
        color: #fff;
        border-radius: 5px;
    }

    .custom-login-container input[type="submit"] {
        width: 100%;
        background-color: #BF9B30;
        color: #000;
        font-weight: bold;
        border: none;
        padding: 12px;
        border-radius: 5px;
        cursor: pointer;
    }

    .custom-login-container input[type="submit"]:hover {
        background-color: #a37e22;
        color: #fff;
    }

    .custom-login-container .login-links {
        margin-top: 20px;
        text-align: center;
    }

    .custom-login-container .login-links a {
        color: #BF9B30;
        text-decoration: none;
    }

    .custom-login-container .login-links a:hover {
        text-decoration: underline;
        color: #fff;
    }