.web-gate{justify-content:center;align-items:center;gap:var(--space-4xl);min-height:100vh;padding:var(--space-5xl);flex-direction:column;display:flex}.web-gate-teaser{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;display:flex}.web-gate-mark{align-items:center;gap:var(--space-md);color:var(--ink-primary);display:flex}.web-gate-wordmark{font-family:var(--font-display);color:var(--ink-primary);font-size:16px;font-weight:600}.web-gate-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink-primary);margin:0;font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.08}.web-gate-heading{margin:0 0 var(--space-md);font-family:var(--font-display);color:var(--ink-primary);font-size:24px;font-weight:600}.web-gate-card{align-items:center;gap:var(--space-xl);width:min(21rem,100%);padding:var(--space-4xl);text-align:center;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--schatten-fenster);flex-direction:column;display:flex}.web-gate-notice{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.5}.web-gate-label{color:var(--ink-secondary);font-size:13px}.web-gate-input{padding:var(--space-lg);color:var(--ink-primary);background:var(--surface-subtle);border:1px solid var(--border-control);border-radius:var(--radius-md);align-self:stretch;font-size:15px}.web-gate-submit{padding:var(--space-lg) var(--space-5xl);font-family:var(--font-body);color:var(--action-on-primary);background:var(--action-primary);border-radius:var(--radius-md);box-shadow:var(--schatten-indigo);cursor:pointer;border:0;font-size:15px;font-weight:600}.web-gate-submit:disabled{opacity:.55;cursor:default}.web-gate-failure{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:left;margin:0;font-size:13px;line-height:1.45}.web-gate-failure-governed{background:var(--ziegel-wash-bg);color:var(--ziegel-text)}.web-gate-failure-operational{background:var(--bernstein-wash-bg);color:var(--bernstein-text)}.web-gate-footer{font-size:13px}.web-gate-impressum{color:var(--ink-primary)}.web-gate-card.demo-persona-picker{align-items:stretch;gap:1rem;width:min(42rem,100%)}.demo-persona-picker h1,.demo-persona-picker p{margin:0}.demo-persona-eyebrow{letter-spacing:.04em;font-weight:600}.demo-persona-list{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.75rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.demo-persona-choice{text-align:left;width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.6rem;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.demo-persona-choice:hover{background:color-mix(in srgb, currentColor 7%, transparent)}.demo-persona-choice:focus-visible,.demo-persona-actions button:focus-visible{outline-offset:3px;outline:3px solid}.demo-persona-choice:disabled{opacity:.6;cursor:wait}.demo-persona-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.demo-persona-actions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.4rem;padding:.5rem .8rem}