html.subscribe-open { overflow: hidden; }
.subscribe-dialog { box-sizing:border-box; width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:40px; border:1px solid #454545; background:#101316; color:#f3f1ea; margin:auto; overflow:auto; }
.subscribe-dialog::backdrop { background:rgb(0 0 0 / .78); backdrop-filter:blur(5px); }
.subscribe-dialog h2 { margin:14px 0; font-size:clamp(32px,6vw,48px); line-height:1.05; }
.subscribe-dialog p { font-size:16px; line-height:1.6; }
.subscribe-dialog form { display:grid; gap:12px; margin-top:24px; }
.subscribe-dialog label { font-size:14px; }
.subscribe-dialog input:not(.hp) { box-sizing:border-box; width:100%; min-height:48px; border:1px solid #72777c; background:#191d21; color:#fff; padding:12px; font:inherit; }
.subscribe-dialog select { box-sizing:border-box; width:100%; min-height:48px; border:1px solid #72777c; background:#191d21; color:#fff; padding:12px; font:inherit; border-radius:0; -webkit-appearance:none; appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#72777c 50%),linear-gradient(135deg,#72777c 50%,transparent 50%);
  background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:40px; }
.subscribe-dialog select:focus-visible { outline:2px solid #ff792d; outline-offset:3px; }
.subscribe-dialog input:focus-visible { outline:2px solid #ff792d; outline-offset:3px; }
.subscribe-dialog .btn { margin-top:8px; width:100%; white-space:normal; }
.subscribe-dialog .dialog-close { display:block; margin-left:auto; border:0; background:transparent; color:#f3f1ea; cursor:pointer; font:inherit; padding:6px; }
.subscribe-dialog .form-note { margin:0; min-height:26px; }
@media(max-width:480px) { .subscribe-dialog { padding:24px; } }