.newsletter-section{background:#ff1493;color:#fff;padding:80px 16px}
.newsletter-inner{max-width:896px;margin:auto;text-align:center}
.newsletter-symbol{width:48px;height:48px;margin:0 auto 24px;opacity:.9}
.newsletter-section h2{font-size:48px;line-height:1;font-weight:900;text-transform:uppercase;color:#fff;margin:0 0 16px}
.newsletter-intro{max-width:672px;margin:0 auto 40px;font-size:20px;line-height:28px;font-weight:500;color:#ffffffe6}
.newsletter-section form{display:flex;flex-direction:column;gap:16px;max-width:512px;margin:auto}
.newsletter-email{position:relative}.newsletter-email>svg{position:absolute;left:12px;top:14px;width:20px;height:20px;color:#6b7280}
.newsletter-section input[type=email]{height:48px;padding:8px 12px 8px 40px;border:0;border-radius:12px;color:#000;font-size:18px;font-weight:500;box-shadow:0 20px 25px #0002}
.newsletter-section .check{display:flex;gap:8px;align-items:center;padding:4px 8px;margin:0;text-align:left;font-size:14px;font-weight:500;line-height:1.25;color:#fff}
.newsletter-section .check input{width:16px;height:16px;flex-basis:16px;margin:0;accent-color:#000}.newsletter-section .check span{padding:0}
.newsletter-section .button{height:48px;border-radius:12px;text-transform:uppercase;font-size:18px;font-weight:700;margin:8px 0 0;box-shadow:0 10px 15px #0002}
.newsletter-section .button:hover{background:#fff;color:#000}
.newsletter-section .form-error{background:#fff;color:#b91c1c;padding:10px;border-radius:6px;margin:0}
.newsletter-section .enrollment-honeypot{position:absolute;left:-9999px;width:1px;height:1px}
.newsletter-success{max-width:448px;margin:auto;padding:32px;background:#fff3;border-radius:12px}
.newsletter-success>svg{width:64px;height:64px;margin:0 auto 16px}
.newsletter-success h3{font-size:24px;line-height:32px;font-weight:700;color:#fff;text-transform:uppercase;margin:0 0 8px}
.newsletter-success p{font-weight:500;margin:0}
.newsletter-success button{display:inline-block;border:0;background:transparent;color:#fff;text-decoration:underline;font-size:14px;font-weight:500;margin-top:16px;padding:10px}
@media(max-width:767px){.newsletter-section h2{font-size:30px;line-height:36px}.newsletter-intro{font-size:18px;line-height:28px}}
@media(min-width:640px){.newsletter-section{padding-inline:24px}}
#newsletter .newsletter-inner{max-width:848px}
#newsletter .newsletter-symbol{display:block}
#newsletter .button{margin-top:0}