<section id="why" style="margin:16px; padding:20px; border-radius:8px; background:#ffffff; box-shadow:0 1px 4px rgba(0,0,0,0.05);">
  <h2 style="color:#0d4a7a;">Vì sao nên tận dụng chương trình giới thiệu?</h2>
  <ul style="color:#333; line-height:1.6;">
    <li>Nhận code tặng cho tân thủ để dễ dàng mời bạn bè đăng ký và nạp tiền.</li>
    <li>Hoa hồng ổn định theo doanh thu phát sinh từ người được giới thiệu (Revenue Share) hoặc theo % cược (CPA/Share).</li>
    <li>Hệ thống theo dõi, báo cáo minh bạch giúp bạn quản lý hiệu quả nguồn thu.</li>
    <li>Thanh toán nhanh, hỗ trợ nhiều hình thức rút (CK ngân hàng, ví điện tử, crypto tùy nền tảng).</li>
  </ul>
</section>

<section id="brands" style="margin:16px; padding:20px; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.04);">
  <h2 style="color:#0d4a7a;">Các thương hiệu nổi bật có chương trình tặng code + hoa hồng</h2>
  <p style="color:#333;">Dưới đây là một số thương hiệu phổ biến hỗ trợ tân thủ nhận code và đồng thời có chương trình giới thiệu trả hoa hồng hấp dẫn:</p>
  <ul style="color:#333; line-height:1.6;">
    <li><strong>hi88</strong> — code tân thủ, hoa hồng theo doanh thu, app mượt.</li>
    <li><strong>new88</strong> — ưu đãi lớn cho người mới, hệ thống tracking rõ ràng.</li>
    <li><strong>w88</strong> — hỗ trợ đa nền tảng, hoa hồng cố định theo %.</li>
    <li><strong>188bet</strong> — thương hiệu quốc tế, thanh khoản nhanh.</li>
    <li><strong>sunwin</strong> — code cho tân thủ + chương trình giới thiệu hấp dẫn.</li>
    <li><strong>789bet</strong> — hoa hồng theo vòng đời người chơi, báo cáo rõ.</li>
    <li><strong>go88</strong> — app nhẹ, tặng code kích hoạt, trả hoa hồng hàng tuần.</li>
    <li><strong>8kbet</strong> — hệ thống affiliate thân thiện với người mới.</li>
    <li><strong>ae888</strong> — nhiều chiến dịch cho đại lý, hoa hồng theo doanh thu ròng.</li>
    <li><strong>bet365</strong> — thương hiệu lớn, uy tín và có nhiều lựa chọn thanh toán.</li>
  </ul>
</section>

<section id="compare" style="margin:16px; padding:20px; border-radius:8px; background:#fdfdfd; box-shadow:0 1px 4px rgba(0,0,0,0.04);">
  <h2 style="color:#0d4a7a;">So sánh nhanh chương trình giới thiệu (thông tin minh họa)</h2>
  <table style="width:100%; border-collapse:collapse; color:#333; font-size:14px;">
    <thead>
      <tr style="background:#eef6ff;">
        <th style="padding:10px; border:1px solid #e2e8f0; text-align:left;">Thương hiệu</th>
        <th style="padding:10px; border:1px solid #e2e8f0; text-align:left;">Code tân thủ</th>
        <th style="padding:10px; border:1px solid #e2e8f0; text-align:left;">Loại hoa hồng</th>
        <th style="padding:10px; border:1px solid #e2e8f0; text-align:left;">Ước tính % hoa hồng</th>
        <th style="padding:10px; border:1px solid #e2e8f0; text-align:left;">Thanh toán</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">hi88</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Revenue Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">15% - 35%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">new88</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">CPA / Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">10% - 30%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">w88</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Revenue Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">20% - 40%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">188bet</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Revenue Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">12% - 30%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tháng/tuỳ thỏa thuận</td>
      </tr>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">sunwin</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">CPA/Share hỗn hợp</td>
        <td style="padding:10px; border:1px solid #eef2f7;">10% - 35%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Theo hợp đồng</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">789bet</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Revenue Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">15% - 30%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">go88</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">CPA/Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">8% - 25%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">8kbet</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Revenue Share</td>
        <td style="padding:10px; border:1px solid #eef2f7;">10% - 28%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">ae888</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Share + Bonus đại lý</td>
        <td style="padding:10px; border:1px solid #eef2f7;">15% - 40%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tuần</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">bet365</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Có</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Affiliate chương trình quốc tế</td>
        <td style="padding:10px; border:1px solid #eef2f7;">10% - 30%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">Hàng tháng/tuỳ điều khoản</td>
      </tr>
    </tbody>
  </table>
  <p style="color:#666; margin-top:12px;">Ghi chú: Số liệu mang tính minh họa. Mỗi thương hiệu có thể có nhiều biểu mẫu hoa hồng và điều kiện khác nhau, thường phụ thuộc vào chất lượng người chơi (churn rate, mức nạp), vùng địa lý và thỏa thuận đối tác.</p>
</section>

<section id="how" style="margin:16px; padding:20px; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.04);">
  <h2 style="color:#0d4a7a;">Cách hoạt động — 4 bước đơn giản để bắt đầu kiếm hoa hồng</h2>
  <ol style="color:#333; line-height:1.8;">
    <li>Đăng ký chương trình affiliate của thương hiệu bạn chọn (ví dụ: hi88, new88, w88,...).</li>
    <li>Lấy link/ mã giới thiệu và code tặng cho tân thủ để tăng tỉ lệ chuyển đổi.</li>
    <li>Chia sẻ qua mạng xã hội, Zalo, Telegram, blog hoặc chạy chiến dịch quảng cáo.</li>
    <li>Nhận hoa hồng theo báo cáo: hàng tuần hoặc hàng tháng, rút qua ngân hàng/ví.</li>
  </ol>
