Amazing Grace

<div style=”background: #1a202c; color: white; padding: 30px; border-radius: 20px; font-family: sans-serif; text-align: center; border: 2px solid #ffd700;”>
<h2 style=”color: #ffd700; margin-bottom: 20px;”>THE MYSTERY OF THE SEVEN STARS</h2>

<div id=”portal-area”>
<p style=”margin-bottom: 20px;”>Guardian 82, enter your Master Key to initialize the Smyrna Module.</p>
<input type=”text” id=”master-key-input” placeholder=”STAR-XXXX-XX-XX” style=”padding: 12px; border-radius: 8px; width: 250px; border: none; margin-bottom: 20px; text-align: center; color: black;”>
<br>
<button onclick=”startMission()” style=”background: #3182ce; color: white; padding: 12px 30px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem;”>INITIALIZE MISSION</button>
</div>

<script>
function startMission() {
const key = document.getElementById(‘master-key-input’).value.trim().toUpperCase();
if (key.startsWith(‘STAR-‘)) {
document.getElementById(‘portal-area’).innerHTML = `
<div style=”background: #2d3748; padding: 20px; border-radius: 12px; margin-top: 10px; text-align: left; border-left: 5px solid #48bb78;”>
<h3 style=”color: #48bb78;”>Access Granted: Guardian 82</h3>
<p style=”margin-top: 10px;”><strong>Objective:</strong> Relational Compassion & Backlog Transition.</p>
<p style=”font-style: italic; color: #cbd5e0;”>The Smyrna narrative is now decrypting. Check your World Registry for the next sequence.</p>
</div>
`;
} else {
alert(‘Invalid Key. Access Denied.’);
}
}
</script>
</div>