.demo-gate{min-height:100svh;display:grid;place-items:center;padding:2rem 1.25rem;background:Canvas;color:CanvasText;font-family:var(--font-sans, inherit)}.demo-gate__card{width:min(28rem,100%);text-align:center}.demo-gate__kicker{margin:0 0 .75rem;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.62}.demo-gate h1{margin:0;font-family:var(--font-display, inherit);font-size:clamp(2.2rem,6vw,3.4rem);font-weight:400;letter-spacing:-.03em;line-height:1}.demo-gate p{margin:1rem 0 0;opacity:.72}.demo-gate form{display:grid;gap:.85rem;margin:1.75rem 0 1.4rem}.demo-gate label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-gate input{width:100%;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 28%,transparent);background:transparent;padding:.85rem 0;font-family:var(--font-display, inherit);font-size:2.4rem;letter-spacing:.28em;text-align:center;color:inherit;outline:none}.demo-gate input::-moz-placeholder{letter-spacing:.28em;opacity:.28}.demo-gate input::placeholder{letter-spacing:.28em;opacity:.28}.demo-gate button{justify-self:center;border:0;background:CanvasText;color:Canvas;padding:.8rem 1.4rem;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.demo-gate button:disabled{opacity:.35;cursor:not-allowed}.demo-gate__err{margin:0;font-size:.9rem;color:#c4473a;opacity:1}.demo-gate a{color:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:.28em}