<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <title>Steve's Sharp Picks</title>

  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">

  <style>

    :root {

      --shark: #0f172a;

      --green: #10b981;

      --red: #ef4444;

      --gray: #64748b;

    }

    * { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }

    body { background:#0b1120; color:#e2e8f0; line-height:1.6; }

    .container { max-width:1200px; margin:auto; padding:1rem; }

    header { text-align:center; padding:2rem 1rem; background:linear-gradient(135deg, #1e293b, #0f172a); }

    h1 { font-size:2.5rem; font-weight:700; color:#10b981; margin-bottom:0.5rem; }

    .tagline { font-size:1.1rem; color:#94a3b8; }

    .badge { display:inline-block; background:var(--green); color:#000; padding:0.25rem 0.75rem; border-radius:50px; font-weight:600; font-size:0.8rem; margin:0.5rem; }

    .section { background:#1e293b; margin:1.5rem 0; padding:1.5rem; border-radius:12px; border:1px solid #334155; }

    .pick { background:#0f172a; padding:1rem; margin:0.75rem 0; border-radius:8px; border-left:4px solid var(--green); }

    .ev { color:var(--green); font-weight:600; }

    .clv { color:#fbbf24; font-weight:600; }

    .cta { text-align:center; margin:2rem 0; }

    .btn { background:var(--green); color:#000; padding:1rem 2rem; font-weight:700; border-radius:8px; text-decoration:none; display:inline-block; margin:0.5rem; }

    .btn:hover { background:#34d399; }

    .footer { text-align:center; padding:2rem; color:#64748b; font-size:0.9rem; }

    .live { color:var(--green); animation:blink 1.5s infinite; }

    @keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0.5; } }

    @media (max-width:768px) { h1 { font-size:2rem; } }

  </style>

</head>

<body>

  <div class="container">

 

    <!-- HERO -->

    <header>

      <h1>STEVE'S SHARP PICKS</h1>

      <p class="tagline">+EV Parlays | Verified CLV | No Public Traps</p>

      <div>

        <span class="badge">+6.7% EV YTD</span>

        <span class="badge">+14.5¢ CLV Avg</span>

        <span class="badge live">LIVE PICKS DAILY</span>

      </div>

    </header>

 

    <!-- TODAY'S LOCK -->

    <div class="section">

      <h2>🔥 TODAY'S +EV PARLAY (Nov 10, 2025)</h2>

      <div class="pick">

        <strong>GB Packers -2.5</strong> vs PHI (-110)

        <span class="ev">+6.1% EV</span> |

        <span class="clv">+0.5 CLV</span>

      </div>

      <div class="pick">

        <strong>Over 47.5</strong> GB/PHI (-110)

        <span class="ev">+5.8% EV</span> |

        <span class="clv">+0.5 CLV</span>

      </div>

      <div class="pick">

        <strong>Josh Jacobs 80+ Rush Yds</strong> (-115)

        <span class="ev">+9.2% EV</span> |

        <span class="clv">+6.5 yds CLV</span>

      </div>

      <div class="pick">

        <strong>NYI @ NJD Over 5.5</strong> (-110)

        <span class="ev">+6.7% EV</span>

      </div>

      <p><strong>Combined Odds:</strong> +1800 | <strong>Proj Hit Rate:</strong> 11.4%</p>

    </div>

 

    <!-- CTA -->

    <div class="cta">

      <h2>Want These Picks Daily?</h2>

      <p><strong>$29/mo</strong> → Full Access + EV Breakdowns + Discord</p>

      <a href="https://buy.stripe.com/test" class="btn">GET PREMIUM ACCESS</a>

      <a href="#free" class="btn" style="background:#334155;color:#e2e8f0;">See Free Pick</a>

    </div>

 

    <!-- FREE SAMPLE -->

    <div class="section" id="free">

      <h2>🆓 FREE PICK OF THE DAY</h2>

      <div class="pick">

        <strong>VGK Golden Knights ML</strong> vs FLA (-140)

        <span class="ev">+3.9% EV</span> | FLA 1-6 ATS on B2B

      </div>

      <p><em>Full +EV parlay available to premium members only.</em></p>

    </div>

 

    <!-- FOOTER -->

    <div class="footer">

      <p>© 2025 Steve's Sharp Picks | @Steve_281 | <a href="#" style="color:#10b981;">Discord</a> | <a href="#" style="color:#10b981;">X</a></p>

      <p style="font-size:0.8rem; color:#64748b;">

        Entertainment purposes only. 21+. Gamble responsibly. No refunds. Past performance ≠ future results.

      </p>

    </div>

 

  </div>

 

  <script>

    // Auto-update date

    document.querySelectorAll('[data-date]').forEach(el => {

      el.textContent = new Date().toLocaleDateString('en-US', { month:'short', day:'numeric', year:'numeric' });

    });

  </script>

</body>

</html>