Return-Path: <support@yenbai.gov.vn>
From: Health Insights <support@yenbai.gov.vn>
To: bruce@untroubled.org
Subject: CBS Report: The Ritual Restoring Mental Sharpness
Message-ID: <c96dfc78ec7f49389530d1be707f64a2@yenbai.gov.vn>
Date: Mon, 05 Oct 2026 15:16:28 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 38760

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CBS News Medical Watch | Brain Cleansing Breakthrough 2026</title>
    
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    
    <!-- Google Fonts: Inter & Merriweather -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0b0f19;
            color: #1e293b;
        }

        .font-article {
            font-family: 'Merriweather', Georgia, serif;
        }

        /* Video Play Button Pulse Animation */
        @keyframes pulse-ring {
            0% {
                transform: scale(0.9);
                box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7);
            }
            70% {
                transform: scale(1.1);
                box-shadow: 0 0 0 22px rgba(220, 38, 38, 0);
            }
            100% {
                transform: scale(0.9);
                box-shadow: 0 0 0 0 rgba(220, 38, 38, 0);
            }
        }

        .animate-play-pulse {
            animation: pulse-ring 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
        }

        /* Subtle Glow for High-Conversion CTAs */
        .cta-glow {
            box-shadow: 0 0 30px rgba(220, 38, 38, 0.45);
            transition: all 0.3s ease;
        }

        .cta-glow:hover {
            box-shadow: 0 0 45px rgba(220, 38, 38, 0.75);
            transform: translateY(-2px);
        }

        /* Dropcap styling */
        .dropcap::first-letter {
            font-size: 3.8rem;
            float: left;
            line-height: 0.8;
            margin-top: 0.1em;
            margin-right: 0.15em;
            color: #b91c1c;
            font-weight: 800;
            font-family: 'Inter', sans-serif;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a;
        }
        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #475569;
        }
    </style>
</head>

