*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1a3a5c;--navy-dark: #102540;--gold: #b8860b;--gold-light: #d4a72c;--bg: #f4f6f9;--text: #1a2733;--muted: #5c6b7a;--border: #e3e8ef;--radius: 14px}html,body{height:100%}body{font-family:Segoe UI,Noto Sans Hebrew,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;flex-direction:column}.page-head{background:var(--navy);color:#fff;padding:14px 18px;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #10254040}.page-head:after{content:"";display:block;position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light) 60%,rgba(212,167,44,.35))}.office-name{font-size:1rem;font-weight:600}.page-sub{font-size:.78rem;color:#ffffffbf;margin-top:2px}.stepper{display:flex;gap:6px;padding:12px 18px 4px;max-width:720px;margin:0 auto;width:100%}.stepper .step{flex:1;height:5px;border-radius:3px;background:var(--border);transition:background .35s ease}.stepper .step.done{background:linear-gradient(90deg,var(--gold),var(--gold-light))}.stepper .step.current{background:var(--navy)}.step-label{text-align:center;font-size:.85rem;color:var(--muted);padding:4px 18px 0}.content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:14px 16px 90px;display:flex;flex-direction:column;gap:14px}.card{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:18px;box-shadow:0 2px 10px #1025400d;animation:rise .3s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card h2{font-size:1.05rem;margin-bottom:8px;color:var(--navy)}.card p{font-size:.92rem;line-height:1.65;color:var(--text)}.card p.muted{color:var(--muted);font-size:.85rem}.doc-title{font-weight:700;color:var(--navy);font-size:1.02rem}.pdf-container{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:62vh;background:#eceff3;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:center}.pdf-container canvas{max-width:100%;height:auto!important;box-shadow:0 1px 6px #0000002e;background:#fff}.scroll-hint{text-align:center;font-size:.8rem;color:var(--gold);font-weight:600}.btn{display:block;width:100%;border:none;border-radius:12px;padding:15px;font-size:1.05rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#fff;box-shadow:0 4px 16px #1025404d}.btn-primary:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;box-shadow:0 4px 16px #b8860b59}.btn-ghost{background:transparent;color:var(--muted);font-weight:500;font-size:.9rem;padding:10px}.btn-link-danger{background:transparent;color:#b3261e;font-weight:500;font-size:.88rem;padding:8px;text-decoration:underline}.btn-danger{background:#b3261e;color:#fff}.btn-danger:disabled{opacity:.45;cursor:default}.decline-card{border-color:#f3c9c5}.decline-input{width:100%;margin-top:10px;padding:12px;font-family:inherit;font-size:1rem;border:2px solid var(--border);border-radius:12px;outline:none;resize:vertical}.decline-input:focus{border-color:#b3261e}.decline-actions{display:flex;gap:10px;margin-top:12px}.decline-actions .btn{flex:1}.action-bar{position:fixed;bottom:0;inset-inline:0;background:#fffffff5;backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.action-bar-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.otp-input{direction:ltr;text-align:center;font-size:1.7rem;letter-spacing:.55em;padding:12px 8px 12px 0;width:100%;border:2px solid var(--border);border-radius:12px;font-family:inherit;outline:none;transition:border-color .2s}.otp-input:focus{border-color:var(--gold)}.error-text{color:#b3261e;font-size:.85rem;text-align:center}.fill-card .error-text{text-align:start}.personal-note{border:1px solid var(--border);border-inline-start:4px solid var(--gold);border-radius:12px;background:#fffdf6;padding:12px 14px;margin-bottom:14px}.personal-note-title{display:block;font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.02em;margin-bottom:4px}.personal-note p{margin:0;color:var(--navy);line-height:1.6;white-space:pre-wrap}.fill-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.fill-row{display:flex;flex-direction:column;gap:5px}.fill-card{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid var(--border);border-inline-start:4px solid var(--border);border-radius:12px;background:#fff;transition:border-color .2s,background-color .2s}.fill-card.filled{border-inline-start-color:#2e7d32}.fill-card.missing{border-inline-start-color:#b3261e;background:#fff7f6}.fill-legend{color:var(--muted);font-size:.84rem;margin:10px 0 0}.fill-check-row{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--navy)}.fill-label{font-weight:600;color:var(--navy);font-size:.95rem}.fill-required{color:#b3261e;font-weight:700}.fill-hint{color:var(--muted);font-size:.82rem;line-height:1.5}.fill-input{width:100%;padding:12px;font-size:1.05rem;font-family:inherit;border:2px solid var(--border);border-radius:12px;outline:none;transition:border-color .2s}.fill-input:focus{border-color:var(--gold)}.fill-input.invalid{border-color:#b3261e}.fill-check{width:24px;height:24px;accent-color:var(--gold)}.fill-summary{width:100%;border-collapse:collapse;margin-top:10px;font-size:.92rem}.fill-summary td{padding:7px 0;border-bottom:1px solid var(--border)}.fill-summary tr:last-child td{border-bottom:0}.fill-summary-label{color:var(--muted);width:45%}.consent-row{display:flex;gap:10px;align-items:flex-start;background:#f8f5ec;border:1px solid rgba(184,134,11,.3);border-radius:10px;padding:13px;cursor:pointer}.consent-row input{margin-top:3px;width:19px;height:19px;accent-color:var(--gold);flex-shrink:0}.consent-row span{font-size:.88rem;line-height:1.6}.sig-tabs{display:flex;gap:8px;margin-bottom:10px}.doc-nav{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.doc-nav .sig-tab{flex:initial;min-width:110px}.sig-tab{flex:1;padding:9px;border-radius:10px;border:1.5px solid var(--border);background:#fff;font-family:inherit;font-size:.9rem;cursor:pointer;color:var(--muted)}.sig-tab.active{border-color:var(--gold);color:var(--navy);font-weight:700;background:#fdfaf2}.sig-canvas-wrap{position:relative}.sig-canvas{width:100%;height:190px;border:2px dashed var(--border);border-radius:12px;background:#fff;touch-action:none}.sig-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c3cbd5;font-size:.95rem;pointer-events:none}.sig-clear{position:absolute;top:8px;left:8px;border:none;background:#1025400f;border-radius:8px;padding:5px 11px;font-family:inherit;font-size:.8rem;color:var(--muted);cursor:pointer}.typed-input{width:100%;padding:14px;font-size:1.5rem;font-family:Segoe Script,Brush Script MT,cursive,Segoe UI;border:2px solid var(--border);border-radius:12px;outline:none;text-align:center}.typed-input:focus{border-color:var(--gold)}.status-screen{text-align:center;padding:48px 24px}.status-icon{font-size:3.2rem;margin-bottom:14px}.status-screen h2{color:var(--navy);margin-bottom:10px;font-size:1.15rem}.status-screen p{color:var(--muted);font-size:.92rem;line-height:1.7}.spinner{width:38px;height:38px;margin:0 auto 16px;border:3.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-note{font-size:.8rem;color:var(--muted);text-align:center}.call-tips{margin:12px 0 0;padding-inline-start:20px;color:var(--muted);font-size:.88rem;line-height:1.9}.call-pane{position:fixed;background:#0b1626;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000059;z-index:40}.call-pane-full{inset-inline:16px;top:96px;height:min(46vh,340px)}.call-pane-pip{inset-inline-end:12px;bottom:84px;width:132px;height:176px}.call-remote{width:100%;height:100%;object-fit:cover;background:#0b1626}.call-local{position:absolute;inset-inline-end:8px;top:8px;width:27%;max-width:96px;border-radius:8px;border:1.5px solid rgba(255,255,255,.5);object-fit:cover;background:#0b1626}.call-status{position:absolute;inset-inline-start:8px;bottom:8px;padding:3px 9px;border-radius:999px;background:#0000008c;color:#fff;font-size:.72rem;letter-spacing:.2px}.lang-picker{margin-top:8px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:4px 8px;font:inherit;font-size:.82rem}.lang-picker option{color:var(--text)}.kyc-intro-head{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.kyc-step-of{color:var(--muted);font-size:.8rem;margin-bottom:2px}.kyc-textarea{min-height:84px;resize:vertical;line-height:1.55}.kyc-options{display:flex;flex-direction:column;gap:8px}.kyc-options-row{flex-direction:row}.kyc-options-row .kyc-option{flex:1;justify-content:center}.kyc-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-size:.92rem;line-height:1.5;color:var(--text);cursor:pointer}.kyc-option input{margin-top:2px;width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}.kyc-option.selected{border-color:var(--gold);background:#fdfaf2;color:var(--navy);font-weight:600}.kyc-confirm{margin-top:0}.kyc-table{display:flex;flex-direction:column;gap:8px}.kyc-table-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.kyc-link{background:none;border:0;color:var(--navy);font:inherit;font-size:.86rem;font-weight:600;text-decoration:underline;cursor:pointer;padding:4px 0;justify-self:start;align-self:flex-start}.kyc-link-danger{color:#b3261e}.kyc-review-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kyc-review-value{white-space:pre-wrap;overflow-wrap:anywhere}.kyc-legal{font-size:.78rem!important;color:var(--muted)!important;line-height:1.55}@media (max-width: 420px){.kyc-table-row{grid-template-columns:1fr}}.page-head.branded{background:var(--brand-header-bg, var(--navy));color:var(--brand-header-text, #fff);display:flex;flex-direction:column;align-items:flex-start}.page-head.branded.logo-center{align-items:center;text-align:center}.page-head.branded.logo-end{align-items:flex-end}.page-head.branded .page-sub{color:inherit;opacity:.75}.page-head.branded .lang-picker{color:inherit;border-color:currentColor}:root[data-brand-header=minimal] .page-head.branded{box-shadow:none}:root[data-brand-header=minimal] .page-head.branded:after{display:none}:root[data-brand-header=light] .page-head.branded{box-shadow:0 1px 6px #00000014}.brand-logo{max-width:70%;object-fit:contain;margin-bottom:6px}.brand-slogan{font-size:.8rem;opacity:.85;margin-top:1px}.brand-intro{background:#fff;border-radius:var(--radius);border-inline-start:4px solid var(--gold);padding:12px 14px;margin-bottom:12px;font-size:.92rem;line-height:1.6;white-space:pre-wrap}.brand-footer{text-align:center;font-size:.78rem;color:var(--muted);padding:10px 16px 120px}.page-head.branded~* .btn-primary,:root[data-brand-header] .btn-primary{background:var(--brand-button, var(--navy))}.brand-contact{font-size:.74rem;opacity:.8;margin-top:2px}.brand-footer{display:flex;flex-direction:column;align-items:center;gap:3px}.brand-footer-logo{max-width:50%;object-fit:contain;margin-bottom:4px}.brand-footer-title{font-weight:700;color:var(--navy)}
