.newsletter-popup{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center}
.newsletter-popup.is-open{display:flex}
.newsletter-popup__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);cursor:pointer}
.newsletter-popup__box{position:relative;z-index:1;background:#fff;border-radius:16px;padding:44px 40px 36px;max-width:440px;width:calc(100% - 40px);box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center;animation:popupIn .35s cubic-bezier(.4,0,.2,1)}
@keyframes popupIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.newsletter-popup__close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:22px;cursor:pointer;color:#999;line-height:1;padding:4px}
.newsletter-popup__close:hover{color:#333}
.newsletter-popup__icon{font-size:2.5rem;margin-bottom:14px}
.newsletter-popup__box h2{font-size:1.45rem;font-weight:700;color:#1a2332;margin-bottom:8px}
.newsletter-popup__content>p{color:#666;font-size:.92rem;margin-bottom:22px;line-height:1.6}
.newsletter-popup__success{display:none;padding:10px 0}
.newsletter-popup__success h3{font-size:1.3rem;color:#1863DC;margin-bottom:10px}
.newsletter-popup__success p{color:#555;font-size:.9rem}
@media(max-width:480px){.newsletter-popup__box{padding:36px 24px 28px}}