:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#111;--primary-hover:#2c2c2a;--accent:#ef9f27;--accent-bg:#faeeda;--accent-text:#854f0b;--danger:#a32d2d;--danger-bg:#fcebeb;--danger-border:#e24b4a;--success:#639922;--text:#111;--muted:#5f5e5a;--subtle:#888780;--faint:#b4b2a9;--border:#e4e2dd;--border-mid:#d3d1c7;--surface:#fff;--page:#f9f9f8;--card-radius:20px;--field-radius:14px;background:#f9f9f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}#app{padding:32px 16px}.page-wrap{gap:12px;max-width:960px;margin:0 auto;display:grid}.campaign-hero{background:var(--surface);border:.5px solid var(--border);border-radius:var(--card-radius);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:stretch;min-height:320px;display:grid;overflow:hidden}.hero-visual{border-right:.5px solid var(--border);background:#f4f3f0;height:100%;min-height:320px;display:block;overflow:hidden}.hero-visual img,.hero-visual svg{object-fit:cover;object-position:center;width:100%;height:100%;min-height:320px;display:block}.hero-copy{text-align:right;flex-direction:column;justify-content:center;padding:44px;display:flex}.hero-copy h1{letter-spacing:-.03em;color:var(--text);margin:0 0 6px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.05}.hero-copy h1 .title-en{color:var(--subtle);letter-spacing:-.01em;margin-top:6px;font-size:clamp(20px,3vw,30px);font-weight:400;display:block}.hero-divider{background:var(--accent);border-radius:2px;width:32px;height:2px;margin:20px 0 20px auto}.hero-desc-ar{color:var(--muted);margin:0 0 6px;font-size:15px;line-height:1.8}.hero-desc{color:var(--subtle);text-align:right;margin:0;font-size:14px;line-height:1.7}.form-panel{background:var(--surface);border:.5px solid var(--border);border-radius:var(--card-radius);text-align:right;direction:rtl;padding:40px}.lead-form{direction:rtl;gap:12px;margin-bottom:28px;display:grid}.field-card{border:.5px solid var(--border);border-radius:var(--field-radius);background:var(--surface);text-align:right;direction:rtl;padding:20px 24px;transition:border-color .15s}.field-card:focus-within{border-color:var(--accent)}.field-card.field-error{border-color:var(--danger-border)}.field-label{text-align:right;direction:rtl;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:14px;display:flex}.field-label-ar{color:var(--text);font-size:13px;font-weight:700}.field-label-en{color:var(--subtle);font-size:13px}.field-label-req{color:var(--danger);font-size:13px}.input-wrap{border-bottom:1.5px solid var(--border-mid);align-items:center;gap:0;transition:border-color .15s;display:flex}.field-card:focus-within .input-wrap{border-color:var(--accent)}.field-card.field-error .input-wrap{border-color:var(--danger-border)}.phone-wrap{direction:ltr}.phone-prefix{color:var(--text);border-right:1.5px solid var(--border-mid);white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:12px;padding:0 12px 6px 0;font-size:16px;font-weight:800}.field-card input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:0 0 6px;font-size:17px;font-weight:500}#phoneInput{text-align:left;direction:ltr}#nameInput{text-align:right;direction:rtl}.field-card input::placeholder{color:var(--border-mid);font-weight:400}.field-hint{color:var(--faint);text-align:right;margin:10px 0 0;font-size:12px}.field-error-msg{color:var(--danger);text-align:right;margin:8px 0 0;font-size:12px;display:none}.field-card.field-error .field-error-msg{display:block}.field-card.field-error .field-hint{display:none}.form-actions{direction:rtl;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;display:flex}.submit-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 28px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn .btn-en{color:#ffffff80;font-size:13px;font-weight:400}.form-trust{text-align:right;direction:rtl;justify-content:flex-start;align-items:center;gap:8px;margin-top:20px;display:flex}.trust-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.form-trust p{color:var(--subtle);margin:0;font-size:12px;line-height:1.6}.center-shell{place-items:center;min-height:60vh;display:grid}.status-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--card-radius);text-align:center;width:min(480px,100%);padding:48px 36px}.status-icon{border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:24px;font-weight:700;display:grid}.status-icon.loading{color:var(--subtle);background:#f4f3f0}.status-icon.error{background:var(--danger-bg);color:var(--danger)}.status-card h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:24px;font-weight:700}.status-card p{color:var(--subtle);margin:0;font-size:15px}.status-card small{color:var(--faint);margin:12px 0 24px;font-size:13px;display:block}.spinner{border:3px solid #e4e2dd;border-top-color:var(--subtle);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.retry-btn:hover{background:var(--primary-hover)}@media (width<=680px){#app{padding:16px 12px}.campaign-hero{grid-template-columns:1fr}.hero-visual{border-right:none;border-bottom:.5px solid var(--border);order:1;min-height:220px}.hero-visual img,.hero-visual svg{min-height:220px}.hero-copy{order:2;padding:28px 24px}.form-panel{padding:24px 20px}.form-actions{flex-direction:column;align-items:stretch}.submit-btn{justify-content:center;width:100%}}