Codigo de Acesso Livraria

<style> /* ESTÉTICA LIVRARIA DIGITAL */ @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Playfair+Display:wght@400;700&display=swap' ); #library-access-panel { background-color: #f5f0e1; color: #5a4a3a; font-family: 'Merriweather', serif; border: 1px solid #d4c4a4; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); padding: 50px; border-radius: 8px; text-align: center; max-width: 600px; margin: 50px auto; background-image: url('https://www.transparenttextures.com/patterns/cream-paper.png' ); } h1 { font-family: 'Playfair Display', serif; color: #8b4513; font-size: 2.2em; margin-bottom: 20px; } input[type="password"] { background-color: #fdfaf0; border: 1px solid #a08a6a; color: #5a4a3a; padding: 12px; width: 80%; margin: 20px 0; font-family: inherit; text-align: center; border-radius: 5px; } button { background-color: #8b4513; color: #ffffff; border: none; padding: 12px 30px; cursor: pointer; font-family: inherit; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } button:hover { background-color: #a0522d; } #protected-content { display: none; background-color: #fff8e1; border: 1px solid #d4c4a4; padding: 40px; color: #5a4a3a; font-family: 'Merriweather', serif; max-width: 800px; margin: 50px auto; line-height: 1.8; } </style> <div id="library-access-panel"> <h1>Bem-vindo à Livraria Digital</h1> <p>Para aceder aos tomos restritos, por favor, insira o Código de Catálogo Secreto.</p> <input type="password" id="accessCodeInput" placeholder="Código de Catálogo"> <button onclick="authenticate()">ABRIR TOMO</button> <p id="error-msg" style="color: #cc0000; margin-top: 15px; font-weight: bold;"></p> </div> <div id="protected-content"> <h2>[ TOMO DESBLOQUEADO COM SUCESSO ]</h2> <!-- INSIRA SEU CONTEÚDO REAL ABAIXO DESTA LINHA --> <p>Prezado leitor, você demonstrou a perspicácia necessária para desvendar os segredos deste arquivo.</p> </div> <script> const CORRECT_CODE = "BIBLIOTECA2026"; // ALTERE SEU CÓDIGO AQUI function authenticate() { const input = document.getElementById("accessCodeInput").value; if (input === CORRECT_CODE) { document.getElementById("library-access-panel").style.display = "none"; document.getElementById("protected-content").style.display = "block"; } else { document.getElementById("error-msg").innerText = "Código de Catálogo Inválido. Acesso Negado."; } } </script>