:root{font-family:Arial,Helvetica,sans-serif;color:#192a3b;background:#f3f5f7;--blue:#174c77;--green:#177245}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4ea;padding:20px max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:block;width:260px;height:auto}.contact{color:var(--blue);font-size:14px;text-decoration:none}main{max-width:1080px;margin:32px auto;padding:0 24px}h1{font-size:32px;line-height:1.2;margin:10px 0 12px}h2{font-size:24px;margin:10px 0}p{line-height:1.6}.lead{color:#617080;font-size:17px;margin:0}.eyebrow{color:var(--blue);font-weight:700;font-size:11px;letter-spacing:1.5px;margin:0}.preview{font-size:12px;color:#80651e;background:#fff8e5;border-radius:5px;padding:9px 12px;margin:0 0 24px}.card{background:#fff;border:1px solid #dce4ea;border-radius:10px;padding:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:6px;text-decoration:none;font:600 14px Arial;cursor:pointer;border:1px solid transparent}.primary{background:var(--blue);color:white}.primary:hover{background:#123d60}.secondary{background:#fff;color:var(--blue);border-color:#bfccd7}.hidden{display:none!important}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.status{white-space:nowrap;font-size:12px;padding:9px 13px;border-radius:20px;background:#fff1d7;color:#956208}.status.done{background:#e2f5e9;color:var(--green)}.document-tools{display:flex;justify-content:flex-end;gap:12px;margin:24px 0 14px}iframe{width:100%;height:700px;border:1px solid #c9d4dc;border-radius:8px;background:#e7ecef;margin-bottom:24px}dialog{border:0;border-radius:12px;width:min(620px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:28px;color:#192a3b;box-shadow:0 20px 80px #132d4b40}dialog::backdrop{background:#14253688}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.close{border:0;background:transparent;font-size:28px;color:#617080;cursor:pointer}.signer{font-size:18px;font-weight:bold;margin:0 0 18px}.canvas-wrap{position:relative;border:1px dashed #a9bbc8;border-radius:7px;background:#fcfdfe;overflow:hidden}canvas{width:100%;height:170px;display:block;touch-action:none}#draw-hint{pointer-events:none;color:#8495a4;position:absolute;top:75px;left:0;right:0;text-align:center;font-size:14px}.text-button{background:none;border:0;color:var(--blue);cursor:pointer;padding:12px 0}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:14px;margin:16px 0}.check input{margin-top:5px;min-width:17px;min-height:17px}.wide{width:100%}.hint{font-size:12px;color:#73818e;margin-bottom:6px}.success{text-align:center}.tick{width:52px;height:52px;border-radius:50%;background:#e3f5e9;color:var(--green);font-size:30px;line-height:52px;margin:auto}.notice{padding:13px 16px;border:1px solid #ddb9b9;background:#fff1f0;border-radius:7px;color:#872b2b;margin:18px 0}button:disabled{opacity:.55;cursor:wait}footer{text-align:center;color:#7b8995;font-size:12px;padding:25px}@media(max-width:650px){header{padding:16px;gap:12px}.logo{width:180px}.contact{font-size:11px;text-align:right}main{padding:0 14px;margin:22px auto}.card{padding:22px}h1{font-size:26px}.topline{align-items:flex-start;flex-direction:column;gap:14px}iframe{height:520px}.document-tools{justify-content:space-between}.primary,.secondary{font-size:13px;padding:13px 16px}dialog{padding:22px}canvas{height:155px}#draw-hint{top:66px}}