.demo-gate{min-height:100dvh;padding:var(--wa-space-5);background:var(--wa-color-bg);color:var(--wa-color-fg);font-family:var(--wa-font-body);place-items:center;display:grid}.demo-card{gap:var(--wa-space-4);width:min(100%,26rem);display:grid}.demo-card h1{font-family:var(--wa-font-display);font-size:var(--wa-text-3xl);line-height:var(--wa-leading-3xl);margin:0}.demo-card p{font-size:var(--wa-text-base);line-height:var(--wa-leading-base);margin:0}.demo-eyebrow{font-size:var(--wa-text-sm);color:var(--wa-color-fg-muted);letter-spacing:.06em;text-transform:uppercase}.demo-card form{gap:var(--wa-space-3);display:grid}.demo-card label{font-weight:600;font-size:var(--wa-text-sm)}.demo-card input[type=text]{font:inherit;font-family:var(--wa-font-mono);padding:var(--wa-space-3) var(--wa-space-4);border:1px solid var(--wa-color-border);background:var(--wa-color-surface);color:var(--wa-color-fg);border-radius:.375rem}.demo-card input[type=text]:focus-visible,.demo-card button:focus-visible{outline:3px solid var(--wa-color-focus);outline-offset:2px}.demo-card button{font:inherit;padding:var(--wa-space-3) var(--wa-space-5);background:var(--wa-color-accent);color:var(--wa-color-accent-fg);cursor:pointer;border:0;border-radius:.375rem;justify-self:start;font-weight:600}.demo-error{color:var(--wa-color-danger);font-weight:600}.demo-small{font-size:var(--wa-text-sm);color:var(--wa-color-fg-muted)}