STC2026!"; /* ========================= PASSWORD SCREEN ========================= */ const overlay = document.createElement("div"); overlay.id = "ivory-password-screen"; overlay.innerHTML = `

SKIN THEORY CLINIC

Please enter your password to access the shop.

Incorrect password. Please try again.

`; /* ========================= STYLING ========================= */ const style = document.createElement("style"); style.innerHTML = ` #ivory-password-screen { position: fixed; inset: 0; width: 100%; height: 100%; background: #f7f5f0; z-index: 999999999; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; } .ivory-password-box { width: 90%; max-width: 420px; text-align: center; background: #ffffff; padding: 50px 35px; box-sizing: border-box; box-shadow: 0 10px 40px rgba(0,0,0,0.08); } .ivory-password-box h1 { margin: 0 0 8px; font-size: 32px; letter-spacing: 4px; font-weight: 500; } .ivory-password-box > p:first-of-type { margin: 0 0 30px; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; } .ivory-instruction { font-size: 14px; line-height: 1.6; margin-bottom: 20px; color: #555; } #ivory-password { width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid #ccc; margin-bottom: 12px; font-size: 15px; } #ivory-enter { width: 100%; padding: 14px; border: none; background: #222; color: #fff; font-size: 14px; cursor: pointer; letter-spacing: 1px; } #ivory-enter:hover { opacity: 0.85; } #ivory-error { display: none; color: #a33; font-size: 13px; margin-top: 15px; } `; document.head.appendChild(style); document.body.appendChild(overlay); /* ========================= CHECK PASSWORD ========================= */ function checkPassword() { const enteredPassword = document.getElementById("ivory-password").value; if (enteredPassword === PASSWORD) { overlay.remove(); /* Remember access for this browser session */ sessionStorage.setItem("ivoryShopAccess", "true"); } else { document.getElementById("ivory-error").style.display = "block"; } } document .getElementById("ivory-enter") .addEventListener("click", checkPassword); document .getElementById("ivory-password") .addEventListener("keydown", function (event) { if (event.key === "Enter") { checkPassword(); } }); })();