کاری کن پس زمینه کد توی سایت تمام عرض باشه وکل سایت رو در بر بگیره<p>&nbsp;</p>
<style>
        body {
            font-family: Tahoma, Arial, sans-serif;
            background-color: #1b1f3a;
            margin: 0;
            padding: 0;
            direction: rtl;
            overflow-x: hidden;
        }

        /* پس‌زمینه متحرک با جلوه ذرات */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at center, rgba(15, 188, 249, 0.2), transparent),
                        radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1), transparent),
                        radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1), transparent);
            background-size: cover;
            animation: animateBg 30s linear infinite;
            z-index: -1;
        }

        @keyframes animateBg {
            0% {
                background-position: 0 0, 0 0, 0 0;
            }
            100% {
                background-position: 1000px 1000px, 500px 500px, -500px -500px;
            }
        }

        .container {
            padding: 50px 20px;
            text-align: center;
        }

        h1 {
            color: #fff;
            font-size: 2.5em;
            margin-bottom: 10px;
            animation: colorChange 5s ease-in-out infinite;
        }

        h1 .white-text {
            color: #fff;
        }

        h1 .colored-text {
            color: rgb(19, 255, 251); /* رنگ جدید */
        }

        h2 {
            color: #ddd;
            font-size: 1.5em;
            margin-bottom: 20px;
            animation: textGlow 3s ease-in-out infinite;
        }

        p {
            color: #ccc;
            line-height: 1.8;
            font-size: 1.2em;
            max-width: 800px;
            margin: 0 auto 20px;
            animation: fadeInOut 4s ease-in-out infinite;
        }

        .section {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 40px;
            margin: 20px;
            border-radius: 15px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(5px);
            animation: pulse 6s ease-in-out infinite;
        }

        /* استایل برای موبایل */
        @media (max-width: 768px) {
            .container {
                padding: 20px 10px;
            }
            h1 {
                font-size: 1.8em;
            }
            h2 {
                font-size: 1em;
            }
            p {
                font-size: 0.9em;
                margin-bottom: 15px;
            }
            .section {
                padding: 20px;
                margin: 10px;
            }
        }

        /* انیمیشن‌ها */
        @keyframes colorChange {
            0% {
                color: #fff;
            }
            50% {
                color: rgb(19, 255, 251);
            }
            100% {
                color: #fff;
            }
        }

        @keyframes textGlow {
            0%, 100% {
                text-shadow: 0 0 10px rgba(19, 255, 251, 0.7);
            }
            50% {
                text-shadow: 0 0 20px rgba(19, 255, 251, 1);
            }
        }

        @keyframes fadeInOut {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        @keyframes pulse {
            0%, 100% {
                box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
            }
            50% {
                box-shadow: 0 0 50px rgba(19, 255, 251, 0.5);
            }
        }
    </style>
<div class="container">
<div class="section">
<h1><span class="white-text">تغییر صدا</span> <span class="colored-text">با هوش مصنوعی</span></h1>
<h2>صدا تو (<span style="font-size: 8pt;">هر صدایی رو</span>) به صدای افراد مشهور تغییر بده!&nbsp;</h2>
<p>با استفاده از تکنولوژی هوش مصنوعی پیشرفته ما، می&zwnj;توانید صدای خود را به صدای افراد مشهور&nbsp; تغییر دهید. این ابزار به شما امکان تغییر صدا با هوش مصنوعی با کاراکتر ها افراد فارسی زبان رو برای اولین بار میدهد.</p>
</div>
<div class="section">
<h1><span class="white-text">تبدیل متن به صدا</span> <span class="colored-text">با هوش مصنوعی</span></h1>
<h2><span style="font-size: 8pt;">دیگه نیاز نیست صحبت کنی|</span> متن بنویس و با صدای افراد مشهور تبدیل کن.</h2>
<p>متن خود را وارد کنید و آن را با صدای افراد مشهور تبدیل کنید. با این ابزار، متن شما به صدای شخصیت&zwnj;های محبوب تبدیل می&zwnj;شود بدون صحبت کردن میتونی هر صدایی رو از شخصیت محبوب خودت بدست بیاری.</p>
</div>
</div> کد کامل بفرست یکجا