проверь весь код на ошибки и справь их ,проверь все теги и стили

index.html

@@ -10,8 +10,8 @@
 <style>
         @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
         :root {
---primary-gold: #FFD700;
-            --dark-red: #8B0000;
+            --primary-gold: #FFD700;
+--dark-red: #8B0000;
             --card-bg: rgba(139, 0, 0, 0.9);
         }
         body {
@@ -28,17 +28,16 @@
                 background-image: none;
             }
         }
-.site-wrapper {
-max-width: 1000px;
+        .site-wrapper {
+            max-width: 1000px;
             margin: 0 auto;
             position: relative;
             padding: 0 15px;
             width: 100%;
             box-sizing: border-box;
             overflow-x: hidden;
- 
-/* Mobile Responsive Styles */
-        @media (max-width: 768px) {
+        /* Mobile Responsive Styles */
+@media (max-width: 768px) {
             .site-wrapper {
                 padding: 0 12px;
                 overflow-x: hidden;
@@ -48,12 +47,11 @@ max-width: 1000px;
                 position: relative;
                 width: 100%;
             }
-.bebas {
-                font-size: 2.5rem !important;
+        .bebas {
+font-size: 2.5rem !important;
             }
-            
-            .card-gradient {
-                margin: 0 auto;
+        .card-gradient {
+margin: 0 auto;
                 max-width: 100%;
             }
             /* Hero section */
@@ -90,8 +88,8 @@ max-width: 1000px;
             }
             
             /* Buttons */
-            .btn-gold {
-                padding: 10px 20px;
+        .btn-gold {
+padding: 10px 20px;
                 font-size: 14px;
             }
         }
@@ -138,8 +136,8 @@ max-width: 1000px;
             font-family: 'Montserrat', sans-serif;
             font-weight: 900;
         }
-.gold-text {
-            color: var(--primary-gold);
+        .gold-text {
+color: var(--primary-gold);
             text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
         }
         .card-gradient {
@@ -164,9 +162,8 @@ max-width: 1000px;
             transform: translateY(-2px);
             box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5);
         }
-        
         .game-card {
-            transition: all 0.3s ease;
+transition: all 0.3s ease;
             cursor: pointer;
         }
         
@@ -174,58 +171,51 @@ max-width: 1000px;
             transform: scale(1.05);
             box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3);
         }
-        
         .floating {
-            animation: floating 3s ease-in-out infinite;
+animation: floating 3s ease-in-out infinite;
         }
-        
         @keyframes floating {
-            0% { transform: translateY(0px); }
+0% { transform: translateY(0px); }
             50% { transform: translateY(-10px); }
             100% { transform: translateY(0px); }
         }
-        
         .pulse-gold {
-            animation: pulse 2s infinite;
+animation: pulse 2s infinite;
         }
-        
         @keyframes pulse {
-            0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
+0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
             70% { box-shadow: 0 0 0 20px rgba(255, 215, 0, 0); }
             100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
         }
-        
         .slot-machine {
-            background: linear-gradient(180deg, #2a0000 0%, #4a0000 100%);
+background: linear-gradient(180deg, #2a0000 0%, #4a0000 100%);
             border: 3px solid var(--primary-gold);
             border-radius: 15px;
             padding: 20px;
         }
-        
         .reel {
-            background: #000;
+background: #000;
             border: 2px solid var(--primary-gold);
             border-radius: 10px;
             overflow: hidden;
             height: 80px;
             position: relative;
         }
-        
         .reel-content {
-            animation: spin 3s linear infinite;
+animation: spin 3s linear infinite;
         }
         @keyframes spin {
-            0% { transform: translateY(0); }
+0% { transform: translateY(0); }
             100% { transform: translateY(calc(-100% + 80px)); }
         }
-/* Header styles */
+        /* Header styles */
         .nav-link {
-            position: relative;
+position: relative;
             font-weight: 500;
             transition: color 0.3s ease;
         }
         .nav-link::after {
-            content: '';
+content: '';
             position: absolute;
             left: 0;
             bottom: -4px;
@@ -238,7 +228,7 @@ max-width: 1000px;
             width: 100%;
         }
         .nav-link-mobile {
-            display: block;
+display: block;
             padding: 0.75rem 0;
             font-weight: 500;
             transition: color 0.3s ease;
@@ -247,7 +237,7 @@ max-width: 1000px;
             color: var(--primary-gold);
         }
         #mobile-menu {
-            transition: max-height 0.5s ease-in-out;
+transition: max-height 0.5s ease-in-out;
         }
         
         @media (max-width: 768px) {
@@ -256,7 +246,7 @@ max-width: 1000px;
                 backdrop-filter: blur(10px);
             }
         }
-</style>
+        </style>
 </head>
 <body class="text-white bg-black">
 <!-- Modern Header -->
@@ -305,12 +295,11 @@ max-width: 1000px;
 <div class="site-wrapper w-full max-w-[1200px] mx-auto px-4">
     <!-- Hero Section -->
 <section class="pt-12 pb-16 relative overflow-hidden">
-        <div class="absolute inset-0 bg-cover bg-center opacity-30 bg-[length:70%]" style="background-image: url('https://testsite.casino-ya.ru/azino/images/59.jpg');"></div>
-        <div class="absolute inset-0 overflow-hidden">
-</div>
+<div class="absolute inset-0 bg-cover bg-center opacity-30 bg-[length:70%]" style="background-image: url('https://testsite.casino-ya.ru/azino/images/59.jpg')"></div>
+<div class="absolute inset-0 overflow-hidden"></div>
 <div class="site-wrapper px-4 relative z-10">
 <div class="grid md:grid-cols-2 gap-8 md:gap-12 items-center hero-grid">
-                <div>
+<div>
                     <h1 class="bebas text-4xl md:text-7xl gold-text mb-6 relative z-10 text-center md:text-left">
                         AZINO777
                     </h1>
@@ -345,7 +334,7 @@ max-width: 1000px;
                          alt="Azino Bonus" 
                          class="rounded-lg shadow-2xl w-full md:w-3/4 mx-auto relative z-10" style="transform: scale(0.5); transform-origin: center;">
 <div class="absolute -bottom-4 -right-4 md:-bottom-6 md:-right-6 bg-gradient-to-r from-yellow-400 to-yellow-600 text-black px-4 py-2 md:px-6 md:py-3 rounded-lg font-bold transform rotate-3 text-sm md:text-base">
-                        1.967.678.87 RUB
+1.967.678.87 RUB
                     </div>
                 </div>
 </div>
@@ -353,7 +342,7 @@ max-width: 1000px;
     </section>
 <!-- Games Section -->
 <section id="games" class="py-16 bg-gradient-to-b from-transparent to-black/50">
-        <div class="site-wrapper px-4">
+<div class="site-wrapper px-4">
 <h2 class="bebas text-5xl text-center gold-text mb-12">
                 ИГРОВАЯ БИБЛИОТЕКА
             </h2>
@@ -490,9 +479,8 @@ max-width: 1000px;
                     <p class="text-gray-400">Эксклюзивные привилегии</p>
                 </div>
             </div>
-
-            <div class="mt-12 max-w-4xl mx-auto">
-                <img src="https://testsite.casino-ya.ru/azino/images/0026d4cb7ca211ececf9a4745d2fd9c7.png" 
+<div class="mt-12 max-w-4xl mx-auto">
+<img src="https://testsite.casino-ya.ru/azino/images/0026d4cb7ca211ececf9a4745d2fd9c7.png" 
                      alt="Играть онлайн Азино777" 
                      class="rounded-lg shadow-2xl w-full">
             </div>
@@ -619,8 +607,8 @@ max-width: 1000px;
             </h2>
             <div class="grid md:grid-cols-2 gap-8 md:gap-12 items-center mobile-grid">
 <div>
-                    <div class="flex items-center space-x-4 mb-6">
-                        <i data-feather="smartphone" class="w-12 h-12 text-yellow-400"></i>
+<div class="flex items-center space-x-4 mb-6">
+<i data-feather="smartphone" class="w-12 h-12 text-yellow-400"></i>
                         <h3 class="text-3xl font-bold">Играйте где угодно</h3>
                     </div>
                     <p class="text-gray-300 mb-6">
@@ -648,26 +636,26 @@ max-width: 1000px;
                 </div>
                 
                 <div class="relative">
-                    <div class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-3xl p-4 shadow-2xl transform rotate-3">
-                        <div class="bg-black rounded-2xl p-2">
-                            <div class="bg-gradient-to-b from-red-900 to-red-950 rounded-xl p-4">
-                                <div class="flex justify-between items-center mb-4">
-                                    <span class="text-xs">9:41</span>
-                                    <div class="flex space-x-1">
-                                        <div class="w-4 h-4 bg-white rounded-sm"></div>
+<div class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-3xl p-4 shadow-2xl transform rotate-3">
+<div class="bg-black rounded-2xl p-2">
+<div class="bg-gradient-to-b from-red-900 to-red-950 rounded-xl p-4">
+<div class="flex justify-between items-center mb-4">
+<span class="text-xs">9:41</span>
+<div class="flex space-x-1">
+<div class="w-4 h-4 bg-white rounded-sm"></div>
                                         <div class="w-4 h-4 bg-white rounded-sm"></div>
                                         <div class="w-4 h-4 bg-white rounded-sm"></div>
                                     </div>
                                 </div>
-                    <div class="text-center mb-4">
-                        <div class="text-yellow-400 text-xs mb-2">&nbsp;</div>
-                        <div class="text-2xl font-bold gold-text">МОБИЛЬНОЕ</div>
-                    </div>
+<div class="text-center mb-4">
+<div class="text-yellow-400 text-xs mb-2">&nbsp;</div>
+<div class="text-2xl font-bold gold-text">МОБИЛЬНОЕ</div>
+</div>
 <div class="grid grid-cols-3 gap-2">
-                                    <div class="bg-black/50 rounded p-2 text-center">
-                                        <div class="text-2xl mb-1">🎰</div>
-                                        <div class="text-xs">Слоты</div>
-                                    </div>
+<div class="bg-black/50 rounded p-2 text-center">
+<div class="text-2xl mb-1">🎰</div>
+<div class="text-xs">Слоты</div>
+</div>
                                     <div class="bg-black/50 rounded p-2 text-center">
                                         <div class="text-2xl mb-1">♠️</div>
                                         <div class="text-xs">Карты</div>
@@ -693,24 +681,24 @@ max-width: 1000px;
             </h2>
             <div class="grid md:grid-cols-3 gap-6 md:gap-8 max-w-5xl mx-auto security-grid">
 <div class="text-center">
-                    <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center">
-                        <i data-feather="shield" class="w-10 h-10 text-white"></i>
+<div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center">
+<i data-feather="shield" class="w-10 h-10 text-white"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-2">SSL шифрование</h3>
                     <p class="text-gray-400">Все данные защищены 256-битным шифрованием</p>
                 </div>
                 
                 <div class="text-center">
-                    <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center">
-                        <i data-feather="lock" class="w-10 h-10 text-white"></i>
+<div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center">
+<i data-feather="lock" class="w-10 h-10 text-white"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-2">Лицензионное ПО</h3>
                     <p class="text-gray-400">Только сертифицированные игры от проверенных провайдеров</p>
                 </div>
                 
                 <div class="text-center">
-                    <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center">
-                        <i data-feather="eye-off" class="w-10 h-10 text-white"></i>
+<div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center">
+<i data-feather="eye-off" class="w-10 h-10 text-white"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-2">Конфиденциальность</h3>
                     <p class="text-gray-400">Полная защита личных данных игроков</p>
@@ -733,8 +721,8 @@ max-width: 1000px;
                     </p>
                     <div class="grid md:grid-cols-3 gap-4 md:gap-6">
 <a href="#" class="text-center group">
-                            <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform">
-                                <i data-feather="message-circle" class="w-8 h-8"></i>
+<div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform">
+<i data-feather="message-circle" class="w-8 h-8"></i>
                             </div>
                             <h3 class="font-bold mb-1">Онлайн чат</h3>
                             <p class="text-sm text-gray-400">Мгновенный ответ</p>
@@ -788,8 +776,8 @@ max-width: 1000px;
         <div class="site-wrapper px-4">
 <div class="grid md:grid-cols-4 gap-6 md:gap-8 footer-grid">
 <div>
-                    <div class="flex items-center space-x-2 mb-4">
-                        <img src="http://testsite.casino-ya.ru/azino/images/3.png" alt="Azino 777 Logo" class="h-10 w-auto">
+<div class="flex items-center space-x-2 mb-4">
+<img src="http://testsite.casino-ya.ru/azino/images/3.png" alt="Azino 777 Logo" class="h-10 w-auto">
 </div>
 <p class="text-gray-400 text-sm">
                         Официальное казино с 2010 года
@@ -826,9 +814,8 @@ max-width: 1000px;
                     </ul>
                 </div>
             </div>
-            
-            <div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
-                <p>© 2024 Azino777. Все права защищены. 18+</p>
+<div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
+<p>© 2024 Azino777. Все права защищены. 18+</p>
                 <p class="mt-2">Ответственная игра - играйте с умом</p>
             </div>
         </div>
@@ -852,7 +839,7 @@ feather.replace();
             });
         });
         // Interactive slot machine