</section>

<section id="calculator" style="margin:16px; padding:20px; border-radius:8px; background:#f7fbff;">
  <h2 style="color:#0d4a7a;">Ví dụ tính hoa hồng (mô phỏng)</h2>
  <table style="width:100%; border-collapse:collapse; color:#333; font-size:14px;">
    <thead>
      <tr style="background:#eaf3ff;">
        <th style="padding:10px; border:1px solid #e6eef8; text-align:left;">Kịch bản</th>
        <th style="padding:10px; border:1px solid #e6eef8; text-align:left;">Người được giới thiệu</th>
        <th style="padding:10px; border:1px solid #e6eef8; text-align:left;">Doanh thu ròng từ họ</th>
        <th style="padding:10px; border:1px solid #e6eef8; text-align:left;">% hoa hồng</th>
        <th style="padding:10px; border:1px solid #e6eef8; text-align:left;">Thu nhập bạn nhận</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="padding:10px; border:1px solid #eef2f7;">Cơ bản</td>
        <td style="padding:10px; border:1px solid #eef2f7;">50 người</td>
        <td style="padding:10px; border:1px solid #eef2f7;">100.000.000 VND</td>
        <td style="padding:10px; border:1px solid #eef2f7;">20%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">20.000.000 VND</td>
      </tr>
      <tr style="background:#fbfcff;">
        <td style="padding:10px; border:1px solid #eef2f7;">Tăng trưởng</td>
        <td style="padding:10px; border:1px solid #eef2f7;">150 người</td>
        <td style="padding:10px; border:1px solid #eef2f7;">300.000.000 VND</td>
        <td style="padding:10px; border:1px solid #eef2f7;">25%</td>
        <td style="padding:10px; border:1px solid #eef2f7;">75.000.000 VND</td>
      </tr>
    </tbody>
  </table>
  <p style="color:#666; margin-top:10px;">Lưu ý: Doanh thu ròng = tổng cược trừ hoa hồng cho công ty/chi phí. Tùy thương hiệu sẽ có cách tính khác nhau (ví dụ: loại trừ bonus, trừ hoàn trả).</p>
</section>

<section id="tips" style="margin:16px; padding:20px; border-radius:8px; background:#ffffff; box-shadow:0 1px 4px rgba(0,0,0,0.04);">
  <h2 style="color:#0d4a7a;">Mẹo tăng chuyển đổi khi dùng code tặng cho tân thủ</h2>
  <ul style="color:#333; line-height:1.6;">
    <li>Đưa code kèm hướng dẫn kích hoạt rõ ràng: cách nhập mã, điều kiện nhận thưởng, wagering (nếu có).</li>
    <li>Sử dụng banner, video hướng dẫn nhanh để tăng tỉ lệ đăng ký qua link của bạn.</li>
    <li>Theo dõi báo cáo hàng tuần: lọc người chơi chất lượng để duy trì hoa hồng cao hơn.</li>
    <li>Đàm phán % hoa hồng khi số lượng người giới thiệu lớn (nhiều nền tảng tăng tỷ lệ cho đại lý mạnh).</li>
  </ul>
</section>

<section id="faq" style="margin:16px; padding:20px; border-radius:8px; background:#f7f9fb;">
  <h2 style="color:#0d4a7a;">Câu hỏi thường gặp</h2>
  <p style="color:#333;"><strong>Q:</strong> Tân thủ nhận code có cần nạp tối thiểu không?<br>
  <strong>A:</strong> Tùy từng chương trình; nhiều nơi yêu cầu nạp tối thiểu để kích hoạt khuyến mãi—hãy đọc điều khoản kèm code.</p>

  <p style="color:#333;"><strong>Q:</strong> Hoa hồng trả bằng VNĐ hay bằng điểm?<br>
  <strong>A:</strong> Thông thường trả bằng VNĐ hoặc chuyển khoản, một số đối tác trả bằng điểm quy đổi; kiểm tra thỏa thuận đối tác.</p>

  <p style="color:#333;"><strong>Q:</strong> Thời gian rút hoa hồng là bao lâu?<br>
  <strong>A:</strong> Phổ biến là hàng tuần hoặc hàng tháng; một số thương hiệu (ví dụ go88, hi88) hỗ trợ rút nhanh theo lịch thỏa thuận.</p>
</section>

<section id="cta" style="margin:16px; padding:20px; border-radius:8px; background:#fff; text-align:center; box-shadow:0 1px 6px rgba(0,0,0,0.05);">
  <h2 style="color:#0d4a7a;">Bắt đầu ngay</h2>
  <p style="color:#333;">Chọn một trong các thương hiệu được liệt kê, đăng ký affiliate, nhận link và code tặng cho tân thủ — sau đó chia sẻ để nhận hoa hồng. Nếu cần hỗ trợ so sánh chi tiết hơn theo khu vực hoặc loại chiến dịch (Facebook/Google/Zalo), liên hệ để được tư vấn miễn phí.</p>
  <div style="margin-top:12px;">
    <button style="background:#1b6fb8; color:#fff; padding:12px 20px; border-radius:6px; border:none; cursor:pointer; font-size:15px;">Đăng ký affiliate ngay</button>
    <button style="background:#fff; color:#1b6fb8; padding:12px 20px; border-radius:6px; border:2px solid #1b6fb8; cursor:pointer; font-size:15px; margin-left:10px;">Yêu cầu tư vấn</button>
  </div>
</section>