/* ============================================
   NEWSLETTER-CONFIRMED.CSS — page-specific styles
   Loaded after base + layout + components + podcast.
   ============================================ */

/* === Hero (full-bleed with optional image) === */
.confirmed-hero { position: relative; min-height: 64vh; background: linear-gradient(180deg, #050508 0%, #0D0D18 100%); overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 120px 0 96px; }
.confirmed-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, transparent 100%); z-index: 1; pointer-events: none; }
.confirmed-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; }
.confirmed-hero-overlay { position: relative; z-index: 2; text-align: center; max-width: 720px; margin: 0 auto; padding: 0 24px; }

.confirmed-eyebrow { font-family: var(--font-heading); font-size: 12px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--teal); margin-bottom: 24px; }

.confirmed-title { font-family: var(--font-heading); font-size: clamp(36px, 5vw, 56px); font-weight: 600; line-height: 1.15; color: var(--white); margin-bottom: 24px; letter-spacing: -0.01em; }

.confirmed-subtitle { font-family: var(--font-body); font-size: 17px; line-height: 1.6; color: var(--muted); max-width: 580px; margin: 0 auto 40px; }

.confirmed-checkmark { display: inline-block; width: 64px; height: 64px; color: var(--teal); }
.confirmed-checkmark svg { width: 100%; height: 100%; }

/* === Featured episode CTA row === */
.confirmed-cta-row { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; margin-top: 28px; }
.confirmed-secondary-link { font-family: var(--font-heading); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); text-decoration: none; transition: color 0.3s ease; }
.confirmed-secondary-link:hover { color: var(--white); }

/* === Follow Manal everywhere === */
.confirmed-social { background: var(--card); }
.confirmed-social-inner { text-align: center; max-width: 720px; margin: 0 auto; }
.confirmed-social h2 { font-family: var(--font-heading); font-size: clamp(26px, 3vw, 34px); font-weight: 600; color: var(--white); margin-bottom: 16px; }
.confirmed-social-subtitle { font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--muted); margin-bottom: 48px; }

.confirmed-social-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 24px 40px; justify-content: center; align-items: center; }
.confirmed-social-list li { margin: 0; }
.confirmed-social-list a { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--white); opacity: 0.6; text-decoration: none; transition: all 0.3s ease; padding: 12px; }
.confirmed-social-list a:hover { opacity: 1; transform: translateY(-3px); color: var(--teal); }
.confirmed-social-list svg { width: 32px; height: 32px; }
.confirmed-social-list .platform-name { font-family: var(--font-heading); font-size: 11px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; }

@media (max-width: 768px) {
    .confirmed-hero { min-height: 56vh; padding: 96px 0 64px; }
    .confirmed-cta-row { justify-content: center; text-align: center; }
    .confirmed-social-list { gap: 20px 28px; }
    .confirmed-social-list svg { width: 28px; height: 28px; }
}