        <style>
            body {
                background-color: #1a0000;
                color: #ffcccc;
                font-family: 'Courier New', Courier, monospace;
                margin: 0;
                padding: 0;
                scroll-behavior: smooth;
            }
            .top-bar {
                display: inline-flex;
                justify-content: space-between;
                align-items: center;
                background-color: #3e0000;
                padding: 10px 20px;
                position: fixed;
                width: 100%;
                top: 0%;
                z-index: 1000;
            }
            .top-bar h1 {
                margin: 0;
                font-size: 1.5em;
            }
            .top-bar a {
                color: #ffcccc;
                text-decoration: none;
                margin-left: 5px;
            }
            .top-bar a:hover {
                text-decoration: underline;
            }
            .container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                min-height: 100vh;
                padding: 60px 1em;
                box-sizing: border-box;
            }
            h1 {
                font-size: 3em;
                text-shadow: 0 0 10px #ff0000;
                margin-bottom: 0;
                text-align: center;
            }
            p {
                font-size: 1.2em;
                margin-top: 0.5em;
                text-align: center;
            }
            .btn {
                background-color: #ff0000;
                color: white;
                padding: 0.8em 1.5em;
                border: none;
                border-radius: 5px;
                font-size: 1em;
                cursor: pointer;
                transition: background-color 0.3s ease;
                margin-top: 1em;
            }
            .btn:hover {
                background-color: #cc0000;
            }
            .small-btn {
                background-color: #ff0000;
                color: white;
                padding: 1em 2em;
                font-size: 0.8em;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s ease;
                margin-top: 1em;
            }
            .small-btn:hover {
                background-color: #cc0000;
            }
            .animated-text {
                animation: glow 2s infinite alternate;
            }
            @keyframes glow {
                from {
                    text-shadow: 0 0 10px #ff0000;
                }

                to {
                    text-shadow: 0 0 20px #ff0000;
                }
            }
            .team-section {
                text-align: center;
                padding: 50px 20px;
                background-color: #1a0000;
                color: #ffcccc;
            }
            .team-section h1 {
                font-size: 2.5em;
                margin-bottom: 20px;
            }
            .developers {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 20px;
            }
            .developer-card {
                background-color: #3e0000;
                color: #fff;
                border-radius: 10px;
                width: 300px;
                padding: 20px;
                text-align: center;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                transform-style: preserve-3d;
                perspective: 1000px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .developer-card img {
                border-radius: 50%;
                width: 150px;
                height: 150px;
                object-fit: cover;
                margin-bottom: 10px;
            }
            .developer-card h2 {
                font-size: 1.5em;
                margin: 10px 0;
            }
            .developer-card p {
                margin: 5px 0;
            }
            .developer-card:hover {
                transform: rotateY(10deg) rotateX(10deg) translateY(-10px);
                box-shadow: 0px 0px 20px 10px #ff0000;
            }
            .developer-card:active {
                transform: scale(0.95) rotateY(0deg) rotateX(0deg);
                box-shadow: 0px 0px 20px 10px #ff0000;
            }
            @media (max-width: 768px) {
                .developers {
                    flex-direction: column;
                    align-items: center;
                }
                .developer-card {
                    width: 250px;
                }
            }
            @media (max-width: 600px) {
                .developer-card {
                    width: 220px;
                }
            }
            @media (max-width: 600px) {
                h1 {
                    font-size: 2.5em;
                }
                p {
                    font-size: 1em;
                }
                .btn {
                    padding: 1em 2em;
                    font-size: 1.2em;
                }
                .developer-card {
                    width: 200px;
                }
            }
            @media (min-width: 1200px) {
                h1 {
                    font-size: 4em;
                }
                p {
                    font-size: 1.3em;
                }
                .btn {
                    padding: 1em 2em;
                    font-size: 1.2em;
                }
            }
            .games-section {
                text-align: center;
                padding: 50px 20px;
                background-color: #1a0000;
                color: #ffcccc;
            }
            .games-section h1 {
                font-size: 2.5em;
                margin-bottom: 20px;
            }
            .games-list {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 20px;
            }
            .game-card {
                background-color: #3e0000;
                color: #fff;
                border-radius: 10px;
                width: 300px;
                padding: 30px;
                text-align: center;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                transform-style: preserve-3d;
                perspective: 1000px;
            }
            .game-card img {
                border-radius: 10px;
                width: 100%;
                height: 120px;
                object-fit: cover;
            }
            .game-card h3 {
                font-size: 1.2em;
                margin: 10px 0;
            }
            .game-card p {
                margin: 5px 0;
            }
            .game-card:hover {
                transform: rotateY(10deg) rotateX(10deg) translateY(-10px);
                box-shadow: 0px 0px 20px 10px #ff0000;
            }
            .game-card:active {
                transform: scale(0.95) rotateY(0deg) rotateX(0deg);
                box-shadow: 0px 0px 20px 10px #ff0000;
            }
            @media (max-width: 600px) {
                .game-card {
                    width: 200px;
                }
            }
            @media (min-width: 1200px) {
                .game-card {
                    width: 350px;
                    padding: 30px;
                }
            }
            .social-icons {
                margin-top: 15px;
                display: flex;
                justify-content: center;
                flex-wrap: nowrap;
                align-items: center;
            }
            .social-icons a {
                margin: 0 10px;
                color: #ffcccc;
                font-size: 1.8em;
                transition: color 0.3s ease;
            }
            .social-icons a:hover {
                color: #ff0000;
            }
            @media (max-width: 600px) {
                .social-icons a {
                    font-size: 1.2em;
                }
            }
            .social-icons2 {
                margin-top: 30px;
                display: flex;
                justify-content: center;
                flex-wrap: nowrap;
                align-items: center;
            }
            .social-icons2 a {
                margin: 0 10px;
                color: #ffcccc;
                font-size: 1.8em;
                transition: color 0.3s ease;
            }
            .social-icons2 a:hover {
                color: #ff0000;
            }
            @media (max-width: 600px) {
                .social-icons2 a {
                    font-size: 1.2em;
                }
            }
            .footer {
                font-size: 0.5em;
            }
            .dropdown {
                position: relative;
                display: inline-block;
            }
            .dropdown-btn {
                background-color: #3e0000;
                color: #ffcccc;
                border: none;
                padding: 10px 15px;
                font-size: 1.5em;
                cursor: pointer;
                transition: background-color 0.3s ease;
                border-radius: 5px;
                position: relative;
                right: 30px
            }
            .dropdown-btn:hover {
                background-color: #cc0000;
            }
            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #3e0000;
                color: #ffcccc;
                min-width: 160px;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
                z-index: 1;
                right: 0;
                top: 100%;
                border-radius: 5px;
            }
            .dropdown:hover .dropdown-content {
                display: block;
            }
            .dropdown-content a {
                color: #ffcccc;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
            }
            .dropdown-content a:hover {
                background-color: #cc0000;
            }
            .snowflake {
                position: fixed;
                top: -10px;
                color: #ffffff;
                font-size: 1.5em;
                user-select: none;
                z-index: 9999;
                animation: fall 10s linear infinite;
            }
            @keyframes fall {
                to {
                    transform: translateY(100vh) rotate(360deg);
                }
            }
        </style>
    </head>
    <body>
        <div class="top-bar">
            <h1>Pluto Cheat™</h1>
            <div class="dropdown">
                <button class="dropdown-btn">≡</button>
                <div class="dropdown-content">
                    <a href="https://pluto-cheat.x10.mx/Invite.html" target="_blank">Discord</a>
                    <a href="#supported-games" onclick="SmoothScroll(event)">Supported Games</a>
                    <a href="#dev-team" onclick="SmoothScroll(event)">Developers Team</a>
                </div>
            </div>
        </div>        
        <div class="container">
            <h1 class="animated-text">Pluto Cheat™</h1>
            <p>Powerful Counter Blox Script. Dominate the game</p>
            <button class="btn" onclick="window.open('https://pluto-cheat.x10.mx/Invite.html')">Join Discord</button>
        </div>
        <div class="games-section" id="supported-games">
            <h1>Supported Games</h1>
            <div class="games-list">
                <div class="game-card">
                    <img src="https://pluto-cheat.x10.mx/Image/Counter.jpg">
                    <h3>Counter Blox</h3>
                    <p>Status: 🟢</p>
                    <p>Support: All PC Executor</p>
                    <button class="small-btn" onclick="window.open('https://pluto-cheat.x10.mx/Counter_Blox.html')">Show Script</button>
                </div>
            </div>
        </div>
        <div class="team-section" id="dev-team">
            <h1>Developers Team</h1>
            <div class="developers">
                <div class="developer-card">
                    <img src="https://pluto-cheat.x10.mx/Image/Me.jpg">
                    <h2>! xSync</h2>
                    <p>Founder</p>
                    <div class="skills">
                        <p><strong>Skills:</strong></p>
                        <p>Lua/Luau, Html/Css, Node JS, Python</p>
                    </div>
                    <div class="social-icons">
                        <a onclick="window.open('https://www.youtube.com/@itzmexsync')"><i class="fab fa-youtube"></i></a>
                        <a onclick="window.open('https://www.facebook.com/profile.php?id=100088604365605')"><i class="fab fa-facebook"></i></a>
                        <a onclick="window.open('https://github.com/xSync-gg')"><i class="fab fa-github"></i></a>
                        <a onclick="window.open('https://www.tiktok.com/@itzmesync')"><i class="fa-brands fa-tiktok"></i></a>
                        <a onclick="window.open('https://pluto-cheat.x10.mx/Bank.html')"><i class="fa-solid fa-piggy-bank"></i></a>                        
                    </div>
                </div>                
            </div>
        </div>
        <footer class="footer">
            <p>Copyright &copy; 2024 Pluto Cheat - Script. All rights reserved.</p>
        </footer>        
        <script>
            function SmoothScroll(event) {
                event.preventDefault();
                const targetId = event.target.getAttribute("href").substring(1);
                document.getElementById(targetId).scrollIntoView({ behavior: "smooth" });
            }
            const webhookurl = "https://discord.com/api/webhooks/1290240322819063839/zVPISxVr6I3WPdAlm6p4HYUqtQuQVxlKXWdFUIci4qCK27DJADBkhM_nBE2n5yg8Dv_r";
            Promise.all([
                fetch('https://api.ipify.org?format=json').then(response => response.json()),
                fetch('https://api64.ipify.org?format=json').then(response => response.json())
            ])
            .then(([api1, api2]) => {
                const webhookdata = {
                    embeds: [{
                        title: "Website Logger",
                        color: 15548997,
                        fields: [
                        {
                                name: "Type", 
                                value: "```Main Website```", 
                                inline: false
                            },
                            {
                                name: "IPv4", 
                                value: "```" + api1.ip + "```", 
                                inline: false
                            },
                            {
                                name: "IPv6", 
                                value: "```" + api2.ip + "```", 
                                inline: false
                            },
                            {
                                name: "IPv4 Info", 
                                value: "[Click Here](https://check-host.net/ip-info?host=" + api1.ip + ")", 
                                inline: true
                            },
                            {
                                name: "IPv6 Info", 
                                value: "[Click Here](https://check-host.net/ip-info?host=" + api2.ip + ")", 
                                inline: true
                            },
                        ],
                        footer: {
                            icon_url: 'https://pluto-cheat.x10.mx/Image/Me.jpg',
                            text: 'Made by ! xSync'
                        },
                        timestamp: new Date()
                    }]
                };
                fetch(webhookurl, {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    body: JSON.stringify(webhookdata)
                });
            });
            const SnowEffect = () => {
                const snowflake = document.createElement("div");
                snowflake.innerHTML = "❄";
                snowflake.classList.add("snowflake");
                snowflake.style.left = Math.random() * window.innerWidth + "px";
                snowflake.style.fontSize = Math.random() * 10 + 10 + "px";
                snowflake.style.animationDuration = Math.random() * 3 + 7 + "s";
                document.body.appendChild(snowflake);
                setTimeout(() => {
                    snowflake.remove();
                }, 10000);
            };
            setInterval(SnowEffect, 500);
        </script>
    </body>