header nav{align-items:center;gap:20px}
header nav .newsletter-trigger{padding:9px 12px;border:1px solid #a9bdc877;background:transparent;color:inherit;font:inherit;line-height:1.4;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
header nav .newsletter-trigger:hover{background:#a9bdc817;border-color:#bfd4df}
.newsletter-dialog{width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:43px 32px 32px;border:1px solid #a9bdc866;border-radius:4px;background:#10202e;color:#e7edf0;box-shadow:0 24px 100px #0009;overflow:auto}
.newsletter-dialog::backdrop{background:#030b14c9;backdrop-filter:blur(5px)}
.newsletter-close{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;background:transparent;color:#d6e1e7;font-size:27px;line-height:1;cursor:pointer}
.newsletter-dialog h2{font-size:34px;line-height:1.2;margin:0 0 20px}
.newsletter-dialog p{font-size:14px;line-height:1.8;color:#c1ced7;margin:0}
.newsletter-pending{padding:20px;margin-top:25px;border:1px solid #a9bdc833;background:#a9bdc80c}
.newsletter-pending span{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.07em;color:#c8dbe7}
.newsletter-pending p{font-size:13px}
@media(max-width:1100px){header nav{gap:13px}header nav .newsletter-trigger{padding:8px;font-size:12px}}
@media(max-width:680px){header nav{flex-wrap:wrap;justify-content:center;gap:9px 18px}header nav .newsletter-trigger{padding:7px 11px}.newsletter-dialog{padding:43px 23px 25px}}