.newsletter-card{margin:32px 0;padding:clamp(20px,4vw,32px);border:1px solid var(--line-strong,#50436b);border-radius:20px;background:linear-gradient(135deg,rgba(54,245,196,.06),rgba(127,92,255,.13));color:var(--ink,#f5f2ff)}
.newsletter-card h2{margin:0 0 16px;color:var(--ink,#f5f2ff);font-size:clamp(1.5rem,3vw,2rem)}
.newsletter-card p{color:var(--ink-2,#cfc3f2);margin-bottom:16px}
.newsletter-card .eyebrow{color:var(--accent,#36f5c4)}
.newsletter-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin:22px 0 18px}
.newsletter-fields label{display:grid;gap:6px;font-size:.9rem;font-weight:600;min-width:0}
.newsletter-fields input,.newsletter-fields select{width:100%;min-width:0;min-height:48px;padding:10px 12px;font:inherit;font-size:16px;border:1px solid var(--line-strong,#50436b);border-radius:10px;background:var(--bg,#0a0916);color:var(--ink,#f5f2ff);color-scheme:dark}
.newsletter-consent{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.6;cursor:pointer;padding:8px 0}
.newsletter-consent input{width:22px;height:22px;flex:0 0 22px;margin-top:2px;accent-color:var(--accent,#36f5c4)}
.newsletter-help{font-size:.85rem;margin-top:10px}
.newsletter-form button{min-height:48px;width:auto;max-width:100%;padding:12px 20px;border:0;border-radius:999px;font:inherit;font-weight:700;background:var(--accent,#36f5c4);color:var(--accent-ink,#062b22);cursor:pointer;white-space:normal}
.newsletter-form button:disabled{opacity:.65;cursor:wait}
.newsletter-form :focus-visible,.newsletter-sample:focus-visible{outline:3px solid var(--accent,#36f5c4);outline-offset:4px}
.newsletter-feedback{min-height:1.6em;margin-top:14px;overflow-wrap:anywhere}
.newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.newsletter-sample{display:inline-block;min-height:44px;padding:10px 0;font-weight:600}
.newsletter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.newsletter-grid .newsletter-card{margin-top:0}
.newsletter-grid .newsletter-fields{grid-template-columns:1fr}
.newsletter-explainer{max-width:720px}.newsletter-explainer p{margin:0 0 18px}
@media(max-width:760px){.newsletter-grid,.newsletter-fields{grid-template-columns:1fr}.newsletter-grid{gap:0}.newsletter-form button{width:100%}}