<div class="hero">
  <div>
    <div class="kicker">Private access • Exclusive deals • Fast onboarding</div>
    <h1>Get Better Poker Deals: Private Clubs & Rakeback</h1>
    <p class="sub">
      Join trusted poker platforms with soft fields, private clubs, and streamlined onboarding.
      Pick your platform, request access, and start playing.
    </p>

    <div class="heroActions">
      <a class="btn primary" href="#platforms">View Platforms</a>
      <button class="btn" type="button" onclick="scrollToId('contact')">Request Access</button>
      <button class="btn" type="button" onclick="copySupport()">Copy Telegram Support</button>
    </div>

    <div class="note">
      18+ only. Play responsibly. This page is informational; availability depends on jurisdiction and platform rules.
    </div>
  </div>

  <div class="panel">
    <div class="panelInner">
      <b style="display:block; font-size:16px;">Quick highlights</b>
      <div class="stats">
        <div class="stat">
          <b>Phenom Poker</b>
          <span>Web3 vibe • Fast onboarding</span>
        </div>
        <div class="stat">
          <b>WPT Global</b>
          <span>20% rakeback deal</span>
        </div>
        <div class="stat">
          <b>PokerBros Club</b>
          <span>INNParadise • ID 198833</span>
        </div>
      </div>
      <div class="divider"></div>
      <div style="color:var(--muted); font-size:13px;">
        Tip: Keep this page simple and conversion-focused. Add your real referral links when ready.
      </div>
    </div>
  </div>
</div>

<section id="platforms">
  <div class="sectionTitle">
    <div>
      <h2>Platforms</h2>
      <p>Choose where you want to play. Request private access to the deal/club.</p>
    </div>
  </div>

  <div class="grid3">
    <!-- PHENOM -->
    <div class="card">
      <span class="tag">Web3 / Polygon-friendly</span>
      <h3>Phenom Poker</h3>
      <p>
        Poker app with a Web3 angle and crypto-friendly onboarding. Ideal if you prefer modern onboarding and a growing community.
      </p>
      <div class="meta">
        Best for: Web3 users • Fast start • Community building
      </div>
      <div class="cta">
        <!-- TODO: Replace # with your referral link -->
        <a class="btn small primary" href="https://play.phenompoker.com/register?r=nfs100" target="_blank" rel="noopener">Join Phenom Poker</a>
        <button class="btn small" type="button" onclick="scrollToId('contact')">Request Access</button>
      </div>
    </div>

    <!-- WPT GLOBAL -->
    <div class="card">
      <span class="tag">Exclusive deal</span>
      <h3>WPT Global</h3>
      <p>
        Official WPT platform with global tournaments and an exclusive deal:
        <b>20% rakeback</b> via private referral.
      </p>
      <div class="meta">
        Deal: 20% RB (private referral) • Tournaments • Global player pool
      </div>
      <div class="cta">
        <!-- TODO: Replace # with your referral link -->
        <a class="btn small primary" href="https://play.phenompoker.com/register?r=nfs100" target="_blank" rel="noopener">Join WPT Global</a>
        <button class="btn small" type="button" onclick="scrollToId('contact')">Get the RB Deal</button>
      </div>
    </div>

    <!-- POKERBROS CLUB -->
    <div class="card">
      <span class="tag">Private club</span>
      <h3>PokerBros – INNParadise</h3>
      <p>
        Private PokerBros club with soft cash games and tournaments.
        Join with the club details below.
      </p>
      <div class="meta">
        Club name: <b>INNParadise</b><br/>
        Club ID: <b>198833</b><br/>
        Agent: <b>F</b>
      </div>
      <div class="cta">
        <button class="btn small primary" type="button" onclick="copyClub()">Copy Club Details</button>
        <button class="btn small" type="button" onclick="scrollToId('contact')">Request Invite</button>
      </div>
    </div>
  </div>
</section>

<section id="why">
  <div class="sectionTitle">
    <div>
      <h2>Why join through us</h2>
      <p>Simple value proposition, no fluff.</p>
    </div>
  </div>

  <div class="features">
    <div class="feature">
      <b>Exclusive deals</b>
      <span>Private rakeback / onboarding terms that you won’t find through public search.</span>
    </div>
    <div class="feature">
      <b>Private club access</b>
      <span>Direct instructions for joining private PokerBros clubs.</span>
    </div>
    <div class="feature">
      <b>Fast support</b>
      <span>One contact point for setup issues, verification steps, and getting started.</span>
    </div>
  </div>
</section>

<section id="how">
  <div class="sectionTitle">
    <div>
      <h2>How it works</h2>
      <p>Three steps, predictable result.</p>
    </div>
  </div>

  <div class="steps">
    <div class="step">
      <div class="num">1</div>
      <b>Choose a platform</b>
      <div style="color:var(--muted); font-size:13px; margin-top:6px;">
        Phenom Poker, WPT Global (20% RB), or PokerBros club access.
      </div>
    </div>
    <div class="step">
      <div class="num">2</div>
      <b>Request private access</b>
      <div style="color:var(--muted); font-size:13px; margin-top:6px;">
        Message support with your chosen platform and region so we can guide you correctly.
      </div>
    </div>
    <div class="step">
      <div class="num">3</div>
      <b>Get onboarded</b>
      <div style="color:var(--muted); font-size:13px; margin-top:6px;">
        Receive the link / club steps, complete registration, start playing.
      </div>
    </div>
  </div>
</section>

<section>
  <div class="sectionTitle">
    <div>
      <h2>Testimonials</h2>
      <p>Placeholders — replace with real quotes later.</p>
    </div>
  </div>

  <div class="testimonials">
    <div class="quote">
      <p>“Super fast onboarding — got access in minutes.”</p>
      <span>— Player A</span>
    </div>
    <div class="quote">
      <p>“Deal was exactly as described. Clean communication.”</p>
      <span>— Player B</span>
    </div>
    <div class="quote">
      <p>“Private club games were softer than expected.”</p>
      <span>— Player C</span>
    </div>
  </div>
</section>

<section id="contact">
  <div class="ctaBlock">
    <div>
      <h3>Request Private Access</h3>
      <p>DM support to receive the correct referral link / club steps for your region.</p>
    </div>
    <div style="display:flex; gap:10px; flex-wrap:wrap;">
      <a class="btn primary" href="https://t.me/@nfs1100" target="_blank" rel="noopener">
        Open Telegram Support
      </a>
      <button class="btn" type="button" onclick="copySupport()">Copy Telegram Username</button>
    </div>
  </div>

  <div class="divider"></div>

  <div style="display:grid; gap:10px; max-width:720px;">
    <b>Suggested DM template (copy/paste):</b>
    <div class="panel" style="padding:14px;">
      <div class="panelInner" style="color:var(--muted); font-size:14px;">
        Hi! I’d like access to: [Phenom / WPT Global 20% RB / PokerBros INNParadise].<br/>
        My country/region: [write here].<br/>
        Preferred game: [cash / MTT / spins]. Thanks!
      </div>
    </div>
    <button class="btn" type="button" onclick="copyDMTemplate()">Copy DM Template</button>
  </div>
</section>

<footer>
  <div class="footerGrid">
    <div><b>Poker Access Hub</b> • 18+ • Play responsibly</div>
    <div class="links">
      <a href="#platforms">Platforms</a>
      <a href="#why">Why</a>
      <a href="#how">How</a>
      <a href="#contact">Access</a>
    </div>
  </div>
  <div style="margin-top:10px;">
    Disclaimer: This site provides informational access links only. Availability, deals and club entry may vary by jurisdiction and platform rules.
  </div>
</footer>