@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Inter+Tight:wght@600;700&display=swap");:root{--bg:#f5f5f4;--surface:#fff;--border:#e7e5e4;--border2:#d6d3d1;--text1:#1c1917;--text2:#57534e;--text3:#a8a29e;--blue:#2563eb;--blue-bg:#eff6ff;--blue-bd:#bfdbfe;--green:#16a34a;--green-bg:#f0fdf4;--green-bd:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-bd:#fecaca;--r:8px;--r-lg:16px;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text1);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:40px 32px;max-width:380px;width:100%;text-align:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:16px}.title{font-family:Inter Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.sub{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:20px}.qr{width:240px;height:240px;border:1px solid var(--border);border-radius:var(--r);padding:12px;background:#fff;margin:0 auto 20px;display:block;object-fit:contain}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--blue-bg);border:1px solid var(--blue-bd);border-radius:20px;font-size:11px;font-weight:500;color:var(--blue);margin-bottom:20px}.dot{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn-ghost,.btn-primary{display:inline-block;padding:10px 20px;border-radius:var(--r);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn-primary{background:var(--text1);color:#fff}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover{background:var(--bg)}.spin{width:28px;height:28px;border:3px solid var(--border2);border-top-color:var(--text1);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.check{width:56px;height:56px;border-radius:50%;background:var(--green-bg);border:1px solid var(--green-bd);color:var(--green);font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.text-red{color:var(--red)}