-        document.querySelector('.slot-machine button').addEventListener('click', function() {
+document.querySelector('.slot-machine button').addEventListener('click', function() {
             const reels = document.querySelectorAll('.reel-content');
             const reelSymbols = ['🍒', '🍋', '🍊', '🍇', '💎', '7️⃣'];
             
@@ -892,8 +879,8 @@ feather.replace();
                 }
             }, 3500);
         });
-// Header scroll effect
-        window.addEventListener('scroll', function() {
+        // Header scroll effect
+window.addEventListener('scroll', function() {
             const header = document.getElementById('main-header');
             if (window.scrollY > 20) {
                 header.classList.add('bg-black/95', 'border-yellow-500/50');
@@ -903,9 +890,8 @@ feather.replace();
                 header.classList.add('bg-black/80');
             }
         });
-
         // Mobile menu toggle
-        const menuToggle = document.getElementById('menu-toggle');
+const menuToggle = document.getElementById('menu-toggle');
         const mobileMenu = document.getElementById('mobile-menu');
         let menuOpen = false;
 
@@ -920,9 +906,8 @@ feather.replace();
             }
             feather.replace();
         });
-
         // Close mobile menu on link click
-        document.querySelectorAll('.nav-link-mobile').forEach(link => {
+document.querySelectorAll('.nav-link-mobile').forEach(link => {
             link.addEventListener('click', () => {
                 menuOpen = false;
                 mobileMenu.style.maxHeight = '0';
@@ -930,9 +915,8 @@ feather.replace();
                 feather.replace();
             });
         });
-
         // Nav-link hover animation
-        document.querySelectorAll('.nav-link').forEach(link => {
+document.querySelectorAll('.nav-link').forEach(link => {
             link.addEventListener('mouseenter', () => {
                 link.classList.add('text-yellow-400');
             });
@@ -940,8 +924,8 @@ feather.replace();
                 link.classList.remove('text-yellow-400');
             });
         });
-// Responsive viewport handling
-        function handleViewport() {
+        // Responsive viewport handling
+function handleViewport() {
             document.body.style.minHeight = '100vh';
             document.querySelector('.site-wrapper').style.minHeight = 'calc(100vh - 70px)'; // Account for header
             
@@ -955,14 +939,12 @@ feather.replace();
                 }
             }
         }
-        
         // Initial call
-        handleViewport();
-        
+handleViewport();
         // Update on resize
-        window.addEventListener('resize', handleViewport);
-// Responsive table handling
-        const paymentTable = document.querySelector('.card-gradient table');
+window.addEventListener('resize', handleViewport);
+        // Responsive table handling
+const paymentTable = document.querySelector('.card-gradient table');
         if (paymentTable && window.innerWidth < 768) {
             paymentTable.classList.add('payment-table');
         }