:root{font-family:Arial,sans-serif;color:#f7f4ff;background:#0c0911}*{box-sizing:border-box}body{margin:0}.gateShell{max-width:680px;min-height:100dvh;margin:auto;padding:24px 16px 60px}.gateHeader{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.eyebrow,.gateHeader span{color:#cdb8f6;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.gateHeader strong{font-size:1.25rem}.gateHeader small{color:#beb7c8}.gateCard{background:#1b1425;border:1px solid #46335c;border-radius:20px;padding:28px;margin-top:15vh}.gateCard h1{font-size:clamp(2rem,7vw,3rem)}.camera{background:#000;border:2px solid #7d55b4;border-radius:18px;overflow:hidden;aspect-ratio:4/3}.camera video{width:100%;height:100%;object-fit:cover}.button,button{display:inline-block;width:100%;margin-top:14px;border:0;border-radius:12px;background:#b889ff;color:#180a28;padding:16px 18px;font-size:1.05rem;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:#2d2338;color:#fff;border:1px solid #6b537e}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.feedback{display:grid;grid-gap:8px;gap:8px;text-align:center;padding:26px 16px;margin-top:18px;border:2px solid #766388;border-radius:16px;background:#21192b}.feedback strong{font-size:clamp(1.55rem,6vw,2.8rem)}.feedback.accepted{background:#153a28;border-color:#45d887}.feedback:not(.accepted):not(.idle){background:#47202a;border-color:#ff9a9a}.offline{background:#563b00;padding:16px;border-radius:10px;margin:12px 0}details{margin-top:25px}summary{cursor:pointer}input{display:block;width:100%;padding:12px;margin-top:6px;font:inherit;border-radius:8px}p{line-height:1.5}@media(max-width:390px){.gateShell{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.demoBack{margin-bottom:20px}.demoBack a{color:#dfc3ff;font-weight:700;text-decoration:none}.demoBack a:hover{text-decoration:underline}@media print{.demoBack{display:none}}