#guide-gate{position:fixed;inset:0;margin:auto;width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-top:8px solid var(--gold);border-radius:16px;padding:42px;background:var(--greige);color:var(--slate);box-shadow:0 24px 100px #0d172655}
#guide-gate::backdrop{background:#0d1726bd;backdrop-filter:blur(5px)}
#guide-gate .eyebrow{font-size:11px;color:#52606b;margin-bottom:16px}
#guide-gate h2{font-size:clamp(32px,5vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:0 0 18px;font-weight:800}
#gate-description{font-size:15px;line-height:1.6}
.gate-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font:28px/1 sans-serif;padding:10px;cursor:pointer;color:inherit}
.gate-selection{font-weight:600;font-size:14px;border-left:3px solid var(--green);padding:9px 14px;margin:22px 0;background:#e8ede7}
#guide-signup label{display:block;font-weight:600;font-size:13px;margin-bottom:8px}
#guide-email{width:100%;border:1px solid #8a969b;background:white;border-radius:6px;padding:14px;font:16px 'Poppins',sans-serif;color:var(--slate)}
#guide-gate :focus-visible{outline:3px solid var(--green);outline-offset:3px}
.gate-consent{font-size:12px;line-height:1.6;color:#52606b;margin:14px 0 20px}
#guide-signup .btn{width:100%;text-align:center}
#guide-signup .btn:disabled{opacity:.65;cursor:wait}
#gate-status{font-size:14px;color:#a52e1c;margin-top:14px;line-height:1.5}
.gate-footnote{font-size:12px;text-align:center;color:#52606b;margin-top:16px}
.gate-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body:has(#guide-gate[open]){overflow:hidden}
@media(max-width:600px){#guide-gate{padding:32px 24px}}