/* Newsletter page. Uses media2/media.css (.mx) as the base. */
.mx .nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.mx .nl-box{border-radius:22px;background:#0E1430;border:1px solid rgba(255,255,255,.08);padding:32px}
.mx .nl-box h3{font-size:24px;margin-bottom:8px}.mx .nl-box>p{color:#9AA6C8;margin-bottom:22px}
.mx .nl-list{display:grid;gap:18px;margin-top:6px}
.mx .nl-list div{display:flex;gap:16px;align-items:flex-start}
.mx .nl-list i{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(91,200,232,.12);color:#7BD6F0;display:flex;align-items:center;justify-content:center;font-size:18px}
.mx .nl-list b{display:block;font:600 17px Sora,sans-serif;color:#fff}.mx .nl-list small{color:#9AA6C8;font-size:14px}
.mx .nl-f{display:grid;gap:14px}
.mx .nl-f label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#C5CDE6}
.mx .nl-f input,.mx .nl-f select,.mx .nl-f textarea{height:50px;border-radius:12px;background:#121A3A;border:1px solid rgba(255,255,255,.1);padding:0 16px;color:#fff;font:400 15px Inter,sans-serif;width:100%}
.mx .nl-f textarea{height:120px;padding:12px 16px;resize:vertical}
.mx .nl-f input:focus,.mx .nl-f select:focus,.mx .nl-f textarea:focus{outline:0;border-color:#5BC8E8}
.mx .nl-f .btn{width:100%;margin-top:4px}
.mx .nl-f .fine{font-size:12.5px;color:#7A85A8;text-align:center}
.mx .nl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mx .nl-frame{border-radius:20px;overflow:hidden;background:#fff;height:560px}
.mx .nl-frame iframe{width:100%;height:100%;border:0;display:block}
.mx .nl-empty{border-radius:20px;overflow:hidden;min-height:260px;display:flex;align-items:center;padding:0 44px}
.mx .nl-empty:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,28,.95),rgba(7,11,28,.5))}
.mx .nl-empty>*{position:relative}.mx .nl-empty h3{font-size:26px;margin:12px 0 6px}.mx .nl-empty p{color:#C5CDE6;margin-bottom:18px;max-width:520px}
.mx .nl-man{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.mx .nl-man h2{font-size:30px;margin-bottom:8px}.mx .nl-man p{color:#9AA6C8}
.mx .nl-inline{display:flex;gap:10px}.mx .nl-inline input{flex:1;height:50px;border-radius:999px;background:#121A3A;border:1px solid rgba(255,255,255,.1);padding:0 20px;color:#fff;font-size:15px;min-width:0}
.mx .nl-inline .btn{width:auto;margin-top:0}
.mx .nl-inline input:focus{outline:0;border-color:#5BC8E8}
@media (max-width:860px){.mx .nl-grid,.mx .nl-man{grid-template-columns:1fr}.mx .nl-box{padding:24px}.mx .nl-frame{height:460px}.mx .nl-empty{padding:0 24px}}
@media (max-width:560px){.mx .nl-row{grid-template-columns:1fr}.mx .nl-inline{flex-direction:column}.mx .nl-inline .btn{width:100%}}