@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Tajawal-Regular-lomV3N7R.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Tajawal-Medium-xUoGaSp_.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Tajawal-Bold-N9U1XsUl.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Tajawal-Black--tvyd_uY.ttf)format("truetype")}:root{color:#16243a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#002087;--blue:#2563ff;--orange:#ff8a00;--cream:#f5f1ea;--ink:#16243a;--muted:#7d8796;--line:#e8e5df;--green:#4d7c0f;--green-soft:#edf6df;--orange-soft:#fff0da;background:#171717;font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#171717;min-height:100%}body{min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:var(--blue)}svg{flex:none}.recipient-shell{background:var(--cream);border-radius:34px;width:min(720px,100% - 28px);min-height:calc(100dvh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 20px 70px #0006}.hozon-header{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:20px 30px;display:flex}.hozon-brand{align-items:center;gap:12px;display:flex}.hozon-brand img{object-fit:contain;background:#fff;border-radius:14px;width:46px;height:46px;padding:7px}.hozon-brand strong{letter-spacing:.02em;font:900 1.55rem/1 Tajawal,sans-serif}.secure-link{color:#d7e1ff;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.secure-link svg{width:18px}.recipient-content{padding:26px 28px 12px}.request-summary,.request-item,.selected-preview,.document-review,.signature-callout,.signature-pad-card,.state-card,.complete-card{background:#fff;border:1px solid #eeeae4;border-radius:22px;margin:0 0 18px;padding:24px;box-shadow:0 4px 16px #07132c05}.eyebrow{color:var(--muted);margin-bottom:4px;font-size:.93rem;display:block}.request-summary h1,.state-card h1{color:var(--navy);margin:0;font-size:clamp(1.55rem,5vw,2rem);line-height:1.25}.request-message{color:var(--ink);margin:14px 0;font-size:1.12rem;line-height:1.8}.request-progress{color:var(--muted);align-items:center;gap:12px;display:flex}.progress-track{direction:rtl;background:#e6e8e6;border-radius:99px;flex:1;height:6px;overflow:hidden}.progress-track span{background:var(--green);border-radius:inherit;height:100%;display:block}.expiry-line{color:var(--muted);align-items:center;gap:7px;margin:14px 0 0;font-size:.9rem;display:flex}.expiry-line svg{width:17px}.recipient-guide{color:#566174;margin:0 4px 14px;font-weight:700}.request-items{gap:16px;display:grid}.request-item{margin-bottom:0}.item-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.item-heading h2{color:var(--ink);margin:0;font-size:1.18rem}.status-badge{white-space:nowrap;border-radius:99px;align-items:center;padding:5px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.status-waiting{color:#8a5a0a;background:var(--orange-soft)}.status-complete{color:var(--green);background:var(--green-soft)}.status-attention{color:#9b3b17;background:#fff0e9}.request-item fieldset{border:0;min-width:0;margin:16px 0 0;padding:0}.upload-drop{text-align:center;min-height:190px;color:var(--blue);cursor:pointer;background:#f5f8ff;border:2px dashed #3974d7;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex}.upload-drop:hover{background:#edf4ff}.upload-drop svg{width:42px;height:42px}.upload-drop strong{font-size:1.08rem}.upload-drop span{color:var(--muted);font-size:.88rem}.upload-drop input,.replace-file input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.submitted-file{color:var(--green);background:#f5f8f2;border-radius:15px;align-items:center;gap:10px;margin-top:14px;padding:14px;display:flex}.submitted-file span{color:var(--ink);flex:1;font-weight:700}.review-note{color:#8a5a0a;background:var(--orange-soft);border-radius:12px;padding:10px 12px}.complete-card{color:var(--green);background:#f7fbf1;border-color:#dceac8;grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.complete-card>svg{width:30px;height:30px}.complete-card h2,.complete-card p{margin:0}.complete-card p{color:#63714f;margin-top:4px}.selected-preview{margin-top:18px}.file-size{color:var(--muted);font-size:.88rem}.selected-name{text-align:left;color:#566174;overflow-wrap:anywhere;direction:ltr}.selected-preview img{object-fit:contain;border-radius:16px;width:100%;max-height:430px}.selected-preview object{border:1px solid var(--line);border-radius:16px;width:100%;height:440px}.selected-preview object a{align-items:center;gap:8px;padding:16px;display:flex}.replace-file{color:var(--blue);cursor:pointer;margin:14px 0;font-weight:700;display:inline-flex}.primary-action,.download-action,.quiet-action,.page-navigation button{border-radius:15px;min-height:54px;font-weight:700}.primary-action,.download-action{color:#fff;background:var(--navy);border:1px solid var(--navy);justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 18px;display:flex}.primary-action:hover,.download-action:hover{background:#082ca8}.quiet-action{color:#536176;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:9px auto 0;padding:10px 16px;display:flex}.quiet-action svg{width:18px}.action-hint,.request-status{text-align:center;color:var(--muted);margin:10px 0 18px;font-size:.88rem}.summary-document{background:var(--cream);border-radius:15px;align-items:center;gap:12px;margin-top:18px;padding:13px;display:flex}.summary-document>svg{width:28px;color:var(--blue)}.summary-document div{flex:1;gap:2px;display:grid}.summary-document span:not(.status-badge){color:var(--muted);font-size:.86rem}.signature-callout{text-align:center;padding-block:28px}.signature-callout>svg{width:34px;height:34px;color:var(--orange)}.signature-callout h2{margin:10px 0 6px;font-size:1.25rem}.signature-callout p{color:var(--muted);margin:0;line-height:1.65}.document-review h2{font-size:1.05rem}.page-count{color:var(--navy);background:#eef4ff;border-radius:10px;padding:5px 9px;font-size:.82rem}.document-canvas{border:1px solid var(--line);direction:ltr;border-radius:14px;margin-top:14px;position:relative;overflow:hidden}.document-canvas canvas{background:#faf9f6;width:100%;display:block}.page-navigation{align-items:center;gap:10px;margin-top:12px;display:flex}.page-navigation span{text-align:center;color:var(--muted);flex:1;font-size:.88rem}.page-navigation button{color:var(--navy);background:#fff;border:1px solid #ccd5e1;padding:8px 14px}.signature-pad-card h2{margin:0 0 6px}.signature-pad-card>p{color:var(--muted)}.signature-pad{touch-action:none;background:#fff;border:2px dashed #b7c2d1;border-radius:16px;width:100%;min-height:170px;display:block}.consent-check{align-items:flex-start;gap:10px;margin:18px 0 8px;line-height:1.6;display:flex}.consent-check input{width:20px;height:20px;accent-color:var(--navy);flex:none;margin-top:2px}.legal-consent{color:var(--muted);font-size:.84rem;line-height:1.7}.signing-complete{grid-template-columns:auto 1fr}.signing-complete .download-action{grid-column:1/-1}.embedded-upload{margin-top:24px}.embedded-title{margin:0 0 14px;font-size:1.15rem}.recipient-footer{text-align:center;color:#8a8f96;padding:22px 28px 28px}.recipient-footer p{justify-content:center;align-items:center;gap:8px;margin:0 0 12px;display:flex}.recipient-footer svg{width:18px}.store-links{direction:ltr;justify-content:center;gap:10px;display:flex}.store-links a{color:#fff;background:#314158;border-radius:10px;min-width:96px;padding:8px 14px;text-decoration:none}[role=alert]{color:#9f1d1d;background:#fff0f0;border-radius:12px;padding:12px 14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:3px solid #ffc145}.legal-link{color:var(--navy);text-underline-offset:4px;background:0 0;border:0;font-size:.875rem;text-decoration:underline}.legal-dialog{color:#2c3e50;background:#f3f5f9;border:1px solid #e6eaf2;border-radius:24px;width:min(92vw,840px);max-height:88vh;padding:24px;overflow:auto}.legal-dialog::backdrop{background:#0a133099}.legal-dialog header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.legal-dialog h2{max-width:30em;font-size:1.15rem}.legal-dialog canvas{border-radius:0;max-height:none}@media (width<=600px){html,body{background:var(--cream)}.recipient-shell{width:100%;min-height:100dvh;box-shadow:none;border-radius:0;margin:0}.hozon-header{min-height:78px;padding:15px 18px}.hozon-brand img{border-radius:12px;width:40px;height:40px}.hozon-brand strong{font-size:1.3rem}.secure-link{font-size:.8rem}.recipient-content{padding:20px 18px 8px}.request-summary,.request-item,.selected-preview,.document-review,.signature-callout,.signature-pad-card,.state-card,.complete-card{border-radius:19px;padding:19px}.request-message{font-size:1rem}.upload-drop{min-height:170px;padding:20px 14px}.selected-preview object{height:360px}.recipient-footer{padding-inline:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}