@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');@font-face{font-family:'Comfortaa';src:url('../assets/Comfortaa-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#111844;--bg2:#171D4E;--bg3:#1D2357;--surface:#232961;--border:rgba(114,136,174,0.12);--border-light:rgba(114,136,174,0.22);--white:#EAE0CF;--off-white:#D6CBB8;--muted:#7288AE;--muted2:#5A6F93;--accent:#4B5694;--tag-bg:rgba(75,86,148,0.10);--green-dot:#5aff8a;--btn-bg:#EAE0CF;--btn-fg:#111844;--btn-hover:#D6CBB8;--overlay-bg:rgba(17,24,68,0.7);--overlay-bg-light:rgba(17,24,68,0.4);--overlay-bg-medium:rgba(17,24,68,0.6);--overlay-bg-strong:rgba(17,24,68,0.85);--overlay-bg-solid:rgba(17,24,68,0.95);--overlay-bg-full:rgba(17,24,68,0.97);--glass-bg:rgba(23,29,78,0.6);--glass-border:rgba(234,224,207,0.08);--mobile-header-bg:rgba(23,29,78,0.85);--overlay-80:rgba(17,24,68,0.85);--overlay-90:rgba(17,24,68,0.9);--overlay-60:rgba(17,24,68,0.6);--overlay-35:rgba(17,24,68,0.35);--overlay-25:rgba(17,24,68,0.25);--card-bg:rgba(234,224,207,0.92);--card-shadow:rgba(17,24,68,0.15);--card-shadow-subtle:rgba(17,24,68,0.03);--text-on-light:#111844;--success:#5aff8a;--error:#ff6b6b;--warning:#ffd93d;--info:#6bcfdf;--success-bg:rgba(90,255,138,0.15);--error-bg:rgba(255,107,107,0.15);--warning-bg:rgba(255,217,61,0.15);--info-bg:rgba(107,207,223,0.15);--hover-bg:rgba(234,224,207,0.04);--hover-bg-strong:rgba(234,224,207,0.08);--hover-bg-subtle:rgba(234,224,207,0.03);--hover-bg-lighter:rgba(234,224,207,0.10);--hover-bg-medium:rgba(234,224,207,0.06);--error-bg:rgba(255,107,107,0.2);--error-bg-hover:rgba(255,107,107,0.3);--status-new:#3b82f6;--status-new-bg:rgba(59,130,246,0.1);--status-new-border:rgba(59,130,246,0.2);--status-contacted:#eab308;--status-contacted-bg:rgba(234,179,8,0.1);--status-contacted-border:rgba(234,179,8,0.2);--status-resolved:#22c55e;--status-resolved-bg:rgba(34,197,94,0.1);--status-resolved-border:rgba(34,197,94,0.2);--status-delete:#ef4444;--status-delete-bg:rgba(239,68,68,0.1);--status-delete-border:#ef4444;--font-display:'Syne',sans-serif;--font-ui:'Syne',sans-serif;--font-body:'Comfortaa','DM Sans',sans-serif;--font-display-ar:'Tajawal','Arial',sans-serif;--font-ui-ar:'Tajawal','Arial',sans-serif;--font-body-ar:'Tajawal','Arial',sans-serif;--fs-hero:clamp(72px,10vw,140px);--fs-h1:clamp(40px,6vw,80px);--fs-h2:clamp(32px,5vw,60px);--fs-h3:clamp(24px,3vw,40px);--fs-h4:clamp(18px,2vw,26px);--fs-body:clamp(0.9rem,0.85rem + 0.25vw,1rem);--fs-sm:clamp(0.8rem,0.75rem + 0.2vw,0.875rem);--fs-xs:clamp(0.7rem,0.65rem + 0.15vw,0.75rem);--fs-label:clamp(0.7rem,0.65rem + 0.15vw,0.75rem);--radius:12px;--radius-lg:20px;--radius-xl:28px;--space-xs:clamp(0.25rem,0.22rem + 0.15vw,0.35rem);--space-sm:clamp(0.5rem,0.45rem + 0.25vw,0.65rem);--space-md:clamp(0.85rem,0.75rem + 0.5vw,1.15rem);--space-lg:clamp(1.25rem,1.1rem + 0.75vw,1.75rem);--space-xl:clamp(2rem,1.75rem + 1.25vw,2.85rem);--space-2xl:clamp(3.5rem,3rem + 2.5vw,5.5rem);--space-3xl:clamp(5rem,4rem + 5vw,8rem);--nav-h:64px;--max:1280px;--gutter:40px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.5s ease;--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-nav:999;--z-modal:1000;--z-toast:1100;--shadow-sm:rgba(0,0,0,0.1);--shadow-md:rgba(0,0,0,0.15);--shadow-lg:rgba(0,0,0,0.35)}[data-theme="light"]{--bg:#EAE0CF;--bg2:#F2ECE0;--bg3:#E9E2D4;--surface:#E5DDCF;--border:rgba(17,24,68,0.09);--border-light:rgba(17,24,68,0.16);--white:#111844;--off-white:#1E2456;--muted:#7288AE;--muted2:#8BA0C4;--accent:#4B5694;--tag-bg:rgba(75,86,148,0.06);--green-dot:#2D8F5C;--btn-bg:#111844;--btn-fg:#EAE0CF;--btn-hover:#1E2456;--hover-bg:rgba(17,24,68,0.04);--hover-bg-strong:rgba(17,24,68,0.08);--hover-bg-subtle:rgba(17,24,68,0.03);--hover-bg-lighter:rgba(17,24,68,0.10);--hover-bg-medium:rgba(17,24,68,0.06);--overlay-bg:rgba(234,224,207,0.7);--overlay-bg-light:rgba(234,224,207,0.7);--overlay-bg-medium:rgba(234,224,207,0.6);--overlay-bg-strong:rgba(234,224,207,0.9);--overlay-bg-solid:rgba(234,224,207,0.96);--overlay-bg-full:rgba(234,224,207,0.97);--glass-bg:rgba(242,236,224,0.6);--glass-border:rgba(17,24,68,0.05);--overlay-80:rgba(17,24,68,0.04);--overlay-90:rgba(17,24,68,0.05);--overlay-60:rgba(17,24,68,0.03);--overlay-35:rgba(17,24,68,0.02);--overlay-25:rgba(17,24,68,0.03);--card-bg:rgba(234,224,207,0.92);--card-shadow:rgba(17,24,68,0.08);--card-shadow-subtle:rgba(17,24,68,0.02);--text-on-light:#111844;--mobile-header-bg:rgba(17,24,68,0.85);--mobile-header-bg-light:rgba(234,224,207,0.85)}[dir="rtl"]{--font-display:var(--font-display-ar);--font-ui:var(--font-ui-ar);--font-body:var(--font-body-ar);--letter-spacing-label:0;--letter-spacing-btn:0}[dir="rtl"] .arrow-right::after{content:'\2190'}[dir="rtl"] .arrow-left::after{content:'\2192'}[dir="rtl"] .border-accent-left{border-left:none;border-right:2px solid var(--border-light);padding-left:0;padding-right:20px}[dir="rtl"] .marquee-track{animation-name:marquee-rtl}@keyframes marquee-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{background-color:var(--bg);color:var(--white);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 0.35s ease,color 0.35s ease}[dir="rtl"] body{font-family:var(--font-body-ar);font-size:calc(var(--fs-body) + 1px);line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit}:focus-visible{outline:2px solid var(--border-light);outline-offset:3px;border-radius:calc(var(--radius) / 3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@media (max-width:768px){:root{--gutter:20px}}@media (max-width:480px){:root{--gutter:12px}}