.page-ho88 {
      font-family: 'Arial', sans-serif;
      background-color: #000000; /* Nền đen */
      color: #FFFFFF; /* Chữ trắng */
      line-height: 1.6;
      padding-bottom: 50px; /* Đảm bảo đủ không gian cho footer */
    }

    .page-ho88__container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
    }

    .page-ho88__section {
      padding: 40px 0;
      text-align: center;
    }

    .page-ho88__section--dark {
      background-color: #1a1a1a;
    }

    .page-ho88__title {
      color: #FFFF00; /* Chữ vàng */
      font-size: 2.5em;
      margin-bottom: 20px;
      text-transform: uppercase;
    }

    .page-ho88__subtitle {
      color: #FFFFFF;
      font-size: 1.8em;
      margin-bottom: 15px;
    }

    .page-ho88__text {
      font-size: 1.1em;
      margin-bottom: 20px;
      color: #E0E0E0;
    }

    /* Hero Section */
    .page-ho88__hero-section {
      padding-top: 150px; /* Đảm bảo không bị che bởi header cố định */
      padding-bottom: 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      background-color: #000000;
    }

    .page-ho88__hero-image {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 0 0 20px rgba(255, 255, 0, 0.5);
      object-fit: cover;
      min-width: 200px; /* Minimum size requirement */
      min-height: 200px; /* Minimum size requirement */
    }

    .page-ho88__hero-title {
      font-size: 3em;
      color: #FFFF00; /* Chữ vàng */
      margin-bottom: 15px;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }

    .page-ho88__hero-description {
      font-size: 1.2em;
      color: #FFFFFF;
      margin-bottom: 30px;
      max-width: 800px;
    }

    .page-ho88__cta-button {
      display: inline-block;
      background-color: #FFD700; /* Vàng đậm */
      color: #000000;
      padding: 15px 30px;
      border-radius: 5px;
      text-decoration: none;
      font-weight: bold;
      font-size: 1.2em;
      transition: background-color 0.3s ease, transform 0.3s ease;
      border: none;
      cursor: pointer;
    }

    .page-ho88__cta-button:hover {
      background-color: #FFEA00;
      transform: translateY(-3px);
    }

    /* Game Categories */
    .page-ho88__game-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin-top: 30px;
    }

    .page-ho88__game-card {
      background-color: #1a1a1a;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
    }

    .page-ho88__game-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(255, 255, 0, 0.3);
    }

    .page-ho88__game-icon {
      width: 100%; /* Ensure image fills card width */
      max-width: 300px; /* Max width for larger screens */
      height: auto;
      border-radius: 8px;
      margin-bottom: 15px;
      object-fit: cover;
      min-width: 200px; /* Minimum size requirement */
      min-height: 200px; /* Minimum size requirement */
    }

    .page-ho88__game-name {
      color: #FFFF00;
      font-size: 1.5em;
      margin-bottom: 10px;
    }

    .page-ho88__game-description {
      color: #E0E0E0;
      font-size: 0.95em;
      flex-grow: 1; /* Allow description to take available space */
    }

    /* Promotions */
    .page-ho88__promotion-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 25px;
      margin-top: 30px;
    }

    .page-ho88__promotion-item {
      background-color: #1a1a1a;
      border-radius: 10px;
      padding: 25px;
      text-align: left;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-sizing: border-box;
    }

    .page-ho88__promotion-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(255, 255, 0, 0.3);
    }

    .page-ho88__promotion-title {
      color: #FFFF00;
      font-size: 1.6em;
      margin-bottom: 10px;
    }

    .page-ho88__promotion-description {
      color: #E0E0E0;
      font-size: 1em;
      margin-bottom: 20px;
    }

    /* Game Providers */
    .page-ho88__provider-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 20px;
      margin-top: 30px;
      justify-items: center;
    }

    .page-ho88__provider-item {
      background-color: #1a1a1a;
      border-radius: 8px;
      padding: 15px;
      text-align: center;
      transition: transform 0.3s ease;
      box-sizing: border-box;
      width: 100%;
      max-width: 180px; /* Limit individual provider item width */
    }

    .page-ho88__provider-item:hover {
      transform: scale(1.05);
    }

    .page-ho88__provider-logo {
      width: 100%;
      height: auto;
      max-width: 120px; /* Max width for logo within item */
      margin-bottom: 10px;
      object-fit: contain;
      min-width: 200px; /* Minimum size requirement */
      min-height: 200px; /* Minimum size requirement */
    }

    .page-ho88__provider-name {
      color: #FFFFFF;
      font-size: 0.9em;
      font-weight: bold;
    }

    /* FAQ Section */
    .page-ho88__faq-list {
      margin-top: 30px;
      text-align: left;
    }

    .page-ho88__faq-item {
      background-color: #1a1a1a;
      border-radius: 8px;
      margin-bottom: 15px;
      overflow: hidden;
      transition: background-color 0.3s ease;
    }

    .page-ho88__faq-item:hover {
      background-color: #2a2a2a;
    }

    .page-ho88__faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px;
      cursor: pointer;
      color: #FFFF00;
      font-size: 1.1em;
      font-weight: bold;
      user-select: none;
    }

    .page-ho88__faq-question h3 {
      margin: 0;
      color: #FFFF00;
      pointer-events: none; /* Prevent h3 from blocking click event */
    }

    .page-ho88__faq-toggle {
      font-size: 1.5em;
      line-height: 1;
      transition: transform 0.3s ease;
      pointer-events: none; /* Prevent toggle icon from blocking click event */
    }

    .page-ho88__faq-item.active .page-ho88__faq-toggle {
      transform: rotate(45deg); /* Change + to X or - */
    }

    .page-ho88__faq-answer {
      max-height: 0;
      overflow: hidden;
      padding: 0 20px; /* Initial padding */
      color: #E0E0E0;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;
      opacity: 0;
    }

    .page-ho88__faq-item.active .page-ho88__faq-answer {
      max-height: 2000px !important; /* Sufficiently large to contain content */
      padding: 20px !important; /* Expanded padding */
      opacity: 1;
    }

    /* Social Media */
    .page-ho88__social-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-top: 30px;
    }

    .page-ho88__social-item {
      background-color: #1a1a1a;
      border-radius: 8px;
      padding: 15px 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      color: #FFFFFF;
      text-decoration: none;
      transition: background-color 0.3s ease, transform 0.3s ease;
      box-sizing: border-box;
      min-width: 150px;
      max-width: 200px;
    }

    .page-ho88__social-item:hover {
      background-color: #2a2a2a;
      transform: translateY(-3px);
    }

    .page-ho88__social-icon {
      width: 40px; /* Small icons are not allowed, but for social media we need to display them. This is an exception if they are generic, not specific to game types. But the rule says min 200x200px. So I will use a larger placeholder for social icons */
      height: 40px;
      object-fit: contain;
      min-width: 200px; /* Minimum size requirement for ALL images, including social icons */
      min-height: 200px; /* Minimum size requirement for ALL images, including social icons */
    }

    .page-ho88__social-name {
      font-weight: bold;
      color: #FFFFFF;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .page-ho88__hero-section {
        padding-top: 150px; /* Mobile safe area */
      }
      .page-ho88__hero-title {
        font-size: 2.2em;
      }
      .page-ho88__hero-description {
        font-size: 1em;
      }
      .page-ho88__cta-button {
        padding: 12px 25px;
        font-size: 1.1em;
      }
      .page-ho88__title {
        font-size: 2em;
      }
      .page-ho88__subtitle {
        font-size: 1.5em;
      }
      .page-ho88__game-grid,
      .page-ho88__promotion-list,
      .page-ho88__provider-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      /* List item mobile responsiveness */
      .page-ho88__game-card,
      .page-ho88__promotion-item,
      .page-ho88__provider-item,
      .page-ho88__faq-item,
      .page-ho88__social-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
      }

      .page-ho88__faq-answer {
        padding: 0 15px !important;
      }

      .page-ho88__faq-item.active .page-ho88__faq-answer {
        padding: 15px !important;
      }

      .page-ho88__text,
      .page-ho88__game-description,
      .page-ho88__promotion-description,
      .page-ho88__faq-answer p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
      }

      .page-ho88__game-icon,
      .page-ho88__provider-logo,
      .page-ho88__social-icon,
      .page-ho88__hero-image {
        max-width: 100% !important;
        height: auto !important;
        min-width: 200px !important; /* Ensure minimum size even on mobile */
        min-height: 200px !important; /* Ensure minimum size even on mobile */
      }
    }

    @media (max-width: 480px) {
      .page-ho88__hero-title {
        font-size: 1.8em;
      }
      .page-ho88__title {
        font-size: 1.8em;
      }
      .page-ho88__subtitle {
        font-size: 1.3em;
      }
    }