:root{--primary:#b45309;--primary-foreground:#fff;--secondary:#e4c090;--secondary-foreground:#57534e;--background:#fdfbf7;--foreground:#4a3b33;--card:#f8f4ee;--card-foreground:#4a3b33;--muted:#f1e9da;--muted-foreground:#78716c;--popover:#f8f4ee;--popover-foreground:#4a3b33;--sidebar:#f1e9da;--sidebar-foreground:#4a3b33;--sidebar-border:#e4d9bc;--sidebar-ring:#b45309;--sidebar-primary:#b45309;--sidebar-primary-foreground:#fff;--sidebar-accent:#a16207;--sidebar-accent-foreground:#fff;--accent:#f2daba;--accent-foreground:#57534e;--border:#e4d9bc;--input:#e4d9bc;--ring:#b45309;--destructive:#991b1b;--destructive-foreground:#fff;--radius:.3rem;--shadow-color:#4b3f34;--shadow-opacity:.18;--shadow-blur:3px;--shadow-spread:0px;--shadow-offset-x:0px;--shadow-offset-y:2px;--shadow-standard:var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-spread) hsl(from var(--shadow-color) h s l / var(--shadow-opacity));--chart-1:#b45309;--chart-2:#78716c;--chart-3:#a16207;--chart-4:#78716c;--chart-5:#ca8a04;--font-sans:"Oxanium", sans-serif;--font-serif:"Merriweather", serif;--font-mono:"Fira Code", monospace;--font-arabic:"Cairo", "Noto Kufi Arabic", sans-serif;--glass-bg:#f8f4eeb8;--glass-border:#e4d9bc8c;--glass-blur:18px;--z-below:-1;--z-default:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-float:500;--z-toast:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}.dark{--primary:#f97316;--primary-foreground:#fff;--secondary:#57534e;--secondary-foreground:#e7e5e4;--background:#1c1917;--foreground:#f5f5f4;--card:#292524;--card-foreground:#f5f5f4;--muted:#292524;--muted-foreground:#a8a29e;--popover:#292524;--popover-foreground:#f5f5f4;--sidebar:#292524;--sidebar-foreground:#f5f5f4;--sidebar-border:#44403c;--sidebar-ring:#f97316;--sidebar-primary:#f97316;--sidebar-primary-foreground:#fff;--sidebar-accent:#0ea5e9;--sidebar-accent-foreground:#0c2a4d;--accent:#1e4252;--accent-foreground:#e7e5e4;--border:#44403c;--input:#44403c;--ring:#f97316;--destructive:#dc2626;--destructive-foreground:#fff;--shadow-color:#0d0d0d;--chart-1:#f97316;--chart-2:#0ea5e9;--chart-3:#eab308;--chart-4:#a8a29e;--chart-5:#78716c;--glass-bg:#292524c7;--glass-border:#44403c80}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}[dir=rtl]{font-family:var(--font-arabic)}[dir=ltr]{font-family:var(--font-sans)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--foreground);line-height:1.2}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--chart-3)}a:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:var(--radius)}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1280px;padding-inline:var(--space-6);margin-inline:auto}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius)}.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.95rem;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground)}.section-title{margin-bottom:var(--space-4);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.section-subtitle{color:var(--muted-foreground);max-width:60ch;margin-bottom:var(--space-8);font-size:1.1rem}[dir=rtl] .section-subtitle,[dir=ltr] .section-subtitle{margin-inline:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}