.newsletter-page,.newsletter-status{color:#0f172a;background:#f1f5f9 radial-gradient(#cbd5e14d 1px,#0000 1px) 0 0/24px 24px;padding:64px 16px}.newsletter-content{max-width:960px;margin:0 auto}.newsletter-heading{text-align:center;max-width:640px;margin:0 auto 32px}.newsletter-heading h1{letter-spacing:-.025em;color:#0f172a;margin-bottom:16px;font-size:30px;font-weight:700;line-height:36px}.newsletter-heading p{color:#475569;font-size:16px;line-height:24px}.newsletter-page #subscribe{max-width:440px;margin:0 auto}.newsletter-page .card,.newsletter-status .card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 6px -1px #0f172a0d,0 12px 40px -8px #0f172a14}.newsletter-page #subscribe>.card-body,.newsletter-status .card-body{gap:16px;padding:32px}.newsletter-page #subscribe .grid{grid-template-columns:1fr 1fr}.newsletter-page .input,.newsletter-page .select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:48px;box-shadow:inset 0 2px 4px #0f172a05}.newsletter-page .btn,.newsletter-status button,.newsletter-status a.inline-block{color:#fff;min-height:48px;box-shadow:none;background:#1e3a8a;border-color:#1e3a8a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.newsletter-page .label-text,.newsletter-page .label-text-alt{color:#475569}.newsletter-page .text-success{color:#15803d}.newsletter-page .link-primary{color:#1e3a8a}.newsletter-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.newsletter-benefits .card{box-shadow:none;background:0 0;border:0}.newsletter-benefits .card-body{text-align:center;align-items:center;padding:16px}.newsletter-benefits .avatar>div{color:#1e3a8a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:48px;height:48px}.newsletter-benefits h3{font-size:16px}.newsletter-status{justify-content:center;align-items:center;min-height:65vh;display:flex}.newsletter-status .card{width:100%;max-width:440px}.newsletter-status h1{color:#0f172a;font-size:24px;line-height:32px}.newsletter-status-icon{color:#1e3a8a;background:#eff6ff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 8px;display:grid;box-shadow:0 0 20px #1e3a8a1a}.newsletter-status-icon svg{width:32px;height:32px}.newsletter-status-icon[data-tone=success]{color:#15803d;background:#ecfdf5}.newsletter-status-icon[data-tone=error]{color:#be123c;background:#fff1f2}@media (width<=639px){.newsletter-page,.newsletter-status{padding:40px 16px}.newsletter-page #subscribe>.card-body,.newsletter-status .card-body{padding:24px}.newsletter-benefits{grid-template-columns:1fr;gap:16px}.newsletter-page .input{font-size:16px}.newsletter-heading h1{font-size:28px}}.newsletter-page .newsletter-heading{margin-bottom:12px}.newsletter-page .newsletter-heading h1{font-size:24px;line-height:32px}.newsletter-page .newsletter-heading p{font-size:14px;line-height:24px}html[data-theme=dark] .newsletter-page,html[data-theme=dark] .newsletter-status{color:#e2e8f0;background-color:#0b1220;background-image:radial-gradient(#33415580 1px,#0000 1px)}html[data-theme=dark] .newsletter-page .card,html[data-theme=dark] .newsletter-status .card{background:#111c30;border-color:#334155}html[data-theme=dark] .newsletter-heading h1,html[data-theme=dark] .newsletter-status h1{color:#e2e8f0}html[data-theme=dark] .newsletter-heading p,html[data-theme=dark] .newsletter-page .label-text,html[data-theme=dark] .newsletter-page .label-text-alt{color:#cbd5e1}html[data-theme=dark] .newsletter-page .input,html[data-theme=dark] .newsletter-page .select{color:#e2e8f0;background:#17243a;border-color:#334155}html[data-theme=dark] .newsletter-page .link-primary{color:#93c5fd}html[data-theme=dark] .newsletter-page .text-success{color:#86efac}html[data-theme=dark] .newsletter-benefits .card{background:0 0;border-color:#0000}html[data-theme=dark] .newsletter-benefits .avatar>div,html[data-theme=dark] .newsletter-status-icon{color:#93c5fd;background:#17243a;border-color:#334155}html[data-theme=dark] .newsletter-status-icon[data-tone=success]{color:#86efac;background:#143329}html[data-theme=dark] .newsletter-status-icon[data-tone=error]{color:#fb7185;background:#3b1d2d}
