:root{--bg:#f6f6f9;--surface:#fff;--border:#e3e3ea;--text:#1b1b22;--muted:#6b6b78;--accent:#5b5bd6;--accent-hover:#4c4cc4;--accent-soft:#ededfc;--danger:#d93d42;--danger-soft:#fdecec;--ok:#2f9e6b;--radius:14px;--shadow:0 1px 2px #1414280a, 0 8px 24px #1414280f;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111116;--surface:#1a1a21;--border:#2c2c36;--text:#ececf1;--muted:#9a9aa8;--accent:#7c7cf0;--accent-hover:#8e8ef4;--accent-soft:#24243a;--danger:#f06368;--danger-soft:#2e1a1c;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}*{box-sizing:border-box}body{margin:0}.page{flex-direction:column;min-height:100vh;display:flex}.top{justify-content:space-between;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:18px 24px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.mark{background:linear-gradient(135deg, var(--accent), #9b6cf2);border-radius:8px;width:26px;height:26px}.content{flex-direction:column;flex:1;gap:18px;width:100%;max-width:760px;margin:0 auto;padding:8px 24px 40px;display:flex}.foot{text-align:center;color:var(--muted);padding:24px;font-size:13px}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:24px}h2{margin:0 0 12px;font-size:18px}.intro{text-align:center;margin-top:24px}.clerk{justify-content:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card.danger{border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.muted{color:var(--muted);margin:0 0 16px;line-height:1.5}.small{margin:0;font-size:13px}.centre{text-align:center;margin-top:48px}.error{color:var(--danger);margin:8px 0}button,a.primary,a.secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}button:disabled{opacity:.55;cursor:default}button.small{padding:6px 12px;font-size:14px}.primary{background:var(--accent);color:#fff}.primary:not(:disabled):hover{background:var(--accent-hover)}.secondary{color:var(--text);border-color:var(--border);background:0 0}.secondary:not(:disabled):hover{background:var(--accent-soft)}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;width:100%;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.code-form{gap:10px;display:flex}.code-input{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,Cascadia Mono,monospace;font-size:18px}.code{letter-spacing:.1em;background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:4px 8px;font-family:ui-monospace,Cascadia Mono,monospace;font-weight:600}.device-preview{border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.device-preview .code{margin-left:auto}.device-name{font-weight:600}.device-icon{background:var(--accent-soft);border-radius:10px;flex:none;width:36px;height:36px;position:relative}.device-icon:after{content:"";border:2px solid var(--accent);border-radius:3px;position:absolute;inset:10px 8px}.device-icon.phone:after,.device-icon.tablet:after{inset:7px 12px}.devices{margin:0;padding:0;list-style:none}.device{border-top:1px solid var(--border);align-items:center;gap:14px;padding:12px 0;display:flex}.device:first-child{border-top:0}.device-text{flex:1;min-width:0}.facts{grid-template-columns:120px 1fr;gap:12px 16px;margin:16px 0 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.meter{background:var(--accent-soft);border-radius:99px;max-width:320px;height:8px;margin:6px 0;overflow:hidden}.meter span{background:var(--accent);height:100%;display:block}.confirm{flex-direction:column;gap:8px;max-width:360px;display:flex}.tick{background:color-mix(in srgb, var(--ok) 15%, transparent);border-radius:50%;width:44px;height:44px;margin-bottom:12px;position:relative}.tick:after{content:"";border:solid var(--ok);border-width:0 3px 3px 0;width:10px;height:18px;position:absolute;top:10px;left:15px;transform:rotate(45deg)}@media (width<=520px){.facts{grid-template-columns:1fr;gap:4px}.facts dd{margin-bottom:10px}.code-form{flex-direction:column}}