:root{--bg-primary:#07090e;--bg-secondary:#0d121f;--bg-card:#121826d9;--bg-card-hover:#1a2337f2;--border-color:#ffffff14;--border-color-focus:#10b98180;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-600:#059669;--emerald-glow:#10b98140;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-glow:#f59e0b33;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-faint:#6b7280;--accent-blue:#3b82f6;--danger:#ef4444;--success:#10b981;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-formal:"Cinzel", serif;--font-signature:"Great Vibes", cursive;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 10px 30px -10px #00000080, 0 0 1px 1px #ffffff0d;--shadow-glow:0 0 25px var(--emerald-glow)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#10b98112 0%,#0000 40%),radial-gradient(circle at 85% 85%,#3b82f60d 0%,#0000 40%),radial-gradient(circle,#f59e0b08 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1f293d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151}.app-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#07090ed9;padding:.85rem 1.5rem;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.logo-brand{cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-md);color:#fff;width:40px;height:40px;box-shadow:0 4px 14px var(--emerald-glow);background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:center;align-items:center;display:flex}.logo-icon svg{width:22px;height:22px}.logo-text{flex-direction:column;display:flex}.logo-title{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.logo-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--emerald-400);font-size:.65rem;font-weight:600}.header-actions{align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--emerald-500) 0%, var(--emerald-600) 100%);color:#fff;box-shadow:0 4px 15px var(--emerald-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--border-color);color:var(--text-main);background:#ffffff0a}.btn-outline:hover{background:#ffffff14;border-color:#fff3}.btn-gold{color:#fff;box-shadow:0 4px 14px var(--gold-glow);background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-md);padding:.85rem 1.5rem;font-size:1rem}.hero-section{text-align:center;max-width:900px;margin:0 auto;padding:3rem 1.5rem 2rem}.trust-badge-pill{color:var(--emerald-400);background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 0 15px #10b98126}.trust-badge-pill .pulse-dot{background:var(--emerald-400);width:8px;height:8px;box-shadow:0 0 8px var(--emerald-400);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#10b981 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-muted);max-width:680px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.15rem)}.trust-pillars{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2.5rem;font-size:.85rem;display:flex}.trust-pillar-item{align-items:center;gap:.45rem;display:flex}.trust-pillar-item svg{color:var(--emerald-400);width:16px;height:16px}.main-wrapper{max-width:1240px;margin:0 auto;padding:0 1.5rem 4rem}.view-tabs{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#0d121fb3;justify-content:center;align-items:center;gap:.5rem;max-width:480px;margin:0 auto 2.5rem;padding:.35rem;display:flex}.view-tab-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.view-tab-btn.active{background:var(--bg-card);color:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d}.stepper-header{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto 2.5rem;display:flex;position:relative}.stepper-header:before{content:"";background:var(--border-color);z-index:1;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step-item{z-index:2;cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.step-circle{background:var(--bg-secondary);border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.step-item.active .step-circle{border-color:var(--emerald-500);background:var(--emerald-500);color:#fff;box-shadow:0 0 15px var(--emerald-glow)}.step-item.completed .step-circle{border-color:var(--emerald-500);color:var(--emerald-400);background:#10b98133}.step-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.step-item.active .step-label{color:#fff}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.template-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-card), 0 0 20px #10b98126;background:var(--bg-card-hover);border-color:#10b98166;transform:translateY(-3px)}.template-card.selected{border-color:var(--emerald-500);background:#10b9810d;box-shadow:0 0 25px #10b98133}.template-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;margin-bottom:.85rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-finance{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-freelance{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-legal{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.badge-trade{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-rental{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.badge-custom{color:#e5e7eb;background:#ffffff1a;border:1px solid #fff3}.template-title{color:#fff;margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.template-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem;line-height:1.45}.template-meta-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.tag-pill{color:var(--text-faint);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0d;padding:.2rem .5rem;font-size:.7rem}.deal-workspace-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=992px){.deal-workspace-grid{grid-template-columns:1fr}}.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:2rem}.form-section-title{color:#fff;border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.65rem;font-size:1.15rem;font-weight:700;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.input-group{flex-direction:column;gap:.4rem;margin-bottom:1.15rem;display:flex}.input-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.input-label .req{color:var(--emerald-400)}.input-control{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;background:#07090e99;width:100%;padding:.75rem .9rem;font-family:inherit;font-size:.9rem;transition:all .2s}.input-control:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px var(--emerald-glow);background:#07090ee6;outline:none}textarea.input-control{resize:vertical;min-height:90px}.paper-wrapper{position:sticky;top:5rem}.legal-paper{color:#111827;border-radius:var(--radius-md);background:#fff;border:1px solid #e5e7eb;padding:2.25rem;font-size:.875rem;line-height:1.6;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a}.legal-paper:before{content:"";pointer-events:none;border:1px solid #d1d5db;position:absolute;inset:10px}.paper-header{text-align:center;border-bottom:2px solid #111827;margin-bottom:1.5rem;padding-bottom:1.25rem;position:relative}.paper-seal-banner{font-family:var(--font-formal);letter-spacing:.15em;color:#4b5563;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.paper-doc-title{font-family:var(--font-formal);letter-spacing:.05em;color:#111827;text-transform:uppercase;margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.paper-meta-strip{font-family:var(--font-mono);color:#6b7280;justify-content:space-between;align-items:center;padding:0 .5rem;font-size:.7rem;display:flex}.paper-parties-table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.8rem}.paper-parties-table th,.paper-parties-table td{text-align:left;border:1px solid #e5e7eb;padding:.6rem .75rem}.paper-parties-table th{color:#374151;background:#f9fafb;width:50%;font-weight:700}.paper-section-heading{font-family:var(--font-formal);color:#111827;text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 .4rem;font-size:.9rem;font-weight:700}.paper-clause-box{color:#374151;background:#f9fafb;border-left:3px solid #10b981;margin-bottom:1rem;padding:.75rem 1rem;font-size:.825rem}.paper-signatures-row{border-top:1px dashed #d1d5db;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;display:grid}.paper-sign-box{flex-direction:column;display:flex}.paper-sign-slot{border-bottom:1px solid #111827;align-items:flex-end;height:65px;margin-bottom:6px;padding-bottom:4px;display:flex;position:relative}.paper-sign-img{object-fit:contain;max-width:100%;max-height:55px}.paper-sign-svg{align-items:flex-end;width:100%;max-width:180px;height:55px;display:flex}.paper-sign-svg svg{width:100%;height:100%;max-height:55px}.paper-sign-placeholder{font-family:var(--font-signature);color:#1d4ed8;font-size:1.6rem;line-height:1}.paper-sign-awaiting{color:#9ca3af;align-items:center;gap:.35rem;font-size:.75rem;font-style:italic;display:flex}.paper-sign-caption{color:#4b5563;font-size:.7rem;font-weight:600}.paper-sign-date{font-family:var(--font-mono);color:#6b7280;font-size:.65rem}.paper-audit-footer{background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:1rem;margin-top:1.5rem;padding:.75rem;display:flex}.qr-code-img{width:75px;height:75px;image-rendering:pixelated;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:3px}.qr-mobile-share-card{border-radius:var(--radius-lg);text-align:center;background:#10b9810f;border:1px solid #10b98140;max-width:420px;margin:1.5rem auto;padding:1.5rem;box-shadow:0 10px 25px #0000004d}.qr-mobile-share-badge{color:var(--emerald-400);align-items:center;gap:6px;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:inline-flex}.qr-mobile-image-wrap{border-radius:var(--radius-md);background:#fff;padding:12px;display:inline-block;box-shadow:0 4px 20px #00000040}.qr-mobile-image-wrap img{width:190px;height:190px;display:block}.qr-mobile-hint{color:var(--text-muted);margin-top:.85rem;font-size:.78rem;line-height:1.45}.audit-info{color:#475569;flex:1;font-size:.68rem;line-height:1.35}.audit-hash{font-family:var(--font-mono);word-break:break-all;color:#1e293b;background:#e2e8f0;border-radius:3px;margin:3px 0;padding:2px 4px;font-size:.6rem;display:block}.audit-verified-badge{color:#059669;align-items:center;gap:3px;font-size:.7rem;font-weight:700;display:inline-flex}.signature-card-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem}.sign-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.sign-tab-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff08;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.sign-tab-btn.active{border-color:var(--emerald-500);color:var(--emerald-400);background:#10b98126}.canvas-container{border-radius:var(--radius-md);touch-action:none;background:#fff;border:2px dashed #10b98159;width:100%;height:180px;position:relative;overflow:hidden}canvas#signatureCanvas{cursor:crosshair;width:100%;height:100%;display:block}.canvas-hint{color:#9ca3af;pointer-events:none;font-size:.7rem;position:absolute;bottom:8px;left:12px}.signature-actions{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.magic-link-banner{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#10b9811a 0%,#3b82f61a 100%);border:1px solid #10b9814d;margin-bottom:2rem;padding:2rem}.magic-link-input-wrap{gap:.5rem;max-width:600px;margin:1.25rem auto;display:flex}.share-buttons-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.btn-share{cursor:pointer;color:#fff;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.825rem;font-weight:600;transition:transform .2s;display:inline-flex}.btn-share:hover{transform:translateY(-1px)}.btn-whatsapp{background:#25d366}.btn-telegram{background:#229ed9}.btn-email{background:#ea4335}.btn-copy{background:#4b5563}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #000c}.modal-close-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:#fff;background:#ffffff26}.toast-container{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-left:4px solid var(--emerald-500);border-radius:var(--radius-md);color:#fff;align-items:center;gap:.65rem;padding:.85rem 1.25rem;font-size:.875rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:0 10px 25px #00000080}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.legal-consent-card{border-radius:var(--radius-md);color:var(--text-muted);background:#10b9810d;border:1px solid #10b98133;align-items:flex-start;gap:.75rem;margin:1.25rem 0;padding:1rem;font-size:.8rem;display:flex}.legal-consent-card input[type=checkbox]{accent-color:var(--emerald-500);cursor:pointer;width:18px;height:18px;margin-top:2px}.app-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-faint);background:var(--bg-primary);padding:2.5rem 1.5rem;font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text-muted);cursor:pointer;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--emerald-400)}@media (width<=640px){.hero-section{padding:2rem 1rem 1.5rem}.form-card,.legal-paper{padding:1.25rem}.paper-signatures-row{grid-template-columns:1fr;gap:1rem}.magic-link-input-wrap{flex-direction:column}.toast-container{bottom:1rem;left:1rem;right:1rem}}