<div style="max-width: 420px; margin: 120px auto; text-align: center;">

<div style="margin-bottom: 24px;">

<img src="YOUR-LOGO-URL-HERE" alt="Logo" style="max-width: 160px; height: auto;">

</div>

<h1 style="color: white; font-size: 42px; letter-spacing: 2px; margin-bottom: 12px;">

Say Ok

</h1>

<p style="color: white; font-size: 18px; line-height: 1.5; margin-bottom: 24px;">

Selected experiential marketing and creative work

</p>

<input

type="password"

id="sitePassword"

placeholder="Enter password"

style="padding: 14px; width: 100%; font-size: 16px; margin-bottom: 12px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.12); color: white; border-radius: 999px; text-align: center;"

/>

<br>

<button

onclick="checkPassword()"

style="padding: 14px 28px; font-size: 16px; border: 1px solid white; background: transparent; color: white; border-radius: 999px; cursor: pointer;">

Enter Site

</button>

<p id="errorMsg" style="color: white; margin-top: 14px; display: none;">

Incorrect password

</p>

</div>

<script>

function checkPassword() {

var password = document.getElementById("sitePassword").value;

var correctPassword = "YOURPASSWORD";

if (password === correctPassword) {

window.location.href = "/work";

} else {

document.getElementById("errorMsg").style.display = "block";

}

}

</script>