.form-security {
  width:min(440px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); overflow:auto;
  margin:auto; padding:32px; color:#fff; border:1px solid rgba(255,120,190,.35); border-radius:23px;
  background:radial-gradient(ellipse at 100% 0,rgba(255,0,144,.13),transparent 65%),rgba(15,10,16,.96);
  box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(255,0,144,.3),0 24px 100px #000b,0 0 28px #ff009013;
  font:400 14px/1.55 var(--body); backdrop-filter:blur(24px);
}
.form-security::backdrop { background:rgba(2,0,4,.76); backdrop-filter:blur(7px); }
.form-security [hidden] { display:none!important; }
.form-security__close {
  position:absolute; top:10px; right:10px; width:40px; height:40px; border:0; border-radius:50%;
  background:transparent; color:#bbb; font:300 28px/1 var(--body); cursor:pointer;
}
.form-security__close:hover { background:#ffffff0d; color:#fff; }
.form-security__eyebrow { margin:0 0 12px; color:#bbaab4; font:600 10px/1.4 var(--body); letter-spacing:.16em; }
.form-security h2 { margin:0; font:500 clamp(38px,9vw,48px)/1 var(--display); text-transform:uppercase; letter-spacing:0; }
.form-security h2 em { color:var(--pink); font-style:normal; }
.form-security h2 span { color:#fff; }
.form-security #security-description { margin:14px 0 20px; color:#c4b9c0; }
.form-security__preview { padding:8px 10px; margin:0 0 16px; border-left:2px solid var(--pink); background:#ff00900b; font:600 10px/1.5 var(--body); letter-spacing:.04em; color:#e4c6d8; }
.form-security__widget { width:100%; min-width:0; min-height:65px; }
.form-security__widget:empty { min-height:0; }
.form-security__status { min-height:22px; margin:17px 0; color:#d0c5cc; overflow-wrap:anywhere; }
.form-security__status.is-error { color:#ffc0dc; }
.form-security .signal-button { width:100%; min-height:48px; margin:0; font-size:17px; }
.form-security button:disabled { cursor:default; opacity:.4; }
.form-security__retry { display:block; margin:14px auto 0; padding:8px 15px; color:#e7dae2; border:0; background:transparent; font:500 13px var(--body); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.form-security button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.newsletter-card .form-note:empty { display:none; }
@media(max-width:400px) { .form-security { padding:26px 18px 22px; } }
