.demo-clock{position:fixed;left:50%;top:8px;transform:translateX(-50%);z-index:900;background:var(--site-primary);color:white;border-radius:24px;padding:7px 15px;font:600 12px system-ui;box-shadow:0 5px 20px #0002;white-space:nowrap}.demo-gate{position:fixed;inset:0;z-index:1000;background:#27152bdd;display:grid;place-items:center;padding:20px}.demo-gate[hidden]{display:none}.demo-gate-card{background:var(--site-bg);color:var(--site-primary);border-radius:20px;padding:28px;width:min(100%,420px);max-height:90dvh;overflow:auto;box-shadow:0 20px 60px #0004;font:14px/1.5 system-ui}.demo-gate h2{font:30px Georgia;margin:0 0 10px}.demo-gate label{display:block;margin:12px 0}.demo-gate input{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--site-line);border-radius:8px;font:inherit}.demo-gate button{background:var(--site-primary);color:white;border:0;border-radius:9px;padding:12px;width:100%;font:600 14px system-ui;cursor:pointer}.demo-gate a{color:var(--site-primary);display:inline-block;margin-top:14px}.demo-gate #gate-error{color:#a62243}