.jackie-newsletter { border-top: 1px solid var(--gold-line); background: radial-gradient(ellipse at 12% 70%, #9a594617, transparent 60%), var(--deep-indigo); }
.jackie-newsletter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 90px); align-items: center; }
.jackie-newsletter-copy > p:not(.section-kicker) { max-width: 510px; }
.jackie-newsletter-copy .jackie-newsletter-signature { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--gold-line); color: var(--soft-gold); font: italic 1.5rem/1.4 var(--serif-display); }
.jackie-newsletter-panel { min-width: 0; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--gold-line); border-radius: 12px; background: linear-gradient(145deg, #3a243d88, #080a1499); }
.jackie-newsletter-panel h3 { margin: 12px 0 28px; color: var(--candle-cream); font: 500 2.2rem/1.15 var(--serif-display); }
.jackie-newsletter-sun { display: block; color: var(--soft-gold); font: 3rem/1.2 Georgia, serif; }
#newsletterForm label { display: block; margin-bottom: 10px; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--candle-cream); }
#newsletterForm input[type=email] { display: block; width: 100%; min-width: 0; height: 56px; padding: 0 16px; border: 1px solid var(--gold-line); border-radius: 4px; background: var(--midnight); color: var(--candle-cream); font: inherit; font-size: 1rem; }
#newsletterForm input::placeholder { color: var(--muted-cream); opacity: .75; }
#newsletterForm .button { width: 100%; margin-top: 16px; gap: 16px; }
#newsletterForm button:disabled { opacity: .65; cursor: wait; transform: none; }
#newsletter-note { margin: 18px 0 0; font-size: .78rem; line-height: 1.7; color: var(--muted-cream); }
#newsletter-status { min-height: 1.6em; margin: 12px 0 0; font-size: .85rem; overflow-wrap: anywhere; }
#newsletter-status[data-state=error] { color: #ffb7a8; }
#newsletter-status[data-state=success] { color: #c5dfb7; }
.newsletter-honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.jackie-newsletter-thanks { box-sizing: border-box; margin: auto; width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 46px 30px 36px; border: 1px solid var(--antique-gold); border-radius: 12px; background: var(--deep-indigo); color: var(--muted-cream); text-align: center; box-shadow: 0 24px 80px #0008; }
.jackie-newsletter-thanks::backdrop { background: #080a14cc; }
.jackie-newsletter-thanks .section-kicker { margin-top: 20px; }
.jackie-newsletter-thanks h2 { margin: 20px 0; color: var(--candle-cream); font: 500 clamp(2rem, 6vw, 3rem)/1.15 var(--serif-display); }
.jackie-newsletter-thanks > p:last-of-type { margin-bottom: 26px; }
.newsletter-close { position: absolute; right: 8px; top: 8px; width: 44px; height: 44px; border: 0; background: transparent; color: var(--candle-cream); font-size: 28px; cursor: pointer; }
#newsletterForm :focus-visible, .jackie-newsletter-thanks :focus-visible { outline: 2px solid var(--soft-gold); outline-offset: 4px; }
@media (max-width: 800px) { .jackie-newsletter-grid { grid-template-columns: 1fr; } }