html.hnl-demo-locked, html.hnl-demo-locked body { overflow: hidden !important; }
.hnl-demo-gate { position:fixed; inset:0; z-index:2147483000; overflow:auto; display:grid; place-items:center; padding:24px; background:rgba(20,42,59,.28); backdrop-filter:blur(2px); color:#213949; font:15px/1.5 Arial,sans-serif; }
.hnl-demo-gate *, .hnl-demo-gate *::before, .hnl-demo-gate *::after { box-sizing:border-box; }
.hnl-demo-gate__panel { width:min(100%,760px); margin:auto; padding:30px 36px; border:1px solid #fff; border-radius:22px; background:rgba(255,255,255,.97); box-shadow:0 20px 80px #14334240; }
.hnl-demo-gate__brand { display:block; width:174px; max-width:100%; height:auto; margin-bottom:18px; }
.hnl-demo-gate h1 { font:700 27px/1.2 Arial,sans-serif; letter-spacing:-.5px; color:#163b4d; margin:0 0 10px; }
.hnl-demo-gate__intro { margin:0 0 20px; color:#526973; max-width:620px; }
.hnl-demo-gate__status { color:#955518; margin:12px 0; }
.hnl-demo-gate__retry { border:1px solid #0089a4; border-radius:8px; padding:9px 16px; color:#006d84; background:white; cursor:pointer; }
.hnl-demo-gate [hidden] { display:none !important; }
.hnl-demo-gate :focus-visible { outline:3px solid #11a9ba; outline-offset:3px; }
.hnl-demo-gate .hs-form-html { min-height:200px; }
.hnl-demo-gate__test { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; }
.hnl-demo-gate__test label { display:flex; flex-direction:column; gap:4px; margin:0; color:#213949; font-weight:600; }
.hnl-demo-gate__test input,.hnl-demo-gate__test select { width:100%; height:40px; background:#fff; border:1px solid #b5c8d1; border-radius:7px; padding:8px; color:#213949; }
.hnl-demo-gate__test button { padding:12px; border:0; border-radius:8px; background:#008aa5; color:white; font-weight:700; cursor:pointer; }
.hnl-demo-gate__test small,.hnl-demo-gate__test button { grid-column:1/-1; }
.hnl-demo-preview-badge { position:fixed; bottom:4px; left:4px; z-index:2147483500; font:11px Arial,sans-serif; padding:5px 8px; border-radius:4px; background:#fff6d9; color:#654b06; }
@media (max-width:600px) { .hnl-demo-gate { padding:12px; align-items:start; } .hnl-demo-gate__panel { padding:23px 18px; border-radius:15px; } .hnl-demo-gate h1 { font-size:23px; } .hnl-demo-gate__test { grid-template-columns:1fr; } }