Get Rewarded for Sharing Your Streaming Opinions
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
–primary: #6C3AED;
–primary-dark: #5B21B6;
–accent: #F59E0B;
–accent-light: #FCD34D;
–dark: #0F172A;
–gray: #64748B;
–light: #F8FAFC;
–white: #FFFFFF;
–gradient: linear-gradient(135deg, #6C3AED 0%, #2563EB 100%);
–glow: 0 0 40px rgba(108, 58, 237, 0.3);
}
html { scroll-behavior: smooth; }
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif;
color: var(–dark);
background: var(–light);
line-height: 1.6;
overflow-x: hidden;
}
/* STICKY CTA BAR */
.sticky-cta {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: rgba(15, 23, 42, 0.95);
backdrop-filter: blur(12px);
padding: 12px 20px;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
}
.sticky-cta p {
color: var(–white);
font-size: 0.95rem;
font-weight: 500;
}
.sticky-cta .btn-sticky {
background: var(–accent);
color: var(–dark);
padding: 10px 28px;
border-radius: 50px;
font-weight: 700;
font-size: 0.95rem;
text-decoration: none;
white-space: nowrap;
transition: all 0.3s;
animation: pulse-glow 2s infinite;
}
.sticky-cta .btn-sticky:hover {
background: var(–accent-light);
transform: scale(1.05);
}
/* HERO */
.hero {
background: var(–gradient);
position: relative;
overflow: hidden;
padding: 80px 20px 100px;
text-align: center;
color: var(–white);
}
.hero::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),
radial-gradient(circle at 70% 80%, rgba(245,158,11,0.15) 0%, transparent 40%);
animation: float 15s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translate(0, 0) rotate(0deg); }
33% { transform: translate(30px, -30px) rotate(1deg); }
66% { transform: translate(-20px, 20px) rotate(-1deg); }
}
.hero-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.hero-badge {
display: inline-block;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.25);
padding: 8px 20px;
border-radius: 50px;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 24px;
animation: fadeInDown 0.8s ease;
}
.hero-badge .dot {
display: inline-block;
width: 8px;
height: 8px;
background: #34D399;
border-radius: 50%;
margin-right: 8px;
animation: blink 1.5s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
.hero h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 900;
line-height: 1.15;
margin-bottom: 20px;
animation: fadeInUp 0.8s ease;
}
.hero h1 .highlight {
color: var(–accent-light);
position: relative;
}
.hero p.subtitle {
font-size: clamp(1.05rem, 2.5vw, 1.3rem);
opacity: 0.9;
max-width: 600px;
margin: 0 auto 36px;
font-weight: 400;
animation: fadeInUp 1s ease;
}
.hero-cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(–accent);
color: var(–dark);
padding: 18px 48px;
border-radius: 60px;
font-size: 1.2rem;
font-weight: 800;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 30px rgba(245,158,11,0.4);
animation: fadeInUp 1.2s ease, pulse-glow 2s infinite 1.5s;
}
.hero-cta:hover {
transform: translateY(-3px) scale(1.03);
box-shadow: 0 12px 40px rgba(245,158,11,0.5);
}
.hero-cta svg { width: 20px; height: 20px; }
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 8px 30px rgba(245,158,11,0.4); }
50% { box-shadow: 0 8px 50px rgba(245,158,11,0.7); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 48px;
animation: fadeInUp 1.4s ease;
}
.hero-stats .stat { text-align: center; }
.hero-stats .stat-num { font-size: 1.8rem; font-weight: 800; }
.hero-stats .stat-label { font-size: 0.8rem; opacity: 0.7; text-transform: uppercase; letter-spacing: 1px; }
/* LOGOS */
.logos-section {
background: var(–white);
padding: 50px 20px;
text-align: center;
}
.logos-section p {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(–gray);
font-weight: 600;
margin-bottom: 30px;
}
.logos-row {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
flex-wrap: wrap;
max-width: 700px;
margin: 0 auto;
}
.logo-item {
font-size: 1.6rem;
font-weight: 800;
opacity: 0.5;
transition: opacity 0.3s;
}
.logo-item:hover { opacity: 1; }
.logo-netflix { color: #E50914; }
.logo-hulu { color: #1CE783; }
.logo-disney { color: #113CCF; }
.logo-prime { color: #00A8E1; }
/* HOW IT WORKS */
.how-it-works {
padding: 80px 20px;
background: var(–light);
}
.section-container { max-width: 1000px; margin: 0 auto; }
.section-label {
text-align: center;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 3px;
color: var(–primary);
font-weight: 700;
margin-bottom: 12px;
}
.section-title {
text-align: center;
font-size: clamp(1.6rem, 4vw, 2.4rem);
font-weight: 800;
margin-bottom: 60px;
color: var(–dark);
}
.steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 32px;
}
.step {
background: var(–white);
border-radius: 20px;
padding: 40px 30px;
text-align: center;
position: relative;
transition: all 0.3s ease;
border: 1px solid rgba(0,0,0,0.05);
}
.step:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.step-number {
width: 56px;
height: 56px;
background: var(–gradient);
color: var(–white);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 800;
margin: 0 auto 20px;
}
.step-icon {
font-size: 2.5rem;
margin-bottom: 12px;
}
.step h3 {
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
}
.step p { color: var(–gray); font-size: 0.95rem; }
/* REWARDS */
.rewards {
padding: 80px 20px;
background: var(–dark);
color: var(–white);
text-align: center;
}
.rewards .section-label { color: var(–accent); }
.rewards .section-title { color: var(–white); }
.reward-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px;
max-width: 900px;
margin: 0 auto 50px;
}
.reward-card {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 16px;
padding: 32px 20px;
transition: all 0.3s;
}
.reward-card:hover {
background: rgba(255,255,255,0.1);
transform: translateY(-4px);
}
.reward-card .icon { font-size: 2.5rem; margin-bottom: 16px; }
.reward-card h4 { font-size: 1rem; font-weight: 600; margin-bottom: 6px; }
.reward-card p { font-size: 0.85rem; color: rgba(255,255,255,0.6); }
.rewards .cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(–accent);
color: var(–dark);
padding: 16px 44px;
border-radius: 60px;
font-size: 1.1rem;
font-weight: 800;
text-decoration: none;
transition: all 0.3s;
box-shadow: 0 8px 30px rgba(245,158,11,0.3);
}
.rewards .cta-btn:hover {
transform: translateY(-3px) scale(1.03);
box-shadow: 0 12px 40px rgba(245,158,11,0.5);
}
/* TESTIMONIALS */
.testimonials {
padding: 80px 20px;
background: var(–white);
}
.testimonials .section-title { margin-bottom: 50px; }
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
max-width: 1000px;
margin: 0 auto;
}
.testimonial {
background: var(–light);
border-radius: 16px;
padding: 32px;
position: relative;
}
.testimonial .stars { color: var(–accent); font-size: 1.1rem; margin-bottom: 16px; }
.testimonial .quote {
font-size: 1rem;
color: var(–dark);
margin-bottom: 20px;
font-style: italic;
line-height: 1.7;
}
.testimonial .author {
display: flex;
align-items: center;
gap: 12px;
}
.testimonial .avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(–gradient);
color: var(–white);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1rem;
}
.testimonial .author-info .name { font-weight: 600; font-size: 0.95rem; }
.testimonial .author-info .role { font-size: 0.8rem; color: var(–gray); }
/* URGENCY BANNER */
.urgency {
background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
color: var(–white);
text-align: center;
padding: 40px 20px;
}
.urgency h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; }
.urgency p { opacity: 0.9; margin-bottom: 20px; }
.countdown {
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 24px;
}
.countdown-item {
background: rgba(0,0,0,0.25);
border-radius: 12px;
padding: 12px 18px;
min-width: 70px;
}
.countdown-item .num { font-size: 1.8rem; font-weight: 800; display: block; }
.countdown-item .label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7; }
.urgency .cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(–white);
color: #DC2626;
padding: 14px 40px;
border-radius: 60px;
font-size: 1.05rem;
font-weight: 800;
text-decoration: none;
transition: all 0.3s;
}
.urgency .cta-btn:hover { transform: scale(1.05); }
/* FAQ */
.faq {
padding: 80px 20px;
background: var(–light);
}
.faq-list {
max-width: 700px;
margin: 0 auto;
}
.faq-item {
background: var(–white);
border-radius: 12px;
margin-bottom: 12px;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.05);
}
.faq-question {
padding: 20px 24px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s;
}
.faq-question:hover { background: rgba(108,58,237,0.03); }
.faq-question .arrow {
transition: transform 0.3s;
font-size: 1.2rem;
color: var(–primary);
}
.faq-item.open .faq-question .arrow { transform: rotate(180deg); }
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.3s ease;
}
.faq-item.open .faq-answer {
max-height: 200px;
padding: 0 24px 20px;
}
.faq-answer p { color: var(–gray); font-size: 0.95rem; line-height: 1.7; }
/* FINAL CTA */
.final-cta {
padding: 100px 20px;
background: var(–gradient);
text-align: center;
color: var(–white);
position: relative;
overflow: hidden;
}
.final-cta::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 60%);
}
.final-cta .content { position: relative; z-index: 2; max-width: 650px; margin: 0 auto; }
.final-cta h2 {
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 900;
margin-bottom: 16px;
}
.final-cta p {
font-size: 1.1rem;
opacity: 0.9;
margin-bottom: 36px;
}
.final-cta .cta-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(–white);
color: var(–primary);
padding: 20px 52px;
border-radius: 60px;
font-size: 1.25rem;
font-weight: 800;
text-decoration: none;
transition: all 0.3s;
box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}
.final-cta .cta-btn:hover {
transform: translateY(-3px) scale(1.03);
box-shadow: 0 16px 50px rgba(0,0,0,0.3);
}
.final-cta .trust-note {
margin-top: 20px;
font-size: 0.85rem;
opacity: 0.7;
}
/* FOOTER */
footer {
background: var(–dark);
color: rgba(255,255,255,0.5);
text-align: center;
padding: 30px 20px 80px;
font-size: 0.8rem;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.hero { padding: 60px 16px 80px; }
.hero-stats { gap: 20px; }
.hero-stats .stat-num { font-size: 1.4rem; }
.logos-row { gap: 24px; }
.logo-item { font-size: 1.2rem; }
.steps { grid-template-columns: 1fr; }
.reward-cards { grid-template-columns: repeat(2, 1fr); }
.testimonial-grid { grid-template-columns: 1fr; }
.sticky-cta { flex-direction: column; gap: 8px; padding: 10px 16px; }
.sticky-cta p { font-size: 0.8rem; }
.countdown-item { padding: 8px 12px; min-width: 58px; }
.countdown-item .num { font-size: 1.4rem; }
}
/* SCROLL ANIMATIONS */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
Get Rewarded for Sharing Your Streaming Opinions
Do you subscribe to Netflix, Hulu, Disney+, or Amazon Prime? Take a quick 2-minute survey and earn exclusive rewards.
Claim My Reward Now
If you subscribe to any of these, you qualify
How It Works
Click the Button
Tap “Start Survey” to begin. No account creation needed — just jump right in.
Answer Quick Questions
Share your streaming preferences and habits. It only takes about 2 minutes.
Earn Your Reward
Complete the survey and unlock your exclusive reward. It’s that simple.
Rewards Waiting for You
Streaming Credits
Get credits toward your favorite streaming platforms
Gift Cards
Redeem points for popular retail gift cards
Cash Rewards
Convert your survey completion into real value
Exclusive Perks
Access special offers only for survey participants
Start Earning Now →
What Participants Are Saying
“Took me literally 2 minutes while waiting for my show to buffer. Got my reward the same day. Why wouldn’t you do this?”
“I was skeptical at first, but it was super easy and legit. Already shared it with my whole family. Everyone qualifies!”
“Free rewards just for answering a few questions about what I watch? Sign me up every time. This is a no-brainer.”
This Offer Won’t Last Forever
Survey spots are limited. Once they’re filled, this opportunity closes.
Hours
Minutes
Seconds
Claim Your Spot Now →
Frequently Asked Questions
▼
Yes, 100% free. You simply share your streaming opinions and earn rewards. There are no hidden fees or charges of any kind.
▼
Most participants complete it in about 2 minutes. It’s designed to be quick and easy so you can get back to binge-watching.
▼
If you subscribe to Netflix, Hulu, Disney+, or Amazon Prime Video, you qualify. Even if you use a shared or family account.
▼
Rewards are typically delivered immediately after completing the survey. You’ll receive instructions on how to redeem right away.
▼
Absolutely. NPD is a trusted global market research firm. Your responses are anonymous and used only for aggregate research purposes.
Your Opinion Is Worth Something.
Literally.
Join thousands of streaming fans who are already earning rewards for sharing what they watch. It takes 2 minutes.
Take the Survey & Get Rewarded
Trusted by 47,000+ participants • No credit card required • 100% free
// Countdown Timer (24h rolling)
function startCountdown() {
const now = new Date();
const end = new Date();
end.setHours(23, 59, 59, 0);
if (now >= end) end.setDate(end.getDate() + 1);
function update() {
const now = new Date();
let diff = Math.max(0, Math.floor((end – now) / 1000));
const h = Math.floor(diff / 3600);
diff %= 3600;
const m = Math.floor(diff / 60);
const s = diff % 60;
document.getElementById(‘hours’).textContent = String(h).padStart(2, ‘0’);
document.getElementById(‘minutes’).textContent = String(m).padStart(2, ‘0’);
document.getElementById(‘seconds’).textContent = String(s).padStart(2, ‘0’);
}
update();
setInterval(update, 1000);
}
startCountdown();
// Scroll Reveal Animation
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(‘visible’);
}
});
}, { threshold: 0.1 });
document.querySelectorAll(‘.fade-in’).forEach(el => observer.observe(el));
Helpful Freebie Mom Guides
Keep going