```html
<style>
#stEA{
  --gold:#f5c542;
  --gold2:#d89f18;
  --bg:#050505;
  --card:#0d0d0d;
  --line:#252525;
  --text:#fff;
  --muted:#a2a2a2;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:var(--bg);
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
}

#stEA *{
  box-sizing:border-box;
}

#stEA a{
  text-decoration:none!important;
}

.st-wrap{
  width:92%;
  max-width:1120px;
  margin:auto;
}

/* HEADER */
.st-header{
  width:100%;
  background:#070707;
  border-bottom:1px solid #202020;
}

.st-nav{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.st-logo{
  color:var(--gold);
  font-size:21px;
  font-weight:900;
  letter-spacing:.8px;
}

.st-logo span{
  color:#fff;
}

.st-topbtn{
  display:inline-block;
  background:linear-gradient(135deg,#ffe58b,#d49b15);
  color:#080808!important;
  padding:11px 18px;
  border-radius:30px;
  font-size:12px;
  font-weight:900;
}

/* HERO */
.st-hero{
  position:relative;
  text-align:center;
  padding:82px 18px 78px;
  background:
    radial-gradient(circle at 50% 10%,rgba(245,197,66,.16),transparent 38%),
    #050505;
}

.st-badge{
  display:inline-block;
  border:1px solid rgba(245,197,66,.4);
  background:rgba(245,197,66,.06);
  color:var(--gold);
  padding:8px 15px;
  border-radius:30px;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.3px;
  margin-bottom:20px;
}

.st-hero h1{
  margin:0 auto 20px;
  max-width:850px;
  font-size:clamp(40px,7vw,76px);
  line-height:1.02;
  letter-spacing:-2px;
  font-weight:950;
}

.st-gold{
  color:var(--gold);
}

.st-hero p{
  max-width:680px;
  margin:0 auto 30px;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.st-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.st-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 25px;
  border-radius:10px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}

.st-btn-gold{
  background:linear-gradient(135deg,#ffe58b,#d49b15);
  color:#050505!important;
  box-shadow:0 8px 30px rgba(245,197,66,.15);
}

.st-btn-dark{
  background:#111;
  color:#fff!important;
  border:1px solid #343434;
}

.st-btn:hover{
  transform:translateY(-2px);
}

/* STATS */
.st-stats{
  border-top:1px solid #171717;
  border-bottom:1px solid #171717;
  background:#090909;
}

.st-statgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.st-stat{
  padding:22px 10px;
  text-align:center;
  border-right:1px solid #191919;
}

.st-stat:last-child{
  border-right:0;
}

.st-stat strong{
  display:block;
  color:var(--gold);
  font-size:23px;
  margin-bottom:3px;
}

.st-stat span{
  color:#777;
  font-size:11px;
}

/* SECTION */
.st-section{
  padding:82px 0;
}

.st-heading{
  text-align:center;
  max-width:720px;
  margin:0 auto 45px;
}

.st-mini{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
}

.st-heading h2{
  font-size:clamp(30px,5vw,46px);
  line-height:1.1;
  margin:12px 0;
}

.st-heading p{
  color:#858585;
  font-size:15px;
}

/* CARDS */
.st-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.st-card{
  background:linear-gradient(145deg,#111,#090909);
  border:1px solid var(--line);
  border-radius:17px;
  padding:27px;
}

.st-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:var(--gold);
  background:rgba(245,197,66,.08);
  font-size:20px;
  margin-bottom:17px;
}

.st-card h3{
  font-size:18px;
  margin:0 0 9px;
}

.st-card p{
  color:#858585;
  font-size:13px;
  line-height:1.7;
  margin:0;
}

/* STEPS */
.st-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.st-step{
  background:#0b0b0b;
  border:1px solid #222;
  border-radius:17px;
  padding:28px;
}

.st-number{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:15px;
}

.st-step h3{
  margin:0 0 9px;
  font-size:18px;
}

.st-step p{
  color:#858585;
  font-size:13px;
  margin:0;
}

/* CTA */
.st-cta{
  padding:30px 0 80px;
}

.st-cta-box{
  text-align:center;
  padding:65px 22px;
  border-radius:23px;
  border:1px solid rgba(245,197,66,.25);
  background:
    radial-gradient(circle at center,rgba(245,197,66,.11),transparent 55%),
    #0a0a0a;
}

.st-cta-box h2{
  margin:0 0 13px;
  font-size:clamp(30px,5vw,50px);
  line-height:1.1;
}

.st-cta-box p{
  max-width:620px;
  margin:0 auto 25px;
  color:#888;
}

/* FAQ */
.st-faq{
  max-width:850px;
  margin:auto;
}

.st-faq details{
  background:#0c0c0c;
  border:1px solid #222;
  border-radius:12px;
  padding:17px 19px;
  margin-bottom:10px;
}

.st-faq summary{
  cursor:pointer;
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.st-faq p{
  color:#858585;
  font-size:13px;
  line-height:1.7;
  margin:12px 0 0;
}

/* DISCLAIMER */
.st-disclaimer{
  padding:0 0 70px;
}

.st-risk{
  background:#0a0a0a;
  border:1px solid #1e1e1e;
  border-radius:15px;
  padding:22px;
}

.st-risk strong{
  display:block;
  color:var(--gold);
  margin-bottom:8px;
  font-size:13px;
}

.st-risk p{
  color:#707070;
  font-size:11px;
  line-height:1.7;
  margin:0;
}

/* FOOTER */
.st-footer{
  border-top:1px solid #191919;
  padding:28px 15px 90px;
  text-align:center;
  color:#666;
  font-size:11px;
}

.st-footer b{
  color:var(--gold);
}

/* MOBILE BAR */
.st-mobilebar{
  display:none;
}

/* MOBILE */
@media(max-width:760px){

  .st-wrap{
    width:90%;
  }

  .st-nav{
    min-height:62px;
  }

  .st-logo{
    font-size:16px;
  }

  .st-topbtn{
    padding:9px 12px;
    font-size:10px;
  }

  .st-hero{
    padding:65px 15px 60px;
  }

  .st-hero h1{
    font-size:43px;
    letter-spacing:-1px;
  }

  .st-hero p{
    font-size:14px;
  }

  .st-buttons{
    flex-direction:column;
  }

  .st-btn{
    width:100%;
    max-width:330px;
  }

  .st-stat strong{
    font-size:17px;
  }

  .st-stat span{
    font-size:9px;
  }

  .st-section{
    padding:60px 0;
  }

  .st-grid,
  .st-steps{
    grid-template-columns:1fr;
  }

  .st-card,
  .st-step{
    padding:24px;
  }

  .st-cta{
    padding-bottom:45px;
  }

  .st-mobilebar{
    display:block;
    position:fixed;
    z-index:999999;
    left:0;
    right:0;
    bottom:0;
    padding:9px;
    background:rgba(5,5,5,.97);
    border-top:1px solid #282828;
  }

  .st-mobilebar a{
    display:block;
    width:100%;
    text-align:center;
    background:linear-gradient(135deg,#ffe58b,#d49b15);
    color:#050505!important;
    border-radius:9px;
    padding:13px 10px;
    font-size:13px;
    font-weight:900;
  }
}
</style>


<div id="stEA">

  <!-- HEADER -->
  <div class="st-header">
    <div class="st-wrap st-nav">

      <div class="st-logo">
        SHAKUNI <span>TRAP EA</span>
      </div>

      <a class="st-topbtn"
         href="https://t.me/shaakunitrapea"
         target="_blank"
         rel="noopener noreferrer">
        JOIN TELEGRAM
      </a>

    </div>
  </div>


  <!-- HERO -->
  <section class="st-hero">

    <div class="st-badge">
      ⚡ XAUUSD AUTOMATED TRADING SYSTEM
    </div>

    <h1>
      TRADE GOLD<br>
      <span class="st-gold">WITH A SYSTEM.</span>
    </h1>

    <p>
      Discover Shakuni Trap EA — a MetaTrader 5 automated
      trading system created for traders interested in
      structured XAUUSD trading.
    </p>

    <div class="st-buttons">

      <a class="st-btn st-btn-gold"
         href="https://t.me/shaakunitrapea"
         target="_blank"
         rel="noopener noreferrer">
        ✈ JOIN TELEGRAM
      </a>

      <a class="st-btn st-btn-dark"
         href="#st-features">
        EXPLORE EA
      </a>

    </div>

  </section>


  <!-- STATS -->
  <section class="st-stats">

    <div class="st-wrap st-statgrid">

      <div class="st-stat">
        <strong>XAUUSD</strong>
        <span>Primary Market</span>
      </div>

      <div class="st-stat">
        <strong>MT5</strong>
        <span>Trading Platform</span>
      </div>

      <div class="st-stat">
        <strong>AUTO</strong>
        <span>Rule-Based Execution</span>
      </div>

    </div>

  </section>


  <!-- FEATURES -->
  <section class="st-section" id="st-features">

    <div class="st-wrap">

      <div class="st-heading">

        <div class="st-mini">SYSTEM FEATURES</div>

        <h2>
          Built for a
          <span class="st-gold">structured approach</span>
          to Gold
        </h2>

        <p>
          Automation can help traders execute predefined
          rules consistently without constant manual clicking.
        </p>

      </div>


      <div class="st-grid">

        <div class="st-card">
          <div class="st-icon">⚡</div>
          <h3>Automated Execution</h3>
          <p>
            The EA can monitor market conditions and execute
            programmed trading rules automatically.
          </p>
        </div>

        <div class="st-card">
          <div class="st-icon">◆</div>
          <h3>XAUUSD Focus</h3>
          <p>
            Designed with Gold trading conditions as the
            primary market focus.
          </p>
        </div>

        <div class="st-card">
          <div class="st-icon">🛡</div>
          <h3>Risk Parameters</h3>
          <p>
            Trading settings can be configured according
            to your preferred risk and account size.
          </p>
        </div>

        <div class="st-card">
          <div class="st-icon">◈</div>
          <h3>MetaTrader 5</h3>
          <p>
            Built for compatible MetaTrader 5 trading
            environments.
          </p>
        </div>

        <div class="st-card">
          <div class="st-icon">◉</div>
          <h3>Market Monitoring</h3>
          <p>
            Automation can monitor the market while you
            focus on other tasks.
          </p>
        </div>

        <div class="st-card">
          <div class="st-icon">⌁</div>
          <h3>Flexible Settings</h3>
          <p>
            Configure the available parameters to suit
            your own trading plan.
          </p>
        </div>

      </div>

    </div>

  </section>


  <!-- PROCESS -->
  <section class="st-section">

    <div class="st-wrap">

      <div class="st-heading">

        <div class="st-mini">GET STARTED</div>

        <h2>
          Simple.
          <span class="st-gold">Structured.</span>
          Automated.
        </h2>

        <p>
          Follow the official channel to learn more about
          Shakuni Trap EA.
        </p>

      </div>


      <div class="st-steps">

        <div class="st-step">
          <div class="st-number">01 / JOIN</div>
          <h3>Join Telegram</h3>
          <p>
            Connect with the official Shakuni Trap
            Telegram community.
          </p>
        </div>

        <div class="st-step">
          <div class="st-number">02 / LEARN</div>
          <h3>Understand The System</h3>
          <p>
            Review the EA information, settings and
            important risk considerations.
          </p>
        </div>

        <div class="st-step">
          <div class="st-number">03 / TEST</div>
          <h3>Demo First</h3>
          <p>
            Test the system on a demo account before
            considering live deployment.
          </p>
        </div>

      </div>

    </div>

  </section>


  <!-- TELEGRAM CTA -->
  <section class="st-cta">

    <div class="st-wrap">

      <div class="st-cta-box">

        <div class="st-badge">
          OFFICIAL TELEGRAM
        </div>

        <h2>
          Explore <span class="st-gold">Shakuni Trap EA</span>
        </h2>

        <p>
          Join the official Telegram channel for updates,
          announcements and further information.
        </p>

        <div class="st-buttons">

          <a class="st-btn st-btn-gold"
             href="https://t.me/shaakunitrapea"
             target="_blank"
             rel="noopener noreferrer">
            ✈ JOIN TELEGRAM NOW
          </a>

        </div>

      </div>

    </div>

  </section>


  <!-- FAQ -->
  <section class="st-section">

    <div class="st-wrap">

      <div class="st-heading">

        <div class="st-mini">FAQ</div>

        <h2>
          Frequently Asked
          <span class="st-gold">Questions</span>
        </h2>

      </div>


      <div class="st-faq">

        <details>
          <summary>What is Shakuni Trap EA?</summary>
          <p>
            Shakuni Trap EA is automated trading software
            designed for MetaTrader 5 and focused primarily
            on XAUUSD trading.
          </p>
        </details>

        <details>
          <summary>Does it guarantee profit?</summary>
          <p>
            No. Trading involves significant risk and no
            Expert Advisor can guarantee profits.
          </p>
        </details>

        <details>
          <summary>Should I use it on a demo account first?</summary>
          <p>
            Yes. Demo testing is strongly recommended before
            considering any live trading deployment.
          </p>
        </details>

        <details>
          <summary>Where can I get updates?</summary>
          <p>
            Join the official Telegram community using any
            Telegram button on this page.
          </p>
        </details>

      </div>

    </div>

  </section>


  <!-- DISCLAIMER -->
  <section class="st-disclaimer">

    <div class="st-wrap">

      <div class="st-risk">

        <strong>⚠ RISK DISCLOSURE</strong>

        <p>
          Trading forex, CFDs and precious metals involves
          substantial risk and may result in loss of capital.
          Past performance, backtests, simulations or examples
          do not guarantee future results. Shakuni Trap EA is
          software and does not provide investment advice or
          guarantee profits. Always test on a demo account and
          trade only with capital you can afford to lose.
        </p>

      </div>

    </div>

  </section>


  <!-- FOOTER -->
  <div class="st-footer">

    © 2026 <b>Shakuni Trap EA</b> — All Rights Reserved.

  </div>


  <!-- MOBILE TELEGRAM BUTTON -->
  <div class="st-mobilebar">

    <a href="https://t.me/shaakunitrapea"
       target="_blank"
       rel="noopener noreferrer">
      ✈ JOIN SHAKUNI TRAP TELEGRAM
    </a>

  </div>

</div>
```
<!-- VANTAGE ACCOUNT SECTION -->
<section class="vantage-section" id="vantage">
    <div class="vantage-card">

        <div class="vantage-badge">VANTAGE MARKETS</div>

        <h2>VANTAGE ACCOUNT REQUIRED</h2>

        <p class="vantage-text">
            To use the Shakuni Trap EA service, registration through our
            Vantage referral link is mandatory.
        </p>

        <!-- Registration Button -->
        <a href="https://vigco.co/la-com-inv/HhIgU0ZU"
           target="_blank"
           rel="noopener"
           class="vantage-btn">
            OPEN VANTAGE ACCOUNT
        </a>

        <!-- Referral Code -->
        <div class="code-box">
            <div>
                <span class="code-label">REFERRAL CODE</span>
                <strong id="referralCode">HhIgU0ZU</strong>
            </div>

            <button onclick="copyCode('referralCode', this)">
                COPY
            </button>
        </div>

        <!-- IB Code -->
        <div class="code-box">
            <div>
                <span class="code-label">IB CODE</span>
                <strong id="ibCode">26461999</strong>
            </div>

            <button onclick="copyCode('ibCode', this)">
                COPY
            </button>
        </div>

        <p class="vantage-note">
            Please complete your Vantage registration using the link above
            before requesting EA access.
        </p>

    </div>
