@import "https://fonts.googleapis.com/css2?family=Cairo:wght@700;800&family=IBM+Plex+Sans+Arabic:wght@400;600&family=IBM+Plex+Mono:wght@500;600;700&display=swap";:root{--surface-100:#f5f7fb;--surface-200:#fff;--surface-300:#eaedf4;--ink:#111827;--ink-muted:#5b6476;--border:#d4d9e5;--brand:#23408f;--brand-strong:#182d6b;--brand-soft:#e4eafb;--on-brand:#fff;--accent:#0e8f7c;--accent-strong:#0a6b5d;--accent-soft:#d8f3ec;--warn:#b4421a;--warn-soft:#fbe6dc;--danger:#b3261e;--danger-soft:#fbe3e1;--focus:#4f7cf5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #1118270f, 0 8px 24px #1118270f;--shadow-sticky:0 -4px 16px #11182714;--font-sans:"IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;--font-display:"Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-100:#0f1320;--surface-200:#171c2c;--surface-300:#222a3d;--ink:#eef1f8;--ink-muted:#a6aec1;--border:#2f3850;--brand:#8ea4ff;--brand-strong:#b4c3ff;--brand-soft:#1b2547;--on-brand:#0f1320;--accent:#3fd3b9;--accent-strong:#6fe3cf;--accent-soft:#0f3a34;--warn:#ff9466;--warn-soft:#3d1c10;--danger:#ff7b73;--danger-soft:#3d1413;--focus:#9bb7ff;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000059}}*,:before,:after{box-sizing:border-box}html{letter-spacing:normal}body{background:var(--surface-100);color:var(--ink);font:400 16px/1.7 var(--font-sans);letter-spacing:normal;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:normal;margin:0}h1{font-size:32px;font-weight:700;line-height:1.3}h2{font-size:24px;font-weight:700;line-height:1.35}h3{font-size:18px;font-weight:600;line-height:1.4}p{margin:0}a{color:var(--brand)}a:hover{color:var(--brand-strong)}.ltr{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-muted)}.small{font-size:14px;line-height:1.6}.caption{font-size:12px;font-weight:500;line-height:1.5}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.container{max-width:1120px;padding:0 var(--space-4);width:100%;margin:0 auto}.site-header{background:var(--surface-200);border-bottom:1px solid var(--border);align-items:center;height:72px;display:flex}.site-header .container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-3);color:var(--ink);font:700 20px/1.3 var(--font-display);text-decoration:none;display:flex}.logo i{border-radius:var(--radius-md);background:var(--brand);width:36px;height:36px;display:inline-block}.nav{align-items:center;gap:var(--space-5);display:flex}.nav a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.lang-switch{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-100);padding:3px;display:flex}.lang-switch a{border-radius:var(--radius-pill);font:600 13px/1.4 var(--font-sans);color:var(--ink-muted);padding:6px 14px;text-decoration:none}.lang-switch a.on{background:var(--brand);color:var(--on-brand)}.site-footer{padding:var(--space-6) 0;color:var(--ink-muted);text-align:center;border-top:1px solid var(--border);margin-top:var(--space-8);font-size:14px}.card{background:var(--surface-200);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card.raised{box-shadow:var(--shadow-card)}.btn{height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);font:600 15px/1.4 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);letter-spacing:normal;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-strong);color:var(--on-brand)}.btn-secondary{background:var(--surface-200);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-300);color:var(--ink)}.btn-accept{background:var(--accent);color:var(--on-brand)}.btn-accept:hover{background:var(--accent-strong);color:var(--on-brand)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-lg{height:52px;padding:0 var(--space-6);font-size:16px}.btn[disabled]{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-pill);font:600 12px/1.6 var(--font-sans);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.badge-brand{background:var(--brand-soft);color:var(--brand)}.badge-muted{background:var(--surface-300);color:var(--ink)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.alert{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);align-items:flex-start;font-size:14px;line-height:1.6;display:flex}.alert svg{flex:none;width:20px;height:20px}.alert-warn{background:var(--warn-soft);color:var(--warn)}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-success{background:var(--accent-soft);color:var(--accent-strong)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:600}.input,.textarea,.select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-200);width:100%;color:var(--ink);font:400 16px/1.5 var(--font-sans);padding:0 14px}.input,.select{height:48px}.textarea{resize:vertical;min-height:110px;padding:12px 14px;line-height:1.6}.input.ltr-input{text-align:start;font-family:var(--font-mono);direction:ltr}.error{color:var(--danger);font-size:13px}.progress{border-radius:var(--radius-pill);background:var(--surface-300);height:6px;overflow:hidden}.progress>i{background:var(--brand);border-radius:var(--radius-pill);height:100%;transition:width .25s;display:block}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hr{background:var(--border);height:1px}.price-box{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.price-box .amount{font:700 40px/1.2 var(--font-mono);color:var(--accent-strong)}.price-box .hr{background:var(--accent);opacity:.35;margin:var(--space-4) 0}.row-between{justify-content:space-between;gap:var(--space-3);display:flex}.hidden{display:none!important}@media (width<=640px){.grid-2{grid-template-columns:1fr}.site-header .nav a:not(.lang-switch a){display:none}}
