:root{--red:#c62828;--dark:#17202a;--muted:#65727e;--green:#178447;--blue:#2457a7;--bg:#f3f6f8;--card:#fff;--line:#dce3e8}*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--dark)}body{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:10px}.topbar img{width:42px;height:42px;object-fit:contain}.brand{min-width:0}.brand b{display:block;font-size:15px}.brand span{display:block;font-size:12px;color:var(--muted)}.timer{margin-left:auto;background:#fff3e0;border:1px solid #ffcc80;border-radius:12px;padding:7px 10px;text-align:center;min-width:92px}.timer b{font-variant-numeric:tabular-nums}.demo-ribbon{background:#fff0f0;color:#8f1212;text-align:center;font-weight:800;padding:8px;font-size:13px;border-bottom:1px solid #f2c7c7}.wrap{width:min(760px,100%);margin:auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 6px 20px rgba(29,43,54,.05)}h1{font-size:25px;line-height:1.15;margin:0 0 8px}h2{font-size:20px;margin:0 0 8px}p{line-height:1.45}.muted{color:var(--muted)}.choice{display:flex;gap:12px;align-items:center}.choice img{width:72px}.buttons{display:grid;gap:10px}.btn,button{appearance:none;border:0;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:750;cursor:pointer;text-decoration:none;text-align:center;display:block;width:100%;background:var(--blue);color:#fff}.btn.red,button.red{background:var(--red)}.btn.green,button.green{background:var(--green)}.btn.light,button.light{background:#eef3f6;color:var(--dark);border:1px solid var(--line)}input{width:100%;padding:14px;border:1px solid #cdd7de;border-radius:12px;font-size:16px;background:#fff}label{display:block;font-weight:700;margin:12px 0 6px}.notice{border-radius:14px;padding:12px 14px;background:#eef6ff;border:1px solid #cfe3ff}.ok{background:#eefaf2;border-color:#bfe2c9;color:#116633}.warn{background:#fff8e6;border-color:#f1d38d}.error{background:#fff0f0;border-color:#edbcbc;color:#8f1212}.progress{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0 18px}.progress span{height:7px;border-radius:6px;background:#dfe5e9}.progress span.done{background:var(--green)}.queue-number{font-size:46px;font-weight:900;text-align:center;margin:8px 0}.queue-label{text-align:center;color:var(--muted)}.doc{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px}.doc.done{border-color:#93d2aa;background:#f1fbf5}.doc strong{display:block;margin-bottom:4px}.mini{font-size:13px;color:var(--muted)}.footer{text-align:center;color:#77838e;font-size:12px;padding:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credentials div{background:#f6f8fa;border:1px dashed #bdc8d0;border-radius:12px;padding:10px}.credentials b{display:block;font-size:18px}.bigcheck{font-size:54px;text-align:center}.row{display:flex;gap:10px;align-items:center}.row .grow{flex:1}@media(max-width:560px){.wrap{padding:12px}.card{border-radius:15px;padding:15px}h1{font-size:22px}.split,.credentials{grid-template-columns:1fr}.topbar{padding:8px 10px}.timer{min-width:84px;padding:6px 8px}.choice img{width:58px}.btn,button,input{font-size:16px;min-height:50px}.queue-number{font-size:42px}}