Compare

@keyframes alertPulse { 0%, 100% { border-color: #ff0000; } 50% { border-color: #ffff00; } } @keyframes flash { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0.7; } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @keyframes buttonPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } #security-popup a:hover { background: linear-gradient(45deg, #cc0000, #990000) !important; transform: translateY(-2px); } @media (max-width: 480px) { #security-popup div { padding: 20px !important; } } // Auto-show popup on page load window.addEventListener('load', function() { document.getElementById('security-popup').style.display = 'flex'; }); // Close popup when clicking outside document.getElementById('security-popup').addEventListener('click', function(e) { if (e.target === this) { this.style.display = 'none'; } }); // Close popup with Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { document.getElementById('security-popup').style.display = 'none'; } });