<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rick Roll Spam</title>
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            background: linear-gradient(120deg, #ff9a9e, #fad0c4);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            text-align: center;
            overflow: hidden;
        }
        .popup {
            background: white;
            padding: 2rem;
            box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
            border-radius: 8px;
            animation: popIn 0.5s ease-out;
        }
        .popup button {
            background-color: #ff4d4d;
            color: white;
            border: none;
            padding: 0.8rem 1.5rem;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .popup button:hover {
            transform: scale(1.1);
            box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
        }
        @keyframes popIn {
            from {
                transform: scale(0.8);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }
    </style>
</head>
<body>
    <div class="popup">
        <h1>Terminate Processes?</h1>
        <p>Click "Accept" to start the termination process. ⚠️</p>
        <button onclick="startRickRoll()">Accept</button>
    </div>

    <script>
        function startRickRoll() {
            for (let i = 0; i < 50; i++) {
                setTimeout(() => {
                    window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ", "_blank");
                }, i * 200);
            }
        }
    </script>
</body>
</html>
