#newsletter{background:var(--gray);scroll-margin-top:80px}
.newsletter-inner{max-width:720px;margin:auto}
.newsletter-copy{color:#bbb;font-size:1rem;line-height:1.7;margin-bottom:24px}
.newsletter-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.newsletter-form label{display:block;font-size:1rem;line-height:1.5}
.newsletter-form input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #666;border-radius:3px;background:#111;color:var(--offwhite);font:inherit;min-width:0}
.newsletter-form input:focus-visible,.newsletter-form button:focus-visible,.newsletter-close:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.newsletter-form .newsletter-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#ccc}
.newsletter-consent input{margin-top:5px;accent-color:var(--yellow);width:18px;height:18px;flex-shrink:0}
.newsletter-submit{grid-column:1/-1;border:0;border-radius:3px;padding:14px 24px;background:var(--yellow);color:var(--dark);font-family:'Oswald',sans-serif;font-size:1rem;letter-spacing:2px;cursor:pointer}
.newsletter-submit:hover{background:var(--red);color:#fff}
.newsletter-submit:disabled{opacity:.65;cursor:wait}
.newsletter-status{grid-column:1/-1;line-height:1.6;color:var(--yellow);margin:0}
.newsletter-status:empty{display:none}
#newsletter-popup{margin:auto;width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;padding:40px 28px 28px;border:2px solid var(--yellow);border-radius:6px;background:var(--gray);color:var(--offwhite)}
#newsletter-popup::backdrop{background:rgba(0,0,0,.82)}
#newsletter-popup .sec-title{font-size:clamp(2rem,6vw,3rem)}
.newsletter-close{position:absolute;top:8px;right:10px;background:transparent;border:0;color:var(--yellow);font-size:1.8rem;width:44px;height:44px;cursor:pointer}
body.newsletter-open{overflow:hidden}
@media(max-width:540px){.newsletter-form{grid-template-columns:1fr;gap:14px}#newsletter-popup{padding:48px 20px 24px}}