body {             margin: 0;             font-family: Arial, sans-serif;             background: #f4f6f8;             color: #222;         }          header {             background: #1f2937;             color: #fff;             padding: 20px;         }          header h1 {             margin: 0;             font-size: 24px;         }          /* TOP MENU (динамический) */         .top-menu {             background: #374151;             padding: 10px 20px;         }          .top-menu ul {             list-style: none;             margin: 0;             padding: 0;             display: flex;             gap: 15px;         }          .top-menu a {             color: #e5e7eb;             text-decoration: none;         }          .top-menu a:hover {             color: #fff;         }          /* BANNER */         #banner {             display: block;             max-height: 250px;             overflow: hidden;         }          #banner img {             width: 100%;             display: block;         }          main {             max-width: 1200px;             margin: auto;             padding: 20px;             display: flex;             gap: 20px;         }          article {             flex: 3;             background: #fff;             padding: 20px;             border-radius: 10px;             line-height: 1.6;         }          /* TOC */         nav {             flex: 1;             background: #fff;             padding: 15px;             border-radius: 10px;             height: fit-content;             position: sticky;             top: 20px;         }          nav ul {             list-style: none;             margin: 0;             padding: 0;         }          nav li {             margin-bottom: 10px;         }          nav a {             text-decoration: none;             color: #374151;             font-size: 14px;         }          nav a:hover {             color: #2563eb;         }          footer {             text-align: center;             padding: 20px;             background: #1f2937;             color: #ccc;             margin-top: 30px;         }          @media (max-width: 900px) {             main {                 flex-direction: column;             }              nav {                 position: static;             }         }/* 🎰 Casino Theme 🎲 */  body{     margin:0;     font-family:Arial,sans-serif;     background:#f7f7f7;     color:#333; }  /* 🎯 Header */  .header{     background:#fff;     padding:20px;     border-bottom:1px solid #e5e5e5; }  /* ✨ Hero */  .hero{     padding:60px 0; }  .hero h1::after{     content:" 🎰"; }  .hero p::before{     content:"⭐ "; }  /* 🎮 Features */  .features{     display:flex;     gap:30px;     padding:60px 0; }  .feature{     background:#fff;     padding:25px;     border-radius:12px;     text-align:center;     transition:.3s; }  .feature:hover{     transform:translateY(-5px); }  .feature h3::before{     content:"🎲 "; }  .feature p::after{     content:" 🍀"; }  /* 🎁 Promo */  .promo{     background:#eef5ff;     padding:60px 0; }  .promo h2::before{     content:"🎁 "; }  .promo h2::after{     content:" 💎"; }  /* ❤️ Footer */  .footer{     text-align:center;     padding:30px;     color:#777; }  .footer p::after{     content:" ❤️"; }