body {
      background: #0d0d0d;
      color: #fff;
      font-family: 'Arial', sans-serif;
      margin: 0;
      padding: 0;
    }
    header {
      background: linear-gradient(90deg, #111 0%, #222 100%);
      padding: 2rem 1rem 1rem 1rem;
      text-align: center;
      border-bottom: 3px solid gold;
    }
    header h1 {
      font-size: 2.7rem;
      color: gold;
      margin-bottom: 0.5rem;
      letter-spacing: 2px;
      font-weight: bold;
      text-shadow: 0 2px 10px #fff2, 0 0 5px gold;
    }
    .marquee {
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 50px;
      margin-top: 30px;
    }
    .marquee-text {
      display: inline-block;
      padding-left: 100%;
      animation: slide-left 10s linear infinite;
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 0 0 5px gold;
    }
    @keyframes slide-left {
      0% { transform: translateX(0%); }
      100% { transform: translateX(-100%); }
    }
    main {
      max-width: 900px;
      margin: 2rem auto;
      padding: 0 1rem;
    }
    section {
      background: #181818;
      margin-bottom: 1.5rem;
      padding: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
      border-left: 5px solid gold;
    }
    h2 {
      color: gold;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      letter-spacing: 1px;
    }
    p, ul {
      font-size: 1.1rem;
      line-height: 1.6;
      color: #f5f5f5;
    }
    .game-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1.5rem;
      margin: 2rem 0;
    }
    .game-card {
      background: #222;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(255, 215, 0, 0.08);
      border: 2px solid gold;
      padding: 1.2rem;
      text-align: center;
      color: #fff;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .game-card:hover {
      transform: translateY(-5px) scale(1.03);
      box-shadow: 0 0 25px gold;
    }
    .game-card img {
      width: 80px;
      height: 80px;
      object-fit: contain;
      margin-bottom: 1rem;
      border-radius: 8px;
      background: #fff;
      border: 2px solid gold;
      box-shadow: 0 0 10px #fff2;
    }
    .game-title {
      color: gold;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .gamertag {
      color: #fff;
      font-size: 1rem;
      background: #111;
      border-radius: 6px;
      padding: 0.2rem 0.7rem;
      display: inline-block;
      margin-bottom: 0.5rem;
      border: 1px solid gold;
    }
    footer {
      background: #111;
      text-align: center;
      padding: 1rem;
      color: #888;
      border-top: 2px solid gold;
      margin-top: 2rem;
    }
    @media (max-width: 600px) {
      header h1 { font-size: 2rem; }
      .game-list { grid-template-columns: 1fr; }
    }
     .socials-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      justify-content: center;
    }
    .social-btn {
      color: gold;
      font-weight: bold;
      text-decoration: none;
      border: 2px solid gold;
      border-radius: 8px;
      padding: 0.5rem 1.2rem;
      background: #181818;
      transition: background 0.2s, color 0.2s, box-shadow 0.2s;
      box-shadow: 0 0 8px rgba(255,215,0,0.08);
      display: inline-block;
    }
    .social-btn:hover {
      background: gold;
      color: #181818;
      box-shadow: 0 0 15px gold;
    }