GANGE_ERROR_G4_106: IDEvent not set!GANGE_ERROR_G4_106: IDEvent not set!GANGE_ERROR_G4_106: IDEvent not set!GANGE_ERROR_G4_106: IDEvent not set!GANGE_ERROR_G4_106: IDEvent not set!GANGE_ERROR_G4_106: IDEvent not set!
<style>
body {
    font-family: Arial, sans-serif;
}

.password-protect-container {
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

.password-protect-container form {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

.password-protect-container input[type="password"] {
    display: block;
    margin: 50px auto 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

.password-protect-container button#toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    cursor: pointer;
}

.password-protect-container input[type="submit"] {
    display: block;
    margin: 20px auto 0;
    background-color: #007BFF;
    color: white;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.password-protect-container input[type="submit"]:hover {
    background-color: #0056b3;
}

.password-protect-container .error-message {
    color: red;
    font-weight: bold;
}
	
	.password-protect-container input[type="password"],
.password-protect-container input[type="text"] {
    display: block;
    margin: 50px auto 0;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}


@media screen and (max-width: 600px) {
    .password-protect-container {
        width: 90%;
    }
}
	
	.password-protect-container form {
}
</style>



    <div class="password-protect-container" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;">
        <img class="aligncenter size-full wp-image-411" src="https://ferma-forum.eu/wp-content/uploads/2026/02/00-FRM-FORUM26_Prism_complet_DEF-scaled.png" alt="" width="1200" height="auto" />
<br>
Coming soon                
        <form method="post" style="position: relative; display: inline-block;">
			<input type="password" id="password-input" name="password_protect_password" placeholder="Enter password" style="width: 100%; padding-right: 60px;">
			<button type="button" id="toggle-password" style="position: absolute; right: 10px; top: 42%; transform: translateY(-50%); border: none; background: none;">Show</button>
			<br/>
			<input type="submit" value="View the website" style="margin-top: 20px; padding: 10px; border-radius: 5px;">
		</form>

		<script>
		document.getElementById('toggle-password').addEventListener('click', function (e) {
			var passwordInput = document.getElementById('password-input');
			if (passwordInput.type === 'password') {
				passwordInput.type = 'text';
				e.target.textContent = 'Hide';
			} else {
				passwordInput.type = 'password';
				e.target.textContent = 'Show';
			}
		});
		</script>

    </div>