.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:56px 32px;border-bottom:1px solid #30283b;color:#f5f2fa}
.newsletter-kicker{margin:0 0 14px;color:#c29cef;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.newsletter-copy h2{margin:0 0 16px;font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.15}
.newsletter-copy>p:last-child{max-width:390px;margin:0;color:#b9b2c4;font-size:16px;line-height:1.65}
.newsletter-form{min-width:0}.newsletter-email-label{display:block;margin-bottom:10px;font-size:14px;color:#d9d1e4}
.newsletter-fields{display:flex;gap:10px}.newsletter-fields input{width:100%;min-width:0;height:52px;padding:0 16px;border:1px solid #51425f;border-radius:6px;background:#15111b;color:#fff;font:inherit;font-size:16px}
.newsletter-fields input::placeholder{color:#a198ac}.newsletter-fields button{display:flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 22px;border:1px solid #9562de;border-radius:6px;background:#7c3aed;color:#fff;font:inherit;font-size:16px;cursor:pointer;white-space:nowrap}.newsletter-fields button:hover{background:#8b4bee}
.newsletter-fields button:disabled{opacity:.6;cursor:wait}.newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;line-height:1.6;color:#b9b2c4;cursor:pointer}.newsletter-consent input{appearance:auto;flex:0 0 18px;width:18px;height:18px;margin-top:3px;accent-color:#a66aff}.newsletter-consent a{color:#d6b6ff;text-decoration:underline;text-underline-offset:3px}
.newsletter input:focus-visible,.newsletter button:focus-visible,.newsletter a:focus-visible{outline:2px solid #d6b6ff;outline-offset:4px}
.newsletter-message{min-height:24px;margin:12px 0 0;font-size:14px;line-height:1.6;color:#cbbbdf}.newsletter-message.error{color:#ffb4b4}.newsletter-message.success{color:#c6ebd3}.newsletter-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.newsletter{grid-template-columns:1fr;gap:28px;padding-block:36px 20px}.newsletter-copy>p:last-child{max-width:100%}}
@media(max-width:380px){.newsletter-fields{flex-direction:column}.newsletter-fields button{width:100%}}
