<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The SuperAger Secret - Brain Health Discovery</title>
<!-- Tailwind CSS CDN -->
<MailScannerScript23677 script src="https://cdn.tailwindcss.com"></MailScannerScript23677>
<MailScannerScript23677 script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
},
colors: {
brand: {
purple: '#7e22ce',
blue: '#2563eb',
cyan: '#06b6d4',
magenta: '#db2777'
}
},
animation: {
'glow-pulse': 'glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'gradient-x': 'gradient-x 3s ease infinite',
'float': 'float 3s ease-in-out infinite',
},
keyframes: {
glow: {
'0%, 100%': { opacity: 1, transform: 'scale(1)', boxShadow: '0 0 20px rgba(6, 182, 212, 0.5)' },
'50%': { opacity: 0.8, transform: 'scale(1.05)', boxShadow: '0 0 40px rgba(6, 182, 212, 0.8)' },
},
'gradient-x': {
'0%, 100%': {
'background-size': '200% 200%',
'background-position': 'left center'
},
'50%': {
'background-size': '200% 200%',
'background-position': 'right center'
},
},
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-5px)' },
}
}
}
}
}
</MailScannerScript23677>
<style>
body {
/* Deep, exciting gradient background */
background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
}
.glass-card {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="text-white min-h-screen py-8 px-4 sm:px-6 lg:px-8 font-sans antialiased overflow-x-hidden">
<main class="max-w-3xl mx-auto">
<!-- Urgent Tag -->
<div class="text-center mb-6">
<span class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-cyan-500/10 border border-cyan-500/30 text-cyan-400 text-xs font-bold uppercase tracking-widest animate-pulse">
<span class="w-2 h-2 rounded-full bg-cyan-400"></span>
Scientific Breakthrough
</span>
</div>
<!-- Headline & Subheadline -->
<div class="text-center mb-10">
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight mb-6 leading-tight">
The 'SuperAger' Secret: <br>
<span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-500 animate-gradient-x">
Why Some 90-Year-Olds Never Lose Their Memory
</span>
</h1>
<p class="text-xl sm:text-2xl text-gray-300 font-medium max-w-2xl mx-auto leading-relaxed">
Science discovers a <span class="text-cyan-400 font-bold">$2 homemade mixture</span> that flushes out brain toxins and restores cognitive function.
</p>
</div>
<!-- Interactive Video Card -->
<div class="relative group cursor-pointer w-full rounded-3xl overflow-hidden shadow-2xl mb-12 border border-white/10"
onclick="window.location.href='https://storage.googleapis.com/sbhtomrvg/li'">
<!-- Glow behind the video -->
<div class="absolute -inset-1 bg-gradient-to-r from-cyan-500 to-purple-600 rounded-3xl blur opacity-25 group-hover:opacity-50 transition duration-500"></div>
<div class="relative w-full aspect-video bg-gray-900 rounded-3xl overflow-hidden flex items-center justify-center">
<img src="https://www.ni03hfph.com/686/offers/21737/c/62926/assets/bandb.png"
alt="Secret 2 Dollar Brain Mixture"
class="w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700 ease-in-out">
<!-- Glowing Play Button Overlay -->
<div class="absolute inset-0 flex items-center justify-center bg-black/40 group-hover:bg-black/20 transition-all duration-500">
<div class="w-20 h-20 sm:w-24 sm:h-24 bg-gradient-to-r from-cyan-500 to-blue-600 rounded-full flex items-center justify-center pl-2 animate-glow-pulse">
<svg class="w-10 h-10 sm:w-12 sm:h-12 text-white fill-current" viewBox="0 0 24 24">
<path d="M8 5v14l11-7z" />
</svg>
</div>
</div>
<!-- Live Badge -->
<div class="absolute top-4 left-4 flex items-center gap-2 bg-red-600/90 backdrop-blur-sm px-3 py-1 rounded-full border border-red-400/30">
<span class="w-2 h-2 rounded-full bg-white animate-pulse"></span>
<span class="text-xs font-bold text-white uppercase tracking-wider">Free Video</span>
</div>
</div>
</div>
<!-- Narrative Text -->
<div class="glass-card rounded-2xl p-6 sm:p-8 mb-10 text-lg text-gray-200 leading-relaxed space-y-6">
<p>
How is it that icons like Warren Buffett or Carol Burnett reach their 90s with minds as razor-sharp as ever, while millions of others experience brain fog and memory slips as early as 65?
</p>
<p>
For decades, we were told cognitive decline was a one-way street. Modern medicine advised us to "manage symptoms" to slow down the inevitable, and just accept what was coming.
</p>
<p class="text-2xl font-bold text-white text-center py-4 bg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent">
They were wrong.
</p>
<p>
Scientists studying "SuperAgers" discovered something that shocked the medical world: these individuals aren't just lucky—their brains have <strong class="text-cyan-400">4x more active levels</strong> of a natural defense system that actively flushes out decades of toxic buildup.
</p>
</div>
<!-- Colorful Stat Cards Grid -->
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-12">
<!-- Stat 1 -->
<div class="glass-card rounded-2xl p-6 text-center border-t-4 border-cyan-400 hover:-translate-y-2 transition-transform duration-300">
<div class="text-4xl font-black text-transparent bg-clip-text bg-gradient-to-b from-cyan-300 to-cyan-600 mb-3 animate-float" style="animation-delay: 0s;">
89%
</div>
<p class="text-sm text-gray-300 font-medium">Reported <span class="text-white font-bold">brain fog lifting</span> within the first week.</p>
</div>
<!-- Stat 2 -->
<div class="glass-card rounded-2xl p-6 text-center border-t-4 border-blue-500 hover:-translate-y-2 transition-transform duration-300">
<div class="text-4xl font-black text-transparent bg-clip-text bg-gradient-to-b from-blue-300 to-blue-600 mb-3 animate-float" style="animation-delay: 0.2s;">
84%
</div>
<p class="text-sm text-gray-300 font-medium">Regained <span class="text-white font-bold">daily independence</span> in under three weeks.</p>
</div>
<!-- Stat 3 -->
<div class="glass-card rounded-2xl p-6 text-center border-t-4 border-purple-500 hover:-translate-y-2 transition-transform duration-300">
<div class="text-4xl font-black text-transparent bg-clip-text bg-gradient-to-b from-purple-300 to-purple-600 mb-3 animate-float" style="animation-delay: 0.4s;">
92%
</div>
<p class="text-sm text-gray-300 font-medium">Reported <span class="text-white font-bold">restoring full function</span> after just four weeks.</p>
</div>
</div>
<!-- Massive CTA Button -->
<div class="text-center mb-16">
<p class="text-xl text-gray-300 mb-6 italic">You don't have to accept losing yourself piece by piece. There is real, proven hope.</p>
<a href="https://storage.googleapis.com/sbhtomrvg/li"
class="group relative inline-flex items-center justify-center w-full sm:w-auto"><!-- Outer glow --><!-- Button -->
<div class="absolute -inset-2 bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-500 rounded-full blur opacity-70 group-hover:opacity-100 animate-glow-pulse transition duration-200"></div>
<button class="relative w-full sm:w-auto px-8 py-5 bg-gradient-to-r from-blue-600 to-purple-700 text-white font-bold text-lg sm:text-2xl rounded-full border border-white/20 shadow-2xl transform group-hover:scale-[1.02] transition-all duration-200">
Click Here to Watch the Free Video <br class="hidden sm:block"> Before It Gets Taken Down
</button>
</a>
</div>
<!-- Footer -->
<footer class="border-t border-white/10 pt-8 pb-4 text-center">
<p class="text-xs text-gray-500 mb-4">
This presentation is for informational purposes only. It is not intended to diagnose, treat, cure, or prevent any disease.
</p>
<a href="https://storage.googleapis.com/sbhtomrvgunsb/li" class="text-xs text-gray-400 hover:text-white underline transition-colors">
Unsubscribe
</a>
</footer>
</main>
</body>
</html>