:root{--ink: #14161c;--muted: #6b7280;--accent: #3b5bdb;--line: #e5e7eb;--bg: #f6f7f9}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--bg)}.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:16px}h1{font-size:20px;margin:0 0 4px}.muted{color:var(--muted)}button{font:inherit;padding:10px 16px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:#fff;color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;width:100%}.otp{letter-spacing:.4em;text-align:center;font-size:20px}.row{display:flex;gap:8px;align-items:center}.canvas{border:1px dashed var(--line);border-radius:8px;touch-action:none;width:100%;height:180px;background:#fff}.error{color:#b42318}.spinner{color:var(--muted)}label.consent{display:flex;gap:8px;align-items:flex-start;margin:12px 0}iframe.pdf{width:100%;height:60vh;border:1px solid var(--line);border-radius:8px}