.demo-entry{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(50,211,227,.13),transparent 34%),radial-gradient(circle at 90% 90%,rgba(70,108,130,.16),transparent 34%),rgba(8,10,11,.97);color:#f5f7f8}.demo-entry.hidden{display:none}.demo-entry-card{width:min(760px,100%);border:1px solid #32383d;background:linear-gradient(145deg,#15191c,#0e1113);box-shadow:0 28px 90px rgba(0,0,0,.46);padding:42px;border-radius:18px}.demo-entry-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.demo-entry-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:#32d3e3;color:#061416;font-weight:900;letter-spacing:.04em}.demo-entry-brand div{display:flex;flex-direction:column;gap:3px}.demo-entry-brand strong{font-size:15px;letter-spacing:.08em}.demo-entry-brand small{color:#8e989f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.demo-entry-eyebrow{margin:0 0 12px;color:#32d3e3;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.demo-entry h1{margin:0;max-width:650px;font-size:clamp(36px,6vw,62px);line-height:.98;letter-spacing:-.045em}.demo-entry h1 em{font-style:normal;color:#32d3e3}.demo-entry-lead{max-width:640px;margin:24px 0 0;color:#aab3b9;font-size:17px;line-height:1.65}.demo-entry-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.demo-entry-flow div{padding:14px 16px;border:1px solid #2d3438;background:#111518;border-radius:10px}.demo-entry-flow span{display:block;color:#6f7b82;font-size:9px;font-weight:800;letter-spacing:.12em}.demo-entry-flow strong{display:block;margin-top:7px;font-size:13px}.demo-entry-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.demo-entry-start{appearance:none;border:0;border-radius:9px;background:#32d3e3;color:#061416;padding:15px 21px;font:inherit;font-size:13px;font-weight:900;letter-spacing:.035em;cursor:pointer;transition:transform .15s ease,filter .15s ease}.demo-entry-start:hover{transform:translateY(-1px);filter:brightness(1.05)}.demo-entry-start:disabled{cursor:wait;opacity:.72;transform:none}.demo-entry-manual{appearance:none;border:1px solid #3a4247;border-radius:9px;background:transparent;color:#d8dde0;padding:14px 18px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.demo-entry-note{margin:18px 0 0;color:#6f7b82;font-size:11px;line-height:1.5}.demo-entry-error{min-height:18px;margin:12px 0 0;color:#ff918a;font-size:12px}@media(max-width:650px){.demo-entry{padding:16px}.demo-entry-card{padding:28px 22px;border-radius:14px}.demo-entry-flow{grid-template-columns:1fr}.demo-entry-actions{align-items:stretch;flex-direction:column}.demo-entry-start,.demo-entry-manual{width:100%}}