:root{--sd-green: #47BB80;--sd-teal: #0699AE;--sd-lime: #7BD75A;--sd-ink: #202020;--sd-text: #303030;--sd-muted: #6f7d76;--sd-line: #e1e6e3;--sd-mint: #F3FCF7;--sd-white: #fff;--sd-danger: #ce0000;--sd-radius: 8px;--sd-shadow: 0 14px 40px rgba(6, 153, 174, .08);--sd-shadow-strong: 0 24px 24px rgba(71, 187, 128, .28)}#docsign-app{color:var(--sd-text);font-family:Montserrat,Arial,sans-serif;line-height:1.8}#docsign-app *{box-sizing:border-box}.docsign-layout{display:grid;gap:28px;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);margin:0 auto;max-width:1180px;padding:42px 20px 70px;width:100%}.docsign-aside{display:grid;gap:22px;align-content:start}.docsign-card{background:var(--sd-mint);border:1px solid var(--sd-line);border-radius:var(--sd-radius);box-shadow:var(--sd-shadow);padding:32px}.docsign-loader{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);font-weight:700;padding:20px}.docsign-intro{margin-bottom:24px}.docsign-hp{height:1px;left:-9999px;opacity:0;position:absolute;width:1px}#docsign-app h2,#docsign-app h3{color:var(--sd-green);font-weight:700;letter-spacing:0;line-height:1.2;margin:0 0 20px}#docsign-app h2{font-size:1.9rem}#docsign-app h3{font-size:1.28rem}#docsign-app p{margin:0 0 24px}.signature-document{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);margin-bottom:28px;padding:24px}.signature-document .content{color:var(--sd-text);line-height:1.8}.form-grid{display:grid;gap:16px;grid-template-columns:1fr}.form-row{display:block;margin-bottom:16px;width:100%}.form-row>label,.form-row>.form-label,.form-row>.choice-list{display:block;width:100%}.form-row--full{grid-column:1 / -1}.form-label{color:var(--sd-ink);display:block;font-weight:700;margin-bottom:6px}.form-control,.form-select,textarea.form-control{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);color:var(--sd-ink);display:block;font-family:inherit;font-size:1rem;line-height:1.6;padding:12px 15px;width:100%}textarea.form-control{min-height:128px;resize:vertical}.form-control:focus,.form-select:focus{border-color:var(--sd-green);box-shadow:0 0 0 4px #47bb8029;outline:0}.form-check{align-items:flex-start;display:flex;gap:10px;margin-top:14px}.form-check-input{accent-color:var(--sd-green);flex:0 0 auto;height:20px;margin-top:5px;width:20px}.form-check-label{color:var(--sd-text);font-weight:400;line-height:1.6}.choice-list{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);padding:4px 14px 14px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{border:0;border-radius:var(--sd-radius);cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.6;padding:15px 30px;text-align:center;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.62}.btn-primary,.btn-success{background:linear-gradient(90deg,var(--sd-teal) 0%,var(--sd-lime) 100%);color:var(--sd-white)}.btn-primary:hover,.btn-success:hover{box-shadow:var(--sd-shadow-strong);color:var(--sd-white)}.btn-secondary{background:var(--sd-white);border:1px solid var(--sd-line);color:var(--sd-ink)}.gate-card,.otp-box,.pdf-card{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);padding:24px}.steps{display:grid;gap:12px}.step{align-items:center;background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);display:flex;gap:12px;padding:12px}.step__number{align-items:center;background:var(--sd-mint);border-radius:50%;color:var(--sd-green);display:flex;flex:0 0 auto;font-weight:700;height:34px;justify-content:center;width:34px}.step.is-active{border-color:var(--sd-green);box-shadow:0 12px 24px #47bb801f}.step.is-active .step__number{background:linear-gradient(90deg,var(--sd-teal) 0%,var(--sd-lime) 100%);color:var(--sd-white)}.step.is-complete{border-color:#47bb8073}.meta-list,.preview-list{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:var(--sd-radius);overflow:hidden}.meta-row,.preview-row{display:grid;gap:12px;grid-template-columns:42% 1fr;padding:12px 14px}.preview-row{grid-template-columns:36% 1fr}.meta-row+.meta-row,.preview-row+.preview-row{border-top:1px solid var(--sd-line)}.meta-row b,.preview-row b{color:var(--sd-ink)}.alert{border:0;border-radius:var(--sd-radius);font-weight:700;line-height:1.6;margin-bottom:20px;padding:15px}.alert-success{background:#46b4501c;color:#27773b}.alert-warning{background:#fff8e5;color:var(--sd-ink)}.tiny{color:var(--sd-muted);font-size:.88rem;line-height:1.6}.field-error{color:var(--sd-danger);font-size:.9rem;font-weight:700;margin-top:6px}.status-pill{background:var(--sd-white);border:1px solid var(--sd-line);border-radius:999px;color:var(--sd-teal);display:inline-flex;font-size:.82rem;font-weight:700;line-height:1.2;margin-bottom:18px;padding:8px 13px}.success-mark{align-items:center;background:linear-gradient(90deg,var(--sd-teal) 0%,var(--sd-lime) 100%);border-radius:50%;color:var(--sd-white);display:flex;font-size:2rem;font-weight:700;height:78px;justify-content:center;margin-bottom:22px;width:78px}.otp-input{font-size:1.3rem;font-weight:700;letter-spacing:.18em;text-align:center}.otp-meta{margin-top:18px}@media (max-width: 980px){.docsign-layout{grid-template-columns:1fr}}@media (max-width: 640px){.docsign-layout{padding-left:16px;padding-right:16px}.docsign-card{padding:22px}.form-grid,.meta-row,.preview-row{grid-template-columns:1fr}.btn{width:100%}}