.hl-gate-open,
.hl-gate-open body { overflow: hidden; }
.hl-gate { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 24px; }
.hl-gate__backdrop { position: absolute; inset: 0; background: rgba(31, 36, 33, .82); }
.hl-gate__panel { position: relative; width: min(100%, 620px); max-height: calc(100svh - 48px); overflow: auto; background: #f4f7f5; color: #1f2421; border-radius: 8px; padding: clamp(28px, 5vw, 56px); box-shadow: 0 24px 70px rgba(0, 0, 0, .25); }
.hl-gate__logo { display: block; width: 210px; height: auto; margin-bottom: 40px; }
.hl-gate h1 { max-width: 13ch; margin: 8px 0 18px; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.08; }
.hl-gate form { display: grid; gap: 16px; margin-top: 28px; }
.hl-gate label { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; padding: 16px; border: 1px solid #8fa99b; border-radius: 4px; background: #fff; cursor: pointer; }
.hl-gate input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: #1f4d3a; }
.hl-gate button { width: 100%; }
.hl-gate__error { min-height: 1.5em; margin: 0; color: #8b1e1e; }
.hl-gate__legal { margin: 24px 0 8px; font-size: .875rem; color: #5d6872; }
.hl-gate__exit { font-size: .875rem; }