body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand:#1778f2;--brand-600:#0f63d1;--brand-50:#eaf2fe;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--surface-2:#f8fafc;--success:#16a34a;--success-50:#eafaf0;--warning:#d97706;--warning-50:#fff6e6;--danger:#dc2626;--danger-50:#fdecec;--radius:18px;--shadow:0 24px 60px -20px #02143c73, 0 4px 14px #02143c1f}.page{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#ffffff38,#0000 60%),radial-gradient(900px 500px at 110% 110%,#06286e73,#0000 60%),linear-gradient(160deg,#1778f2 0%,#0b4fb8 100%);justify-content:center;padding:40px 16px;display:flex}.shell{width:100%;max-width:980px}.wiz-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wiz-head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #fff 0%, var(--surface-2) 100%);text-align:center;padding:28px 32px 22px}.wiz-logo{width:100%;max-width:240px;height:auto}.wiz-logo-skeleton{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 50%,#eef2f7 75%) 0 0/200% 100%;border-radius:10px;width:200px;height:64px;margin:0 auto;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.wiz-body{padding:36px 40px 40px;scroll-margin-top:16px}.page-foot{text-align:center;color:#ffffffd9;letter-spacing:.02em;margin:18px 0 0;font-size:.8rem}.stepper{justify-content:center;gap:8px;max-width:720px;margin:24px auto 0;padding:0;list-style:none;display:flex}.stepper-item{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.stepper-item:last-child{flex:none}.stepper-item:not(:last-child):after{content:"";background:var(--line);border-radius:2px;flex:1;height:2px;margin:0 4px;transition:background .3s}.stepper-item.is-done:not(:last-child):after{background:var(--brand)}.stepper-dot{background:var(--surface);border:2px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:all .3s;display:grid}.stepper-item.is-active .stepper-dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 5px var(--brand-50)}.stepper-item.is-done .stepper-dot{background:var(--brand);border-color:var(--brand);color:#fff}.stepper-text{white-space:nowrap;flex-direction:column;line-height:1.15;display:flex}.stepper-text small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.68rem}.stepper-text span{color:var(--ink-2);font-size:.86rem;font-weight:600}.stepper-item.is-pending .stepper-text span{color:var(--muted);font-weight:500}.step-anim{animation:.35s both stepIn}@keyframes stepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.step-header{margin-bottom:20px}.step-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:1.45rem;font-weight:700}.step-lead{color:var(--muted);margin:0;font-size:.98rem}.btn-wiz{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.btn-wiz:disabled{opacity:.5;cursor:not-allowed}.btn-wiz:not(:disabled):active{transform:translateY(1px)}.btn-wiz:focus-visible{outline:3px solid var(--brand-50);outline-offset:2px}.btn-wiz-primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px -8px #1778f2cc}.btn-wiz-primary:not(:disabled):hover{background:var(--brand-600)}.btn-wiz-success{background:var(--success);color:#fff;box-shadow:0 8px 18px -8px #16a34acc}.btn-wiz-success:not(:disabled):hover{background:#12873d}.btn-wiz-danger{background:var(--danger);color:#fff;box-shadow:0 8px 18px -8px #dc2626cc}.btn-wiz-danger:not(:disabled):hover{background:#b91c1c}.wiz-actions .btn-wiz-ghost{margin-right:auto}.btn-wiz-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line)}.btn-wiz-ghost:not(:disabled):hover{background:var(--surface-2)}.wiz-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.doc-paper{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-height:62vh;padding:32px 36px;overflow-y:auto;box-shadow:inset 0 -12px 16px -16px #00000040}.doc{color:var(--ink-2);text-align:justify;font-size:.95rem;line-height:1.65}.doc p{margin-bottom:1rem}.doc-title{text-align:center;color:var(--ink);margin:24px 0 16px;font-size:1.1rem;font-weight:700}.doc-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px;font-size:.78rem;font-weight:700}.doc-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.doc-table{border-collapse:collapse;text-align:left;width:100%}.doc-table td{border-bottom:1px dashed var(--line);vertical-align:top;padding:7px 0}.doc-table td:first-child{color:var(--muted);width:55%;padding-right:12px}.doc-table td:last-child{color:var(--ink);font-weight:600}.doc-signature-img{max-width:100%;max-height:64px}.doc-signature-pending{color:var(--muted);font-style:italic;font-weight:400}.doc-sign-row{text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.doc-sign-value{border-bottom:1px solid var(--ink-2);justify-content:center;align-items:flex-end;min-height:64px;margin-bottom:6px;padding-bottom:4px;display:flex}.doc-footnote{color:var(--muted);margin-top:24px;font-size:.76rem}.sign-pad{border:1px solid var(--line);text-align:center;background:repeating-linear-gradient(0deg,#fff,#fff 31px,#f3f6fb 32px);border-radius:14px;padding:20px 20px 14px;position:relative}.sign-canvas{width:100%;max-width:700px;height:auto;margin:0 auto;display:block}.sign-line{border-bottom:1.5px solid var(--ink-2);text-align:left;color:var(--muted);margin:0 6% 8px;font-size:.9rem}.sign-caption{color:var(--muted);font-size:.8rem}.sign-redraw{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex;position:absolute;top:10px;right:10px}.sign-redraw:hover{color:var(--brand);border-color:var(--brand)}.summary{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.summary-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.summary-item span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:600}.summary-item b{color:var(--ink);word-break:break-word;font-size:.95rem}.summary-item small{color:var(--muted);font-size:.78rem}.summary-wide{border-right:0;grid-column:1/-1}.summary-wide:last-child{border-bottom:0}.summary-signature{align-self:flex-start;width:auto;max-width:320px;max-height:70px}.preview-toggle{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:16px 0 12px;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.preview-toggle .rot{transform:rotate(180deg)}.preview-toggle svg{transition:transform .2s}.result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0;display:flex}.result-img{width:110px;height:auto;margin-bottom:8px}@media (width<=860px){.stepper-text{display:none}.stepper-item.is-active .stepper-text{display:flex}.summary{grid-template-columns:1fr 1fr}}@media (width<=600px){.page{padding:16px}.wiz-head{padding:20px 16px 16px}.wiz-logo{max-width:180px}.wiz-body{padding:24px 16px 28px}.doc-paper{max-height:58vh;padding:20px 16px}.doc-grid,.doc-sign-row{grid-template-columns:1fr}.stepper-item.is-active .stepper-text{display:none}.stepper-dot{width:32px;height:32px}.wiz-actions .btn-wiz{flex:1}.summary{grid-template-columns:1fr}.summary-item{border-right:0}.step-title{font-size:1.25rem}}
