<div style="padding:50px 20px;max-width:960px;margin:0 auto;">

    <div style="text-align:center;margin-bottom:48px;">

        <span style="font-size:3.5rem;">🏆</span>

        <h1 style="color:#fff;font-size:2.2rem;font-weight:800;margin:12px 0 8px;">StupidAds Leaderboard</h1>

        <p style="color:#888;font-size:1rem;max-width:500px;margin:0 auto;">The most legendary chaos agents on the platform. Rankings update every Sunday.</p>

    </div>

    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;">

        <div style="background:#111118;border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:28px 20px;text-align:center;">

            <div style="font-size:2.5rem;margin-bottom:8px;">🥇</div>

            <h3 style="color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 6px;">Most Reactions</h3>

            <p style="color:#777;font-size:0.85rem;line-height:1.5;margin:0;">Top creators ranked by total reactions received this week.</p>

            <div style="margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05);">

                <p style="color:#555;font-size:0.78rem;margin:0;">Rankings update automatically</p>

            </div>

        </div>

        <div style="background:#111118;border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:28px 20px;text-align:center;">

            <div style="font-size:2.5rem;margin-bottom:8px;">🎯</div>

            <h3 style="color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 6px;">Most Ads Created</h3>

            <p style="color:#777;font-size:0.85rem;line-height:1.5;margin:0;">Volume creators who flood the feed with beautiful chaos.</p>

            <div style="margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05);">

                <p style="color:#555;font-size:0.78rem;margin:0;">Quality over quantity? Not here.</p>

            </div>

        </div>

        <div style="background:#111118;border:1px solid rgba(255,20,147,0.1);border-radius:14px;padding:28px 20px;text-align:center;">

            <div style="font-size:2.5rem;margin-bottom:8px;">💀</div>

            <h3 style="color:#FF1493;font-size:1.1rem;font-weight:700;margin:0 0 6px;">Hall of Shame</h3>

            <p style="color:#777;font-size:0.85rem;line-height:1.5;margin:0;">The most clowned ads of all time. Infamy is still fame.</p>

            <div style="margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,20,147,0.1);">

                <p style="color:#888;font-size:0.78rem;margin:0;">Can you make the list?</p>

            </div>

        </div>

    </div>

    <div style="text-align:center;margin-top:48px;padding:24px;background:#111118;border:1px solid rgba(255,255,255,0.04);border-radius:14px;">

        <p style="color:#888;font-size:0.85rem;margin:0;">👀 Rankings will appear here once the community starts creating. Be the first to post an ad and claim the top spot.</p>

    </div>

</div>