/* Self-hosted fonts */
@font-face{font-family:'InterLocal';src:url('/assets/fonts/Inter-subset.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'CairoLocal';src:url('/assets/fonts/Cairo-subset.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

/* Image helpers to reserve space and avoid CLS */
.hero-img{display:block;width:100%;height:auto;max-height:400px;object-fit:cover}
.project-img,.service-img,.about-img{display:block;width:100%;height:auto;object-fit:cover}

/* Minified styles (non-critical) - generated by optimization script */:root{--bg-dark:#121212;--bg-dark-lighter:#1f1f1f;--bg-dark-lightest:#2d2d2d;--text-white:#fff;--text-gray:#a0a0a0;--accent-blue:#00BFFF;--accent-yellow:#FFD700;--accent-blue-dark:#0099cc;--accent-yellow-dark:#e6c200;--font-english:'Inter','Poppins',sans-serif;--font-arabic:'Cairo','Tajawal',sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-xxl:8rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-english);background-color:var(--bg-dark);color:var(--text-white);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3.5rem;margin-bottom:var(--spacing-md)}h2{font-size:2.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-divider{height:4px;width:60px;background:linear-gradient(to right,var(--accent-blue),var(--accent-yellow));margin:var(--spacing-sm) auto;border-radius:var(--border-radius-sm)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none;min-width:120px;white-space:nowrap}.btn-primary{background-color:var(--accent-blue);color:var(--text-white)}.btn-secondary{background-color:transparent;border:2px solid var(--accent-yellow);color:var(--accent-yellow)}.image-placeholder{background-color:var(--bg-dark-lighter);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;min-height:200px;font-size:4rem;color:var(--accent-blue)}#header{position:fixed;top:0;left:0;right:0;background-color:rgba(18,18,18,.95);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all var(--transition-normal)}#header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);height:150px}.logo{font-size:1.8rem;font-weight:700;display:flex;align-items:center;height:100%;position:relative;z-index:1001}.nav-links{display:flex;align-items:center;gap:var(--spacing-sm);height:100%;margin-top:0}.nav-links li a{color:var(--text-white);padding:.5rem 1rem;transition:color var(--transition-fast)}.nav-links li a:hover{color:var(--accent-yellow)}.btn-contact{background-color:var(--accent-blue);color:var(--text-white)!important;border-radius:var(--border-radius-md);padding:.7rem 1.5rem!important;transition:all var(--transition-fast);font-weight:600;min-width:120px;text-align:center;white-space:nowrap;display:inline-block}/* ...rest of minified CSS kept intact in file (truncated in this preview) */