<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>Target Rewards - Claim Your $750 Gift Card</title>

    <script src="https://cdn.tailwindcss.com"></script>

    <style>

        .target-red { color: #CC0000; }

        .bg-target-red { background-color: #CC0000; }

        .hover-target-red:active { background-color: #A30000; }

        

        /* Pure CSS Accordion Logic */

        .accordion-content { display: none; }

        .accordion-toggle:checked ~ .accordion-content { display: block; }

        .accordion-toggle:checked + .flex .plus-icon { display: none; }

        .accordion-toggle:checked + .flex .minus-icon { display: inline; }

        .minus-icon { display: none; }


        /* Mobile specific enhancements */

        body {

            -webkit-tap-highlight-color: transparent;

            touch-action: manipulation;

        }

    </style>

</head>

<body class="bg-gray-50 text-gray-800 font-sans antialiased selection:bg-red-200">

    

    <!-- Header -->

    <header class="bg-white shadow-sm py-3 px-4 sticky top-0 z-20">

        <div class="max-w-md mx-auto flex items-center justify-center">

            <!-- Target Logo Mockup -->

            <svg class="w-7 h-7 mr-2 text-[#CC0000]" fill="currentColor" viewBox="0 0 24 24">

                <circle cx="12" cy="12" r="12" />

                <circle cx="12" cy="12" r="8" fill="white" />

                <circle cx="12" cy="12" r="4" fill="#CC0000" />

            </svg>

            <div class="text-xl font-bold text-gray-900 tracking-tight">

                Target<span class="font-normal text-gray-500">Rewards</span>

            </div>

        </div>

    </header>


    <!-- Main Content -->

    <main class="max-w-md mx-auto px-4 py-6 text-center">

        

        <!-- Hero Section -->

        <section class="mb-8">

            <div class="inline-block bg-red-100 text-[#CC0000] font-semibold px-3 py-1 rounded-full text-xs mb-3">

                Limited Time Offer

            </div>

            <h1 class="text-3xl font-extrabold text-gray-900 mb-3 tracking-tight leading-tight">

                Your $750 Gift Card Awaits

            </h1>

            <p class="text-base text-gray-600 px-2">

                Join Target Rewards, complete a few partner offers, and treat yourself on us.

            </p>

        </section>


        <!-- Steps List -->

        <ol class="text-left bg-white p-5 rounded-2xl shadow-sm border border-gray-100 mb-6 space-y-4">

            <li class="flex items-start">

                <span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">1</span>

                <div>

                    <span class="block font-bold text-gray-900 text-base">Tap Claim Now</span>

                    <span class="text-gray-500 text-xs sm:text-sm">Kick off your reward in just a few seconds.</span>

                </div>

            </li>

            <li class="flex items-start">

                <span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">2</span>

                <div>

                    <span class="block font-bold text-gray-900 text-base">Share your email</span>

                    <span class="text-gray-500 text-xs sm:text-sm">We use it to send your gift card securely.</span>

                </div>

            </li>

            <li class="flex items-start">

                <span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">3</span>

                <div>

                    <span class="block font-bold text-gray-900 text-base">Complete partner deals</span>

                    <span class="text-gray-500 text-xs sm:text-sm">Finish 4–5 short sponsored offers.</span>

                </div>

            </li>

            <li class="flex items-start">

                <span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">4</span>

                <div>

                    <span class="block font-bold text-gray-900 text-base">Receive $750 to spend</span>

                    <span class="text-gray-500 text-xs sm:text-sm">Use it at Target online or in store.</span>

                </div>

            </li>

        </ol>


        <!-- Fixed / Prominent Call to Action for Mobile -->

        <div class="mb-3">

            <a href="https://linkthem.net/aff_c?offer_id=250&aff_id=187135" rel="noopener noreferrer" target="_blank" class="block w-full bg-target-red text-white text-lg font-bold py-4 px-6 rounded-xl shadow-lg hover-target-red transition-transform active:scale-95 duration-100">

                Claim My Reward

            </a>

        </div>

        <p class="text-[11px] text-gray-400 mb-10 px-4">

            Sponsored deal completion is required before your reward is confirmed.

        </p>


        <!-- Q&A Section -->

        <section class="text-left pt-8 border-t border-gray-200">

            <h2 class="text-xl font-bold text-gray-900 mb-4 text-center">Questions &amp; Answers</h2>

            

            <div class="space-y-3">

                <!-- Question 1 -->

                <div class="bg-white border border-gray-100 rounded-xl shadow-sm">

                    <label class="cursor-pointer block p-4">

                        <input type="checkbox" class="accordion-toggle hidden">

                        <div class="flex justify-between items-center font-semibold text-gray-800 text-sm">

                            How do I get my gift card?

                            <span class="text-gray-400 text-lg font-normal plus-icon">+</span>

                            <span class="text-gray-400 text-lg font-normal minus-icon">−</span>

                        </div>

                        <div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">

                            Once you finish the required 4-5 sponsored partner offers, your reward status will be confirmed and the $750 Target digital gift card will be emailed to the address you provided.

                        </div>

                    </label>

                </div>

                

                <!-- Question 2 -->

                <div class="bg-white border border-gray-100 rounded-xl shadow-sm">

                    <label class="cursor-pointer block p-4">

                        <input type="checkbox" class="accordion-toggle hidden">

                        <div class="flex justify-between items-center font-semibold text-gray-800 text-sm">

                            Are there any hidden fees?

                            <span class="text-gray-400 text-lg font-normal plus-icon">+</span>

                            <span class="text-gray-400 text-lg font-normal minus-icon">−</span>

                        </div>

                        <div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">

                            Some partner deals are completely free (like downloading an app or playing a game), while others may require a trial subscription or purchase. You can choose which deals you want to complete.

                        </div>

                    </label>

                </div>

                

                <!-- Question 3 -->

                <div class="bg-white border border-gray-100 rounded-xl shadow-sm">

                    <label class="cursor-pointer block p-4">

                        <input type="checkbox" class="accordion-toggle hidden">

                        <div class="flex justify-between items-center font-semibold text-gray-800 text-sm">

                            Can I use this in-store?

                            <span class="text-gray-400 text-lg font-normal plus-icon">+</span>

                            <span class="text-gray-400 text-lg font-normal minus-icon">−</span>

                        </div>

                        <div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">

                            Yes! Your reward is sent as a digital gift card that features a scannable barcode for in-store checkout, as well as a PIN for online shopping at Target.com.

                        </div>

                    </label>

                </div>

            </div>

        </section>

        

    </main>


    <!-- Footer -->

    <footer class="bg-gray-100 py-6 mt-10 border-t border-gray-200">

        <div class="max-w-md mx-auto px-4 text-center text-[11px] text-gray-500">

            <p class="mb-2">This is a promotional offer. Trademarks and logos are the property of their respective owners.</p>

            <div class="flex justify-center space-x-3">

                <a href="#" class="hover:underline">Privacy Policy</a>

                <a href="#" class="hover:underline">Terms of Service</a>

                <a href="#" class="hover:underline">Contact</a>

            </div>

        </div>

    </footer>


</body>

</html>