*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;background:#050505;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}:root{--gold:#c9a227;--olive:#1f4b3a;--cream:#f4f1e8;--dark:#050505;--white:#fff;--pad-x:clamp(20px,6vw,100px);--nav-h:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-card:0 4px 16px -4px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.06);--shadow-card-hover:0 16px 40px -8px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.1);--shadow-gold:0 8px 24px rgba(201,162,39,.25);--font-en:"Tajawal",-apple-system,BlinkMacSystemFont,sans-serif;--font-ar:"Tajawal",-apple-system,BlinkMacSystemFont,sans-serif;--font-code:"JetBrains Mono",monospace;--transition-fast:all 0.2s ease;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.en-ui{font-family:var(--font-en);direction:ltr;text-align:left}.ar-ui{font-family:var(--font-ar);direction:rtl;text-align:right}.code-ui{font-family:var(--font-code);direction:ltr;text-align:left}.section-light{background:var(--cream);color:var(--dark)}.section-white{background:#fff;color:var(--dark)}.section-dark{background:var(--dark);color:var(--white)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes growLine{to{opacity:1;transform:scaleX(1)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fill{to{width:100%}}.noise-overlay:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay;z-index:1}