:root{--bg: #f8f9fb;--bg-white: #ffffff;--bg-dark: #0a0a10;--text-primary: #0d0d14;--text-secondary: #5a5a72;--text-muted: #9898aa;--brand: #0a0a10;--accent: #00c4a7;--accent-dark: #009e87;--accent-light: #e6faf7;--danger: #e53e3e;--success: #22c55e;--warning: #f59e0b;--border: #e2e4ec;--border-focus: #00c4a7;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Syne", sans-serif;--radius: 6px;--radius-lg: 12px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);border:none;background:none;cursor:pointer}input,textarea,select{font-family:var(--font-body)}img{display:block;max-width:100%}.container{max-width:860px;margin:0 auto;padding:0 24px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.03em;padding:14px 28px;border-radius:var(--radius);transition:var(--transition);width:100%}.btn-primary:hover{background:#1a1a2e;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:14px 28px;border-radius:var(--radius);transition:var(--transition);width:100%}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 20px #00c4a759}.btn-accent:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-weight:600;font-size:.88rem;padding:13px 24px;border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-group input,.form-group textarea,.form-group select{background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius);padding:11px 14px;font-size:.92rem;color:var(--text-primary);transition:border-color var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00c4a71f}.form-group input.readonly,.form-group input:read-only{background:var(--bg);color:var(--text-secondary);cursor:default}.form-group .hint{font-size:.74rem;color:var(--text-muted)}.form-error-msg{font-size:.74rem;color:var(--danger);margin-top:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.card{padding:20px}}.step-head{margin-bottom:36px}.step-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}.step-sub{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;text-align:left;transition:all .2s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .2s ease}.service-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 32px #00c4a71f}.service-card:hover:before{transform:scaleX(1)}.service-card.active{border-color:var(--accent);background:linear-gradient(135deg,#f0fdf9,#fff);box-shadow:0 8px 32px #00c4a726}.service-card.active:before{transform:scaleX(1)}.sc-icon{font-size:2rem;margin-bottom:14px;line-height:1}.sc-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.sc-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.sc-duration{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.04em;background:var(--bg);padding:4px 10px;border-radius:20px;border:1px solid var(--border)}.sc-arrow{position:absolute;bottom:20px;right:20px;color:var(--accent);opacity:0;transform:translate(-4px);transition:all .2s ease}.service-card:hover .sc-arrow,.service-card.active .sc-arrow{opacity:1;transform:translate(0)}@media (max-width: 600px){.service-grid{grid-template-columns:1fr}}.form-card{margin-bottom:28px}.form-section{margin-bottom:8px}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.form-divider{height:1px;background:var(--border);margin:24px 0}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:var(--danger)}.step-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.step-back{width:auto;flex-shrink:0}.step-next{width:auto;min-width:160px;flex-shrink:0}.provider-info{background:var(--accent-light);border:1px solid rgba(0,196,167,.25);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px}.pi-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px}.pi-row{font-size:.82rem;color:var(--text-secondary);line-height:1.8}.pi-row strong{color:var(--text-primary)}@media (max-width: 600px){.step-actions{flex-direction:column-reverse}.step-next,.step-back{width:100%}}.step-service-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-light);border:1px solid rgba(0,196,167,.3);color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:5px 12px;border-radius:20px;margin-bottom:16px}.deliverables-box{background:var(--bg-white);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px}.db-label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.db-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:5px 16px}.db-list li{font-size:.82rem;color:var(--text-secondary);padding-left:14px;position:relative;line-height:1.5}.db-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-size:.7rem;font-weight:700}.amount-field-wrap{display:flex;flex-direction:column;gap:6px}.amount-field-wrap label{font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.amount-input-wrap{display:flex;width:100%;height:44px}.currency-select{flex-shrink:0;width:76px;height:100%;background:var(--bg);border:1.5px solid var(--border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);padding:0 10px;font-size:.85rem;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center}.currency-select:focus{outline:none;border-color:var(--border-focus)}.amount-input{flex:1;min-width:0;height:100%;background:var(--bg-white);border:1.5px solid var(--border);border-left:none;border-radius:0 var(--radius) var(--radius) 0;padding:0 14px;font-size:.92rem;color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition)}.amount-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00c4a71f}.amount-input::placeholder{color:var(--text-muted);font-family:var(--font-mono)}.amount-input-wrap:focus-within .currency-select{border-color:var(--border-focus)}.amount-field-error .currency-select,.amount-field-error .amount-input{border-color:var(--danger)}@media (max-width: 600px){.db-list{grid-template-columns:1fr}}.step-preview .step-head{margin-bottom:28px}.contract-preview{margin-bottom:28px;padding:40px;font-size:.88rem;line-height:1.7}.cp-doc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.cp-logo{font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:.08em;color:var(--text-primary);flex-shrink:0}.cp-logo span{color:var(--accent)}.cp-doc-meta{text-align:right}.cp-doc-title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:4px}.cp-doc-subtitle{font-size:.9rem;font-weight:800;color:var(--text-primary);letter-spacing:.04em;margin-bottom:4px}.cp-doc-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.cp-separator{height:1px;background:var(--border);margin:24px 0}.cp-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-section{margin-bottom:4px}.ps-title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.preview-row{display:flex;gap:8px;margin-bottom:5px;align-items:baseline}.pr-label{font-size:.75rem;color:var(--text-muted);min-width:130px;flex-shrink:0}.pr-value{font-size:.85rem;color:var(--text-primary);font-weight:500;word-break:break-word}.cp-text{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.cp-desc-block{margin-top:10px}.cp-desc-text{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-top:4px;padding:10px 14px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.cp-deliverables{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px}.cp-deliverables li{display:flex;align-items:flex-start;gap:8px;font-size:.83rem;color:var(--text-secondary);line-height:1.5}.cp-num{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);background:var(--accent-light);padding:1px 5px;border-radius:2px;flex-shrink:0;margin-top:2px}.cp-amount-highlight{display:inline-flex;align-items:center;gap:16px;background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:12px 20px;margin-bottom:12px}.cp-amount-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.cp-amount-value{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.cp-conditions{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:cond}.cp-conditions li{font-size:.83rem;color:var(--text-secondary);line-height:1.65;padding-left:24px;position:relative;counter-increment:cond}.cp-conditions li:before{content:counter(cond) ".";position:absolute;left:0;font-family:var(--font-mono);font-size:.65rem;color:var(--accent);font-weight:700;top:3px}.cp-sign-placeholder{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius);padding:24px}.csp-inner{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.82rem;font-style:italic}@media (max-width: 700px){.contract-preview{padding:24px 20px}.cp-parties,.cp-deliverables{grid-template-columns:1fr}.cp-doc-header{flex-direction:column;gap:12px}.cp-doc-meta{text-align:left}.pr-label{min-width:100px}}.step-sign .step-head{margin-bottom:28px}.sign-card{margin-bottom:24px}.sign-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ss-item{display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.ss-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.ss-value{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.3}.ss-amount{font-family:var(--font-mono);font-size:1rem;color:var(--accent)}.sign-divider{height:1px;background:var(--border);margin:24px 0}.sign-canvas-wrap{position:relative}.sign-canvas-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.sign-canvas{width:100%;height:180px;border:2px solid var(--border);border-radius:var(--radius);background:#fff;cursor:crosshair;display:block;touch-action:none;transition:border-color .2s}.sign-canvas:hover{border-color:var(--accent)}.sign-canvas.canvas-error{border-color:var(--danger)}.canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:.88rem;color:var(--text-muted);font-style:italic;margin-top:10px}.clear-btn{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);margin-top:8px;padding:4px 0;transition:color .2s;background:none;border:none}.clear-btn:hover{color:var(--danger)}.sign-error{font-size:.75rem;color:var(--danger);margin-top:6px}.terms-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.terms-check input{position:absolute;opacity:0;width:0;height:0}.terms-box{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.terms-check input:checked~.terms-box{background:var(--accent);border-color:var(--accent)}.terms-check input:checked~.terms-box:after{content:"";display:block;width:5px;height:9px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg) translate(-1px,-1px)}.terms-error .terms-box{border-color:var(--danger)}.terms-text{font-size:.84rem;color:var(--text-secondary);line-height:1.6}.sign-error-banner{display:flex;align-items:center;gap:10px;background:#fff5f5;border:1px solid #feb2b2;border-radius:var(--radius);padding:14px 18px;font-size:.84rem;color:var(--danger);margin-bottom:20px}@media (max-width: 600px){.sign-summary{grid-template-columns:1fr}.sign-canvas{height:150px}}.step-success{max-width:560px;margin:0 auto;text-align:center;padding:40px 0 80px;animation:step-in .4s ease}@keyframes step-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{margin-bottom:24px;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px}.success-sub{font-size:.95rem;color:var(--text-secondary);line-height:1.7;max-width:440px;margin:0 auto 28px}.success-emails{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;text-align:left}.se-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.se-item strong{color:var(--text-primary)}.success-summary{margin-bottom:24px;text-align:left}.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ss-field{display:flex;flex-direction:column;gap:3px}.ssf-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.ssf-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ssf-amount{font-family:var(--font-mono);color:var(--accent);font-size:1rem}.download-btn{margin-bottom:20px;background:var(--text-primary)}.download-btn:hover{background:#1a1a2e}.back-home{display:block;font-size:.85rem;color:var(--text-muted);transition:color .2s}.back-home:hover{color:var(--accent)}@media (max-width: 480px){.ss-grid{grid-template-columns:1fr}}.contract-header{background:var(--bg-white);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-logo{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.08em;text-decoration:none}.logo-text{color:var(--text-primary)}.logo-dot{color:var(--accent)}.logo-co{color:var(--text-muted);font-size:.7rem;vertical-align:super;letter-spacing:.1em}.header-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--text-muted);background:#fefce8;border:1px solid #fde68a;padding:4px 10px;border-radius:20px}.progress-wrap{background:var(--bg-white);border-bottom:1px solid var(--border);padding:16px 0}.progress-inner{display:flex;flex-direction:column;gap:12px}.progress-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ps-item{display:flex;align-items:center;gap:6px;opacity:.4;transition:opacity .2s}.ps-item.active,.ps-item.done{opacity:1}.ps-dot{width:22px;height:22px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--text-muted);transition:background .2s,color .2s;flex-shrink:0}.ps-item.active .ps-dot{background:var(--accent);color:#fff}.ps-item.done .ps-dot{background:var(--success);color:#fff}.ps-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.ps-item.active .ps-label{color:var(--accent)}.ps-item.done .ps-label{color:var(--success)}.progress-bar-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#00e5c7);border-radius:2px;transition:width .4s ease}@media (max-width: 600px){.ps-label{display:none}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-main{flex:1;padding:40px 0 80px}.step-enter{animation:step-in .3s ease}@keyframes step-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}