оставь только дисклеймер и год

components/footer.js

@@ -1,91 +1,33 @@
+
 class CustomFooter extends HTMLElement {
   connectedCallback() {
     this.attachShadow({ mode: 'open' });
     this.shadowRoot.innerHTML = `
       <style>
-        .hovered-element:hover {
-          transform: translateY(-5px);
-          transition: transform 0.3s ease;
-        }
         footer {
-background: rgba(17, 24, 39, 0.8);
-          backdrop-filter: blur(10px);
+          background: rgba(17, 24, 39, 0.8);
           color: #9ca3af;
-          padding: 2rem;
+          padding: 1rem;
           text-align: center;
           border-top: 1px solid rgba(56, 182, 255, 0.1);
-          margin-top: auto;
-        }
-        .footer-content {
-          max-width: 1200px;
-          margin: 0 auto;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-        }
-        .footer-links {
-          display: flex;
-          gap: 1.5rem;
-          margin-bottom: 1.5rem;
-        }
-        .footer-links a {
-          color: #d1d5db;
-          text-decoration: none;
-          transition: color 0.2s;
-        }
-        .footer-links a:hover {
-          color: #3b82f6;
-        }
-        .social-icons {
-          display: flex;
-          gap: 1rem;
-          margin-bottom: 1.5rem;
-        }
-        .social-icons a {
-          color: #d1d5db;
-          transition: color 0.2s, transform 0.2s;
-        }
-        .social-icons a:hover {
-          color: #3b82f6;
-          transform: translateY(-2px);
         }
         .disclaimer {
           font-size: 0.8rem;
-          max-width: 800px;
-          margin: 0 auto;
           opacity: 0.7;
           line-height: 1.5;
-        }
-        @media (max-width: 768px) {
-          .footer-links {
-            flex-direction: column;
-            gap: 0.5rem;
-          }
+          margin-bottom: 0.5rem;
         }
       </style>
       <footer>
-        <div class="footer-content">
-          <div class="footer-links">
-            <a href="#">Terms of Service</a>
-            <a href="#">Privacy Policy</a>
-            <a href="#">Contact Us</a>
-            <a href="#">FAQ</a>
-          </div>
-          <div class="social-icons">
-            <a href="#" aria-label="Telegram"><i data-feather="send"></i></a>
-            <a href="#" aria-label="Twitter"><i data-feather="twitter"></i></a>
-            <a href="#" aria-label="Discord"><i data-feather="message-circle"></i></a>
-          </div>
-          <p class="disclaimer">
-            Disclaimer: CrashOracle Pro provides predictions based on statistical analysis. Gambling involves risk. 
-            Only play with what you can afford to lose. Must be 18+ to use our service. Predictions are not guaranteed.
-          </p>
-          <p class="copyright mt-4">
-            &copy; ${new Date().getFullYear()} CrashOracle Pro. All rights reserved.
-          </p>
-        </div>
+        <p class="disclaimer">
+          Disclaimer: CrashOracle Pro provides predictions based on statistical analysis. Gambling involves risk. 
+          Only play with what you can afford to lose. Must be 18+ to use our service. Predictions are not guaranteed.
+        </p>
+        <p class="copyright">
+          &copy; ${new Date().getFullYear()} CrashOracle Pro. All rights reserved.
+        </p>
       </footer>
-    `;
+`;
   }
 }
 customElements.define('custom-footer', CustomFooter);