/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
–pink: #ff4d8d;
–purple: #7c3aed;
–yellow: #fbbf24;
–teal: #0ea5e9;
–green: #22c55e;
–orange: #f97316;
–dark: #1e1b4b;
–light: #f8f7ff;
–card-bg: #ffffff;
–radius: 20px;
–shadow: 0 8px 32px rgba(124,58,237,0.13);
}

html { scroll-behavior: smooth; }

body {
font-family: ‘Nunito’, sans-serif;
background: var(–light);
color: var(–dark);
line-height: 1.7;
overflow-x: hidden;
}

/* ===== CONFETTI BACKGROUND ===== */
body::before {
content: ”;
position: fixed;
inset: 0;
background-image:
radial-gradient(circle at 15% 20%, rgba(255,77,141,0.08) 0%, transparent 50%),
radial-gradient(circle at 85% 80%, rgba(124,58,237,0.08) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(14,165,233,0.05) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}

/* ===== HERO HEADER ===== */
.hero {
position: relative;
z-index: 1;
background: linear-gradient(135deg, #7c3aed 0%, #ff4d8d 50%, #fbbf24 100%);
text-align: center;
padding: 70px 20px 80px;
overflow: hidden;
}

.hero::after {
content: ”;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 60px;
background: var(–light);
clip-path: ellipse(55% 100% at 50% 100%);
}

.hero-badge {
display: inline-block;
background: var(–yellow);
color: var(–dark);
font-weight: 900;
font-size: 0.85rem;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 50px;
margin-bottom: 18px;
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

.hero h1 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(2rem, 6vw, 4rem);
font-weight: 900;
color: #fff;
text-shadow: 0 4px 20px rgba(0,0,0,0.2);
line-height: 1.15;
margin-bottom: 16px;
}

.hero h1 span {
background: var(–yellow);
color: var(–dark);
padding: 0 10px;
border-radius: 8px;
display: inline-block;
}

.hero-sub {
font-size: clamp(1rem, 2.5vw, 1.25rem);
color: rgba(255,255,255,0.92);
max-width: 640px;
margin: 0 auto 28px;
font-weight: 600;
}

.hero-stats {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}

.stat-pill {
background: rgba(255,255,255,0.2);
backdrop-filter: blur(6px);
border: 2px solid rgba(255,255,255,0.4);
color: #fff;
font-weight: 800;
font-size: 0.95rem;
padding: 8px 20px;
border-radius: 50px;
}

/* ===== INTRO SECTION ===== */
.intro {
position: relative;
z-index: 1;
max-width: 820px;
margin: 50px auto 0;
padding: 0 20px;
text-align: center;
}

.intro p {
font-size: 1.1rem;
color: #4b4570;
font-weight: 600;
}

.intro p strong { color: var(–purple); }

/* ===== SECTION HEADERS ===== */
.section-header {
text-align: center;
margin: 60px 0 10px;
position: relative;
z-index: 1;
}

.section-header .cat-label {
display: inline-block;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 16px;
border-radius: 50px;
margin-bottom: 10px;
}

.cat-pets { background: #dcfce7; color: #15803d; }
.cat-beauty { background: #fce7f3; color: #be185d; }
.cat-fragrance { background: #ede9fe; color: #6d28d9; }

.section-header h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.5rem, 4vw, 2.2rem);
font-weight: 800;
color: var(–dark);
}

/* ===== CARDS GRID ===== */
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 28px;
max-width: 1100px;
margin: 30px auto 0;
padding: 0 20px;
position: relative;
z-index: 1;
}

/* ===== SAMPLE CARD ===== */
.card {
background: var(–card-bg);
border-radius: var(–radius);
box-shadow: var(–shadow);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.25s ease, box-shadow 0.25s ease;
border: 2px solid transparent;
}

.card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(124,58,237,0.2);
border-color: var(–purple);
}

/* Card accent bar */
.card-bar {
height: 6px;
width: 100%;
}
.bar-green { background: linear-gradient(90deg, #22c55e, #86efac); }
.bar-dark { background: linear-gradient(90deg, #1e1b4b, #7c3aed); }
.bar-pink { background: linear-gradient(90deg, #ff4d8d, #fbbf24); }
.bar-navy { background: linear-gradient(90deg, #0ea5e9, #7c3aed); }
.bar-rose { background: linear-gradient(90deg, #f43f5e, #fb923c); }
.bar-gold { background: linear-gradient(90deg, #d97706, #fbbf24); }

/* Card brand banner */
.card-brand {
padding: 18px 22px 0;
display: flex;
align-items: center;
gap: 10px;
}

.brand-icon {
width: 42px;
height: 42px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
flex-shrink: 0;
}

.icon-green { background: #dcfce7; }
.icon-dark { background: #ede9fe; }
.icon-pink { background: #fce7f3; }
.icon-navy { background: #e0f2fe; }
.icon-rose { background: #fff1f2; }
.icon-gold { background: #fef3c7; }

.brand-name {
font-family: ‘Poppins’, sans-serif;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #6b7280;
}

/* Card body */
.card-body {
padding: 16px 22px 20px;
flex: 1;
display: flex;
flex-direction: column;
}

.card-body h3 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.25rem;
font-weight: 800;
color: var(–dark);
margin-bottom: 10px;
line-height: 1.3;
}

.card-body p {
font-size: 0.97rem;
color: #4b5563;
flex: 1;
margin-bottom: 16px;
}

/* Tags */
.tags {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-bottom: 18px;
}

.tag {
font-size: 0.75rem;
font-weight: 800;
padding: 4px 12px;
border-radius: 50px;
}
.tag-free { background: #dcfce7; color: #15803d; }
.tag-ship { background: #e0f2fe; color: #0369a1; }
.tag-beauty { background: #fce7f3; color: #be185d; }
.tag-pet { background: #fef9c3; color: #854d0e; }
.tag-frag { background: #ede9fe; color: #6d28d9; }
.tag-limited { background: #fff1f2; color: #be123c; }

/* CTA Button */
.btn-cta {
display: block;
text-align: center;
text-decoration: none;
font-family: ‘Poppins’, sans-serif;
font-weight: 800;
font-size: 1rem;
padding: 14px 20px;
border-radius: 14px;
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
letter-spacing: 0.5px;
}

.btn-cta:hover {
transform: scale(1.04);
filter: brightness(1.08);
box-shadow: 0 6px 20px rgba(0,0,0,0.18);
}

.btn-green { background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff; }
.btn-dark { background: linear-gradient(135deg, #1e1b4b, #7c3aed); color: #fff; }
.btn-pink { background: linear-gradient(135deg, #ff4d8d, #e11d48); color: #fff; }
.btn-navy { background: linear-gradient(135deg, #0ea5e9, #2563eb); color: #fff; }
.btn-rose { background: linear-gradient(135deg, #f43f5e, #fb923c); color: #fff; }
.btn-gold { background: linear-gradient(135deg, #d97706, #fbbf24); color: #fff; }

/* ===== HOW IT WORKS STRIP ===== */
.how-strip {
position: relative;
z-index: 1;
background: linear-gradient(135deg, #1e1b4b 0%, #7c3aed 100%);
margin: 70px 0 0;
padding: 50px 20px;
text-align: center;
overflow: hidden;
}

.how-strip::before,
.how-strip::after {
content: ”;
position: absolute;
left: 0;
width: 100%;
height: 50px;
background: var(–light);
}
.how-strip::before { top: -2px; clip-path: ellipse(55% 100% at 50% 0%); }
.how-strip::after { bottom: -2px; clip-path: ellipse(55% 100% at 50% 100%); }

.how-strip h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.4rem, 4vw, 2rem);
font-weight: 800;
color: #fff;
margin-bottom: 8px;
}

.how-strip .sub {
color: rgba(255,255,255,0.75);
font-size: 1rem;
margin-bottom: 36px;
font-weight: 600;
}

.steps {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
max-width: 900px;
margin: 0 auto;
}

.step {
background: rgba(255,255,255,0.1);
backdrop-filter: blur(8px);
border: 1.5px solid rgba(255,255,255,0.2);
border-radius: 16px;
padding: 24px 20px;
width: 200px;
color: #fff;
}

.step-num {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(–yellow);
color: var(–dark);
font-weight: 900;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
}

.step p {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
}

/* ===== TIPS BOX ===== */
.tips-box {
position: relative;
z-index: 1;
max-width: 820px;
margin: 70px auto 0;
padding: 0 20px;
}

.tips-inner {
background: linear-gradient(135deg, #fef9c3, #fce7f3);
border: 2px solid var(–yellow);
border-radius: var(–radius);
padding: 32px 36px;
}

.tips-inner h3 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.4rem;
font-weight: 800;
color: var(–dark);
margin-bottom: 16px;
}

.tips-list {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}

.tips-list li {
font-size: 0.97rem;
font-weight: 600;
color: #374151;
padding-left: 28px;
position: relative;
}

.tips-list li::before {
content: ‘✅’;
position: absolute;
left: 0;
top: 0;
}

/* ===== FOOTER ===== */
footer {
position: relative;
z-index: 1;
text-align: center;
padding: 50px 20px 40px;
margin-top: 70px;
background: var(–dark);
color: rgba(255,255,255,0.65);
font-size: 0.88rem;
}

footer strong { color: #fff; }

footer .footer-heart {
font-size: 1.4rem;
display: block;
margin-bottom: 10px;
}

/* ===== FLOATING BADGE ===== */
.floating-badge {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 999;
background: linear-gradient(135deg, var(–pink), var(–purple));
color: #fff;
font-family: ‘Poppins’, sans-serif;
font-weight: 800;
font-size: 0.8rem;
padding: 12px 18px;
border-radius: 50px;
box-shadow: 0 6px 24px rgba(255,77,141,0.45);
text-decoration: none;
animation: float 3s ease-in-out infinite;
line-height: 1.3;
text-align: center;
}

@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
.cards-grid { grid-template-columns: 1fr; }
.tips-inner { padding: 24px 20px; }
.step { width: 160px; }
}

🔥 Live Right Now — Limited Quantities!

FREE Samples
Delivered to Your Door!

No purchase. No catch. Just real, full-size-worthy samples from brands you actually love — shipped completely FREE!

🎁 6 Freebies Available
🚚 Free Shipping on All
⚡ While Supplies Last

Who doesn’t love free stuff? We’ve rounded up every legit free sample you can request right now — from vet-recommended pet treats to luxury designer fragrances and dermatologist-approved skincare. All you have to do is fill out a quick form and they’ll show up at your door. Absolutely zero cost, zero shipping fees. Let’s go!

How to Get Your Free Samples

It literally takes less than 2 minutes. Here’s all you do:

1

Click any “Claim Your Free Sample” button above

2

Fill in your name and shipping address on the brand’s form

3

Hit Submit — that’s it! No credit card, no purchase needed

4

Wait for your mailbox to deliver the goods — usually 2–4 weeks

💡 Pro Tips for Freebie Hunters

• Request all samples in one sitting — takes under 10 minutes total!
• These offers are while supplies last, so don’t wait too long
• One sample per household is the standard rule for most offers
• Use your real mailing address — P.O. boxes are often not accepted
• Check your email after submitting for a confirmation message
• Bookmark this page and check back — we update it with new freebies regularly!

🎁 6 FREE
Samples!

Helpful Freebie Mom Guides

• How to Tell If a Free Sample Offer Is Legit
• What Information to Share for Freebies
• How Long Do Free Samples by Mail Take to Arrive?
• Why Free Samples Run Out Fast

Keep going

More Freebie Mom guides worth checking

Free Food DealsRestaurant freebies, snacks, rewards, and food offers.Birthday FreebiesBirthday clubs, free treats, and rewards.Browse All Freebie Mom FindsFresh freebies, sweeps, deals, and more.