</section>

<style>
.vantage-section {
    padding: 70px 20px;
    background: #050505;
}

.vantage-card {
    max-width: 750px;
    margin: auto;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 20px;
    background: linear-gradient(145deg, #111111, #050505);
    box-shadow: 0 0 35px rgba(212, 175, 55, 0.08);
}

.vantage-badge {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(212, 175, 55, 0.1);
    color: #d4af37;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

.vantage-card h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
}

.vantage-text {
    max-width: 600px;
    margin: 0 auto 25px;
    color: #bdbdbd;
    line-height: 1.7;
    font-size: 15px;
}

.vantage-btn {
    display: inline-block;
    padding: 15px 28px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #d4af37;
    color: #050505;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .5px;
    transition: .25s;
}

.vantage-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.25);
}

.code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 18px;
    margin-top: 12px;
    background: #0b0b0b;
    border: 1px solid #292929;
    border-radius: 12px;
    text-align: left;
}

.code-label {
    display: block;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.code-box strong {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}

.code-box button {
    border: 1px solid #d4af37;
    background: transparent;
    color: #d4af37;
    padding: 9px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
}

.code-box button:hover {
    background: #d4af37;
    color: #050505;
}

.vantage-note {
    margin-top: 22px;
    color: #777;
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 600px) {
    .vantage-section {
        padding: 50px 15px;
    }

    .vantage-card {
        padding: 30px 18px;
    }

    .vantage-card h2 {
        font-size: 24px;
    }

    .code-box {
        padding: 13px;
    }

    .code-box strong {
        font-size: 16px;
    }

    .code-box button {
        padding: 8px 12px;
    }

    .vantage-btn {
        width: 100%;
        box-sizing: border-box;
    }
}
</style>

<script>
function copyCode(elementId, button) {
    const code = document.getElementById(elementId).innerText;

    navigator.clipboard.writeText(code).then(function() {
        const oldText = button.innerText;
        button.innerText = "COPIED";

        setTimeout(function() {
            button.innerText = oldText;
        }, 1500);
    });
}
</script>