<body class="bg-slate-950 text-slate-100 antialiased selection:bg-red-600 selection:text-white pb-20 md:pb-0">

    <div class="bg-gradient-to-r from-red-950 via-red-900 to-slate-950 text-red-200 border-b border-red-800/40 text-xs font-semibold py-2 px-4 shadow-inner">
        <div class="max-w-6xl mx-auto flex flex-wrap justify-between items-center gap-2">
            <div class="flex items-center gap-2">
                <span class="inline-flex items-center justify-center bg-red-600 text-white text-[10px] font-extrabold uppercase px-2 py-0.5 rounded tracking-widest animate-pulse">
                    LIVE BULLETIN
                </span>
                <span class="tracking-wide text-slate-200 font-medium">
                    SPECIAL INVESTIGATIVE REPORT • BRAIN HEALTH BULLETIN 2026
                </span>
            </div>
            <div class="hidden md:flex items-center gap-4 text-slate-300 text-[11px]">
                <span><i class="fa-solid fa-signal text-emerald-400 mr-1.5"></i> Broadcast Verified</span>
                <span class="text-slate-500">|</span>
                <span><i class="fa-solid fa-eye text-red-400 mr-1.5"></i> 18,420 Active Readers</span>
            </div>
        </div>
    </div>

    <header class="bg-slate-900/90 backdrop-blur-md border-b border-slate-800 sticky top-0 z-40 shadow-xl">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16 sm:h-20">
                
                <!-- Logo & Brand -->
                <div class="flex items-center gap-4">
                    <a href="https://storage.googleapis.com/bidoumemf/li" target="_blank" class="flex items-center gap-2 group">
                        <div class="bg-red-600 text-white font-black text-xl sm:text-2xl px-2.5 py-1 rounded tracking-tighter flex items-center gap-1 group-hover:bg-red-700 transition">
                            <span>CBS</span>
                            <span class="bg-white text-red-600 px-1.5 rounded-sm text-lg font-black">NEWS</span>
                        </div>
                    </a>
                    <div class="h-6 w-px bg-slate-700 hidden sm:block"></div>
                    <span class="hidden sm:inline-block text-xs font-bold uppercase tracking-widest text-slate-400">
                        Medical Watch <span class="text-red-500">•</span> Investigative Unit
                    </span>
                </div>

                <!-- Center Category Tag -->
                <div class="hidden lg:flex items-center gap-2 bg-slate-800/80 px-3 py-1.5 rounded-full border border-slate-700 text-xs font-semibold text-slate-300">
                    <i class="fa-solid fa-brain text-red-500"></i>
                    <span>NEUROLOGY & COGNITION</span>
                </div>

                <!-- Right Metadata -->
                <div class="flex items-center gap-3 sm:gap-5 text-slate-300 text-xs sm:text-sm">
                    <span class="hidden sm:inline-flex items-center gap-1.5 text-slate-400">
                        <i class="fa-regular fa-clock text-red-400"></i> 4 Min Read
                    </span>
                    <span class="text-slate-400 hidden sm:inline">October 2026</span>
                    <button class="bg-slate-800 hover:bg-slate-700 text-slate-200 p-2 rounded-lg border border-slate-700 transition" aria-label="Search">
                        <i class="fa-solid fa-magnifying-glass"></i>
                    </button>
                </div>
            </div>
        </div>
    </header>

    <main class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12">
        
        <!-- Background Wrapper Card -->
        <div class="bg-slate-900 border border-slate-800 rounded-2xl shadow-2xl overflow-hidden">
            
            <header class="p-6 sm:p-10 lg:p-12 border-b border-slate-800 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950">
                
                <div class="flex flex-wrap items-center gap-3 mb-5">
                    <span class="bg-red-600/20 text-red-400 border border-red-500/30 font-bold text-xs px-3 py-1 rounded-full uppercase tracking-wider flex items-center gap-1.5">
                        <i class="fa-solid fa-shield-halved"></i> UCLA Research Exclusive
                    </span>
                    <span class="text-slate-400 text-xs font-medium flex items-center gap-1">
                        <i class="fa-solid fa-circle text-[8px] text-emerald-500 animate-ping"></i> Verified Public Health Update
                    </span>
                </div>

                <!-- High-Impact Main Headline -->
                <h1 class="text-2xl sm:text-4xl lg:text-5xl font-black text-white leading-[1.2] sm:leading-[1.18] tracking-tight mb-6">
                    Better Than Lecanemab? This 2-Minute Brain Cleansing Ritual Is Helping Thousands of Americans Over 55 Reverse Cognitive Decline <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-400 via-orange-400 to-amber-300">Without Drugs</span>
                </h1>

                <!-- Sub-headline deck -->
                <p class="text-base sm:text-xl text-slate-300 font-light leading-relaxed mb-8">
                    Groundbreaking UCLA neurological research reveals how flushing toxic neural plaque can reactivate dormant memory synapses in just days—completely bypassing invasive pharmaceuticals.
                </p>

                <!-- Author & Publishing Meta Card -->
                <div class="flex flex-wrap items-center justify-between gap-4 pt-6 border-t border-slate-800/80 text-sm">
                    <div class="flex items-center gap-3">
                        <div class="relative">
                            <img src="https://placehold.co/120x120/1e293b/ffffff?text=Dr.+LaPook" alt="Dr. Jonathan LaPook" class="w-12 h-12 rounded-full border-2 border-red-500/50 object-cover">
                            <span class="absolute -bottom-1 -right-1 bg-blue-600 text-white rounded-full w-5 h-5 flex items-center justify-center text-[10px]" title="Verified Medical Correspondent">
                                <i class="fa-solid fa-check"></i>
                            </span>
                        </div>
                        <div>
                            <div class="flex items-center gap-1.5 font-bold text-slate-100">
                                <span>Dr. Jonathan LaPook</span>
                                <span class="text-blue-400 text-xs"><i class="fa-solid fa-circle-check"></i></span>
                            </div>
                            <p class="text-xs text-slate-400">Chief Medical Correspondent • CBS News</p>
                        </div>
                    </div>

                    <div class="flex items-center gap-4 text-xs text-slate-400">
                        <div class="flex items-center gap-1.5 bg-slate-800/60 px-3 py-1.5 rounded-lg border border-slate-700/60">
                            <i class="fa-regular fa-calendar text-red-400"></i>
                            <span>Updated: October 2026</span>
                        </div>
                        <div class="hidden sm:flex items-center gap-2">
                            <button onclick="shareArticle()" class="bg-slate-800 hover:bg-slate-700 text-slate-200 px-3 py-1.5 rounded-lg border border-slate-700 transition flex items-center gap-1.5">
                                <i class="fa-solid fa-share-nodes"></i> Share
                            </button>
                        </div>
                    </div>
                </div>

            </header>

            <section class="p-6 sm:p-10 bg-slate-950/60">
                <div class="relative rounded-2xl overflow-hidden border border-slate-800 shadow-2xl bg-black group">
                    
                    <!-- Top Status Overlay Badge -->
                    <div class="absolute top-4 left-4 z-20 flex flex-wrap items-center gap-2">
                        <span class="bg-red-600 text-white font-extrabold text-xs px-3 py-1 rounded-md shadow-lg flex items-center gap-1.5 uppercase tracking-wider">
                            <span class="w-2 h-2 rounded-full bg-white animate-ping"></span>
                            LIVE PRESENTATION
                        </span>
                        <span class="bg-black/80 backdrop-blur-md text-slate-200 text-xs font-semibold px-3 py-1 rounded-md border border-white/10 hidden sm:inline-flex items-center gap-1.5">
                            <i class="fa-solid fa-users text-red-400"></i> <span id="live-viewer-count">18,420</span> Watching Now
                        </span>
                    </div>

                    <!-- Hero Media Preview Image -->
                    <div class="relative aspect-video w-full cursor-pointer overflow-hidden" onclick="openVideoModal()">
                        <img src="https://i.8upload.com/image/f48009150aaa9a1d/scr-20260911-lvle.png" 
                             onerror="this.src='https://placehold.co/900x506/0f172a/ffffff?text=Watch+UCLA+Neurology+Presentation'" 
                             alt="Dr. Bredesen Video Presentation" 
                             class="w-full h-full object-cover object-center opacity-85 group-hover:scale-105 transition duration-700">
                        
                        <div class="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/20 to-transparent"></div>

                        <!-- Center Pulsing Play Button Overlay -->
                        <div class="absolute inset-0 flex flex-col items-center justify-center p-4">
                            <div class="w-20 h-20 sm:w-24 sm:h-24 bg-red-600 hover:bg-red-700 text-white rounded-full flex items-center justify-center pl-1.5 animate-play-pulse cursor-pointer transition transform group-hover:scale-110 shadow-2xl border-4 border-white/20">
                                <i class="fa-solid fa-play text-3xl sm:text-4xl"></i>
                            </div>
                            <div class="mt-4 sm:mt-6 bg-slate-900/90 backdrop-blur-md text-white font-bold text-sm sm:text-base px-5 py-2.5 rounded-full border border-slate-700 shadow-xl flex items-center gap-2 group-hover:border-red-500 transition">
                                <i class="fa-solid fa-circle-play text-red-500"></i>
                                <span>Click To Play Unedited Broadcast</span>
                            </div>
                        </div>

                        <!-- Bottom Duration / Control Bar Simulation -->
                        <div class="absolute bottom-0 inset-x-0 bg-slate-950/90 backdrop-blur px-4 py-2 border-t border-white/10 flex justify-between items-center text-xs text-slate-400">
                            <div class="flex items-center gap-2">
                                <i class="fa-solid fa-volume-high text-red-400"></i>
                                <span>Audio Enabled • 1080p HD</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <span class="bg-red-950 text-red-300 px-2 py-0.5 rounded border border-red-800/50 font-mono text-[10px]">LIMITED AVAILABILITY</span>
                            </div>
                        </div>
                    </div>
                </div>

                <p class="text-xs text-center text-slate-400 mt-3 italic">
                    <i class="fa-solid fa-triangle-exclamation text-amber-400 mr-1"></i> Due to high traffic, video stream access is guaranteed for the next 15 minutes only.
                </p>
            </section>

            <section class="px-6 sm:px-10 py-6">
                <div class="bg-gradient-to-br from-slate-800/80 to-slate-900 p-6 sm:p-8 rounded-xl border border-red-500/20 shadow-xl">
                    <h3 class="text-lg sm:text-xl font-extrabold text-white mb-4 flex items-center gap-2">
                        <i class="fa-solid fa-lightbulb text-amber-400"></i> KEY TAKEAWAYS: UCLA NEUROLOGICAL BREAKTHROUGH
                    </h3>
                    <ul class="space-y-3 text-slate-300 text-sm sm:text-base font-light">
                        <li class="flex items-start gap-3">
                            <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0"></i>
                            <span><strong class="text-white">Root Cause Identified:</strong> Memory loss is primarily driven by accumulated neural plaque suffocating brain synapses, not just natural aging.</span>
                        </li>
                        <li class="flex items-start gap-3">
                            <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0"></i>
                            <span><strong class="text-white">The 2-Minute Solution:</strong> Dr. Dale Bredesen's protocol flushes cellular debris and reactivates dormant cognitive pathways naturally.</span>
                        </li>
                        <li class="flex items-start gap-3">
                            <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0"></i>
                            <span><strong class="text-white">Zero Prescription Drugs:</strong> Bypasses expensive $26,500/yr infusions like Lecanemab and eliminates dangerous brain swelling risks.</span>
                        </li>
                    </ul>
                </div>
            </section>

            <article class="p-6 sm:p-10 lg:p-12 space-y-6 text-slate-300 font-article leading-relaxed text-base sm:text-lg border-t border-slate-800">
                
                <p class="dropcap text-slate-200">
                    Today, over 7 million Americans are living with Alzheimer's and cognitive decline—now recognized as the sixth leading cause of death in the United States. For decades, patients and their worried families have been given the exact same devastating diagnosis: manage the symptoms, slow the decline, and prepare for the inevitable loss of independence.
                </p>

                <p>
                    However, after more than 30 years researching neuro-degenerative conditions at UCLA, world-renowned neurologist Dr. Dale Bredesen made a discovery that is fundamentally rewriting modern medicine. It centers on a simple <strong class="text-white bg-red-950/60 px-1.5 py-0.5 rounded border border-red-800/40">2-minute brain cleansing ritual</strong> that flushes accumulated neural plaque while reactivating dormant cognitive pathways.
                </p>

                <div class="my-8 my-10 p-6 sm:p-8 bg-slate-800/50 border-l-4 border-red-500 rounded-r-2xl font-sans not-italic relative overflow-hidden">
                    <div class="absolute -right-4 -bottom-4 text-slate-700/20 text-8xl font-serif select-none pointer-events-none">
                        “
                    </div>
                    <div class="flex items-center gap-1 text-amber-400 text-sm mb-3">
                        <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                        <span class="text-xs text-slate-400 ml-2 font-semibold">Verified Reader Experience</span>
                    </div>
                    <blockquote class="text-lg sm:text-xl font-medium text-white leading-snug mb-4">
                        "Two months in and I can easily find the right words when talking to my daughter again... The brain fog has completely lifted. My husband stopped finishing my sentences, and I haven't needed a sticky note in weeks."
                    </blockquote>
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 rounded-full bg-red-600/30 text-red-400 flex items-center justify-center font-bold text-sm border border-red-500/40">
                            E.M.
                        </div>
                        <div>
                            <p class="text-sm font-bold text-slate-200">Emily M., 64</p>
                            <p class="text-xs text-slate-400">Ohio • Verified Memodyne User</p>
                        </div>
                    </div>
                </div>

                <p>
                    Families across the country are witnessing miraculous turnarounds: parents recalling the names of all their grandchildren, remembering favorite childhood memories, and regaining the sharp conversational clarity they feared was gone forever.
                </p>

                <p>
                    Best of all? It requires zero risky pharmaceutical infusions like Lecanemab and zero prescription side effects. By pairing this daily ritual with <strong class="text-white">Memodyne</strong>, individuals nourish neural synapses directly, restoring mental sharpness safely and naturally.
                </p>

            </article>

            <section class="px-6 sm:px-10 py-8 bg-slate-950/80 border-t border-b border-slate-800 font-sans">
                <div class="text-center max-w-2xl mx-auto mb-8">
                    <span class="text-xs font-bold uppercase tracking-widest text-red-400 bg-red-950/80 px-3 py-1 rounded-full border border-red-800/40">
                        Treatment Comparison
                    </span>
                    <h3 class="text-xl sm:text-2xl font-black text-white mt-3">
                        Conventional Drugs vs. Memodyne Daily Protocol
                    </h3>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    
                    <!-- Lecanemab Card -->
                    <div class="bg-slate-900 border border-slate-800 rounded-xl p-6 relative">
                        <div class="flex justify-between items-center mb-4 pb-3 border-b border-slate-800">
                            <h4 class="font-bold text-lg text-slate-300">Lecanemab Infusions</h4>
                            <span class="text-xs font-bold text-red-400 bg-red-950/60 px-2.5 py-1 rounded">High Risk</span>
                        </div>
                        <ul class="space-y-3 text-xs sm:text-sm text-slate-400">
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-xmark text-red-500 font-bold"></i>
                                <span>Cost: <strong>$26,500 / year</strong> plus clinic fees</span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-xmark text-red-500 font-bold"></i>
                                <span>Administration: Bi-weekly intravenous clinic visits</span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-xmark text-red-500 font-bold"></i>
                                <span>Side Effects: Brain swelling, micro-bleeds, headache</span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-xmark text-red-500 font-bold"></i>
                                <span>Accessibility: Strict eligibility & PET scan required</span>
                            </li>
                        </ul>
                    </div>

                    <!-- Memodyne Card -->
                    <div class="bg-gradient-to-b from-red-950/30 to-slate-900 border-2 border-red-500/50 rounded-xl p-6 relative shadow-xl">
                        <div class="absolute -top-3 right-4 bg-red-600 text-white text-[10px] font-black uppercase px-3 py-0.5 rounded-full shadow">
                            RECOMMENDED
                        </div>
                        <div class="flex justify-between items-center mb-4 pb-3 border-b border-slate-800">
                            <h4 class="font-extrabold text-lg text-white">Memodyne 2-Min Ritual</h4>
                            <span class="text-xs font-bold text-emerald-400 bg-emerald-950/60 px-2.5 py-1 rounded">100% Natural</span>
                        </div>
                        <ul class="space-y-3 text-xs sm:text-sm text-slate-200">
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-check text-emerald-400 font-bold"></i>
                                <span>Cost: <strong>Affordable direct-to-consumer savings</strong></span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-check text-emerald-400 font-bold"></i>
                                <span>Administration: 2-minute daily at-home routine</span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-check text-emerald-400 font-bold"></i>
                                <span>Side Effects: <strong>Zero reported adverse side effects</strong></span>
                            </li>
                            <li class="flex items-center gap-2">
                                <i class="fa-solid fa-check text-emerald-400 font-bold"></i>
                                <span>Accessibility: Available immediately without prescription</span>
                            </li>
                        </ul>
                    </div>

                </div>
            </section>

            <section class="p-6 sm:p-10 font-sans border-b border-slate-800">
                <div class="bg-slate-950 border border-slate-800 rounded-2xl p-6 sm:p-8 max-w-2xl mx-auto shadow-inner">
                    <div class="flex items-center gap-2 text-red-500 font-bold text-xs uppercase tracking-widest mb-2">
                        <i class="fa-solid fa-square-poll-vertical"></i> Reader Opinion Survey
                    </div>
                    <h3 class="text-lg sm:text-xl font-extrabold text-white mb-4">
                        Have you or a loved one experienced memory lapses recently?
                    </h3>

                    <!-- Poll Options Container -->
                    <div id="poll-options" class="space-y-3">
                        <button onclick="submitPoll('frequent')" class="w-full text-left p-3.5 rounded-xl bg-slate-900 border border-slate-700 hover:border-red-500 hover:bg-slate-800 transition flex justify-between items-center text-sm text-slate-200 font-medium">
                            <span>A. Yes, frequent forgetfulness (words, keys, names)</span>
                            <i class="fa-solid fa-chevron-right text-slate-500"></i>
                        </button>
                        <button onclick="submitPoll('occasional')" class="w-full text-left p-3.5 rounded-xl bg-slate-900 border border-slate-700 hover:border-red-500 hover:bg-slate-800 transition flex justify-between items-center text-sm text-slate-200 font-medium">
                            <span>B. Occasional brain fog or loss of focus</span>
                            <i class="fa-solid fa-chevron-right text-slate-500"></i>
                        </button>
                        <button onclick="submitPoll('family')" class="w-full text-left p-3.5 rounded-xl bg-slate-900 border border-slate-700 hover:border-red-500 hover:bg-slate-800 transition flex justify-between items-center text-sm text-slate-200 font-medium">
                            <span>C. Caring for an aging parent or family member</span>
                            <i class="fa-solid fa-chevron-right text-slate-500"></i>
                        </button>
                    </div>

                    <!-- Poll Results (Hidden until clicked) -->
                    <div id="poll-results" class="hidden space-y-4 pt-2">
                        <div>
                            <div class="flex justify-between text-xs text-slate-300 font-semibold mb-1">
                                <span>Frequent Forgetfulness</span>
                                <span>64%</span>
                            </div>
                            <div class="w-full bg-slate-800 h-3 rounded-full overflow-hidden">
                                <div class="bg-red-600 h-full rounded-full w-[64%] transition-all duration-1000"></div>
                            </div>
                        </div>
                        <div>
                            <div class="flex justify-between text-xs text-slate-300 font-semibold mb-1">
                                <span>Occasional Brain Fog</span>
                                <span>24%</span>
                            </div>
                            <div class="w-full bg-slate-800 h-3 rounded-full overflow-hidden">
                                <div class="bg-amber-500 h-full rounded-full w-[24%] transition-all duration-1000"></div>
                            </div>
                        </div>
                        <div>
                            <div class="flex justify-between text-xs text-slate-300 font-semibold mb-1">
                                <span>Caring for Family Member</span>
                                <span>12%</span>
                            </div>
                            <div class="w-full bg-slate-800 h-3 rounded-full overflow-hidden">
                                <div class="bg-blue-500 h-full rounded-full w-[12%] transition-all duration-1000"></div>
                            </div>
                        </div>
                        <p class="text-[11px] text-emerald-400 font-semibold text-center mt-3">
                            <i class="fa-solid fa-circle-check"></i> Thank you! Over 14,200 readers have voted today.
                        </p>
                    </div>
                </div>
            </section>

            <section class="p-6 sm:p-12 text-center bg-gradient-to-b from-slate-900 via-slate-950 to-slate-950 font-sans">
                <div class="max-w-3xl mx-auto space-y-6">
                    
                    <span class="inline-block bg-red-600/20 text-red-400 border border-red-500/30 font-extrabold text-xs px-4 py-1.5 rounded-full uppercase tracking-widest">
                        CRITICAL BROADCAST NOTICE
                    </span>

                    <h2 class="text-2xl sm:text-4xl font-black text-white leading-tight">
                        Watch The Video Presentation Before It Is Removed
                    </h2>

                    <p class="text-slate-300 text-sm sm:text-base leading-relaxed">
                        Due to intense pharmaceutical industry pushback, the availability of this unedited UCLA research presentation cannot be guaranteed beyond today. Click below to view the entire step-by-step protocol now.
                    </p>

                    <!-- Main Glowing CTA Button -->
                    <div class="pt-4">
                        <a href="https://storage.googleapis.com/bidoumemf/li" 
                           target="_blank" 
                           class="btn-cta cta-glow inline-flex items-center justify-center gap-3 bg-red-600 hover:bg-red-700 text-white font-black text-base sm:text-xl px-8 sm:px-12 py-5 rounded-2xl w-full sm:w-auto uppercase tracking-wider transition transform hover:scale-105 active:scale-95 border-2 border-red-400/30">
                            <i class="fa-solid fa-circle-play text-2xl"></i>
                            <span>WATCH THE FULL UNEDITED PRESENTATION NOW</span>
                            <i class="fa-solid fa-arrow-right text-xl"></i>
                        </a>
                    </div>

                    <div class="flex flex-wrap justify-center items-center gap-6 text-xs text-slate-400 font-medium pt-2">
                        <span><i class="fa-solid fa-shield-check text-emerald-400 mr-1"></i> No Credit Card Required</span>
                        <span><i class="fa-solid fa-lock text-slate-400 mr-1"></i> 256-Bit SSL Encrypted</span>
                        <span><i class="fa-solid fa-bolt text-amber-400 mr-1"></i> Instant Free Access</span>
                    </div>

                </div>
            </section>

        </div>

    </main>

    <div id="sticky-cta" class="fixed bottom-0 inset-x-0 z-50 bg-slate-900/95 backdrop-blur-lg border-t-2 border-red-600 p-3 sm:p-4 shadow-2xl transition duration-500 transform translate-y-0">
        <div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3">
            
            <div class="flex items-center gap-3 text-center sm:text-left">
                <span class="relative flex h-3 w-3 shrink-0 hidden sm:block">
                  <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span>
                  <span class="relative inline-flex rounded-full h-3 w-3 bg-red-500"></span>
                </span>
                <div>
                    <p class="text-xs sm:text-sm font-bold text-white flex items-center justify-center sm:justify-start gap-2">
                        <span>PRESENTATION ENDS IN:</span>
                        <span id="countdown-timer" class="font-mono text-red-400 font-black text-sm bg-black/60 px-2 py-0.5 rounded border border-red-900/50">14:59</span>
                    </p>
                    <p class="text-[11px] text-slate-400 hidden md:block">Over 18,000 Americans currently watching this broadcast.</p>
                </div>
            </div>

            <div class="flex items-center gap-3 w-full sm:w-auto">
                <a href="https://storage.googleapis.com/bidoumemf/li" 
                   target="_blank" 
                   class="w-full sm:w-auto bg-red-600 hover:bg-red-700 text-white font-extrabold text-xs sm:text-sm px-6 py-3 rounded-xl uppercase tracking-wider flex items-center justify-center gap-2 shadow-lg transition transform hover:scale-105 active:scale-95">
                    <span>WATCH VIDEO NOW</span>
                    <i class="fa-solid fa-angle-right"></i>
                </a>
            </div>

        </div>
    </div>

    <div id="video-modal" class="fixed inset-0 z-50 bg-black/90 backdrop-blur-xl flex items-center justify-center p-4 hidden">
        <div class="bg-slate-900 border border-slate-700 rounded-2xl max-w-3xl w-full p-6 relative shadow-2xl">
            <button onclick="closeVideoModal()" class="absolute top-4 right-4 text-slate-400 hover:text-white text-2xl font-bold p-2">
                <i class="fa-solid fa-xmark"></i>
            </button>
            <div class="text-center space-y-4">
                <span class="bg-red-600 text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-widest">
                    REDIRECTING TO SECURE STREAM
                </span>
                <h3 class="text-2xl font-black text-white">Opening Full Presentation...</h3>
                <p class="text-slate-300 text-sm">
                    You are being connected to the official Memodyne presentation server. Click below if you are not automatically redirected.
                </p>
                <div class="py-4">
                    <a href="https://storage.googleapis.com/bidoumemf/li" target="_blank" class="inline-block bg-red-600 hover:bg-red-700 text-white font-bold text-lg px-8 py-4 rounded-xl shadow-xl transition">
                        PROCEED TO BROADCAST <i class="fa-solid fa-arrow-right ml-2"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <footer class="bg-slate-950 border-t border-slate-800 text-slate-500 text-xs py-12 px-4 sm:px-6 lg:px-8">
        <div class="max-w-5xl mx-auto space-y-8">
            
            <!-- Medical Disclaimer Box -->
            <div class="bg-slate-900/60 border border-slate-800/80 rounded-xl p-5 text-slate-400 leading-relaxed space-y-2">
                <p class="font-bold text-slate-300 flex items-center gap-1.5">
                    <i class="fa-solid fa-circle-info text-blue-400"></i> EDITORIAL & MEDICAL DISCLAIMER
                </p>
                <p>
                    This advertisement is formatted as an editorial news report for educational and promotional purposes regarding Memodyne. These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease. Results may vary based on individual health history. Always consult a licensed medical physician prior to making health decisions.
                </p>
            </div>

            <!-- Footer Links & Unsubscribe -->
            <div class="flex flex-col sm:flex-row justify-between items-center gap-4 border-t border-slate-800/60 pt-6">
                <p>© 2026 Memodyne Research. All Rights Reserved.</p>
                <div class="flex flex-wrap justify-center gap-6">
                    <a href="https://storage.googleapis.com/bidoumemf/li" target="_blank" class="hover:text-slate-300 transition">Privacy Policy</a>
                    <a href="https://storage.googleapis.com/bidoumemf/li" target="_blank" class="hover:text-slate-300 transition">Terms of Service</a>
                    <a href="https://storage.googleapis.com/bidoumemf/li" target="_blank" class="hover:text-slate-300 transition">Contact Support</a>
                    <a href="https://storage.googleapis.com/bidoumemfunsb/li" target="_blank" class="text-slate-400 underline hover:text-red-400 transition">Unsubscribe from future emails</a>
                </div>
            </div>

        </div>
    </footer>

    <script>
        
        // Interactive Reader Poll Logic
        function submitPoll(choice) {
            document.getElementById('poll-options').classList.add('hidden');
            document.getElementById('poll-results').classList.remove('hidden');
        }

        // Live Viewer Counter Fluctuation
        function updateLiveViewers() {
            const element = document.getElementById('live-viewer-count');
            if (element) {
                let current = parseInt(element.innerText.replace(',', ''));
                let change = Math.floor(Math.random() * 11) - 5; // -5 to +5
                let next = current + change;
                element.innerText = next.toLocaleString();
            }
        }
        setInterval(updateLiveViewers, 3500);

        // Countdown Timer Logic
        let duration = 14 * 60 + 59; // 14 mins 59 secs
        function startTimer() {
            const timerElement = document.getElementById('countdown-timer');
            setInterval(() => {
                let minutes = Math.floor(duration / 60);
                let seconds = duration % 60;
                minutes = minutes < 10 ? '0' + minutes : minutes;
                seconds = seconds < 10 ? '0' + seconds : seconds;
                if (timerElement) {
                    timerElement.innerText = `${minutes}:${seconds}`;
                }
                if (duration > 0) {
                    duration--;
                } else {
                    duration = 14 * 60 + 59; // Reset loop
                }
            }, 1000);
        }
        startTimer();

        // Video Modal Controls
        function openVideoModal() {
            document.getElementById('video-modal').classList.remove('hidden');
        }

        function closeVideoModal() {
            document.getElementById('video-modal').classList.add('hidden');
        }

        // Article Share helper
        function shareArticle() {
            if (navigator.share) {
                navigator.share({
                    title: 'CBS News Medical Watch: Brain Cleansing Ritual',
                    url: window.location.href
                }).catch(() => {});
            } else {
                alert('Article link copied to clipboard!');
            }
        }
    </script>
</body>

</html>
