:root{--color-bg:#000;--color-bg-elevated:#000;--color-surface:#000;--color-surface-hover:#080808;--color-border:#2e2e2e;--color-border-accent:#fff;--color-accent:#fff;--color-accent-mid:#888;--color-accent-glow:#fff;--color-accent-tint:#ffffff0f;--color-accent-tint-mid:#ffffff26;--color-text-primary:#fff;--color-text-secondary:#a8a8a8;--color-text-muted:gray;--color-text-on-accent:#000;--color-grid-line:#ffffff0a;--color-grid-hover:#ffffff26;--color-hero-blue:#2b6cd4;--color-success:#fff;--color-success-text:#fff;--font-syne:"Syne",sans-serif;--font-funnel:"Funnel Display",sans-serif;--font-cabinet:"Cabinet Grotesk",sans-serif;--font-satoshi:"Satoshi",sans-serif;--font-geist-mono:"Geist Mono",monospace;--transition-fast:.18s ease;--transition-med:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-satoshi);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border)var(--color-bg)}@font-face{font-family:Lyon;src:url("/fonts/LYON/COMM - Lyon Arabic Display Light.otf")format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Lyon;src:url("/fonts/LYON/COMM - Lyon Arabic Display Regular.otf")format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Lyon;src:url("/fonts/LYON/COMM - Lyon Arabic Display Medium.otf")format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Lyon;src:url("/fonts/LYON/COMM - Lyon Arabic Display Bold.otf")format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Lyon;src:url("/fonts/LYON/COMM - Lyon Arabic Display Black.otf")format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Zain;src:url(/fonts/ZAIN/alfont_com_zain-Regular-mob.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Zain;src:url(/fonts/ZAIN/alfont_com_zain-mob-long100-Regular.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Zain;src:url(/fonts/ZAIN/alfont_com_ZAIN-mob-variable-400-.ttf)format("truetype");font-weight:800;font-display:swap}[dir=rtl]{--font-satoshi:"Lyon",sans-serif;--font-cabinet:"Zain",sans-serif;--font-funnel:"Zain",sans-serif}[dir=rtl] .logo-primary,[dir=rtl] .logo-secondary{font-family:Syne,sans-serif!important}ul{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 80px;position:relative}@media (max-width:1024px){.container{padding:0 40px}}@media (max-width:768px){.container{padding:0 20px}}
.card{background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-med);border-radius:0;padding:32px}.card:hover{background:var(--color-surface-hover);border-color:var(--color-border-accent)}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border:1px solid var(--color-accent);font-family:var(--font-satoshi);text-transform:uppercase;letter-spacing:.05em;height:52px;transition:all var(--transition-med);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:14px 32px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{color:var(--color-text-primary);border-color:var(--color-text-primary);background:0 0}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}[dir=rtl] .btn-primary,[dir=rtl] .btn-ghost{letter-spacing:0;font-family:Zain,sans-serif;font-size:16px;font-weight:700}.btn-ghost{color:var(--color-text-secondary);font-family:var(--font-satoshi);text-transform:uppercase;letter-spacing:.05em;height:52px;transition:all var(--transition-med);cursor:pointer;background:0 0;border:1px solid #525252;border-radius:0;justify-content:center;align-items:center;padding:14px 32px;font-size:14px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.btn-ghost:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px}.badge{color:var(--color-text-secondary);font-family:var(--font-geist-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.code-tag{color:var(--color-text-secondary);font-family:var(--font-geist-mono);transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;border:1px solid #3e3e3e;border-radius:0;align-items:center;padding:5px 10px;font-size:12px;font-weight:400;display:inline-flex}.code-tag:hover{color:var(--color-text-primary);border-color:#707070}.divider{background:var(--color-border);width:100%;height:1px}.pulse-dot{background-color:var(--color-success-text);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}
.hero-name{font-family:var(--font-funnel);letter-spacing:-.03em;font-size:clamp(48px,10vw,140px);font-weight:700;line-height:.95}.hero-tag{font-family:var(--font-satoshi);letter-spacing:-.01em;font-size:clamp(18px,2.8vw,26px);font-weight:600;line-height:1.5}.section-title{font-family:var(--font-cabinet);letter-spacing:-.04em;font-size:clamp(32px,6vw,80px);font-weight:700;line-height:1}.section-sub{font-family:var(--font-satoshi);letter-spacing:-.01em;color:var(--color-text-secondary);font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.75}.card-title{font-family:var(--font-cabinet);letter-spacing:-.02em;font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.15}.card-body-text{font-family:var(--font-satoshi);letter-spacing:0;color:var(--color-text-secondary);font-size:clamp(15px,1.6vw,17px);font-weight:400;line-height:1.75}.stat-number{font-family:var(--font-geist-mono);letter-spacing:-.04em;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1}.stat-label{font-family:var(--font-satoshi);letter-spacing:.04em;font-size:clamp(11px,1.2vw,14px);font-weight:600;line-height:1.4}.logo-primary{font-family:var(--font-syne);letter-spacing:-.03em;color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1}.logo-secondary{font-family:var(--font-syne);letter-spacing:-.03em;color:var(--color-text-primary);font-size:24px;font-weight:400;line-height:1}.nav-link{font-family:var(--font-satoshi);letter-spacing:.02em;color:var(--color-text-muted);transition:var(--transition-fast);font-size:14px;font-weight:500;line-height:1}.nav-link:hover{color:var(--color-text-primary);font-weight:600}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-link.active{color:var(--color-text-on-accent);background:var(--color-accent);border-radius:0;padding:6px 14px;font-weight:700}.arch-node{font-family:var(--font-geist-mono);letter-spacing:.05em;font-size:11px;font-weight:500;line-height:1}@media (max-width:768px){.nav-link{font-size:13px}.section-title{font-size:clamp(28px,8vw,48px)!important}.section-sub{font-size:clamp(15px,4vw,18px)}[dir=rtl] .section-title{font-size:clamp(32px,9vw,52px)!important;line-height:1.2!important}}[dir=rtl] .hero-tag{letter-spacing:0;font-size:clamp(20px,3.2vw,30px);line-height:1.6}[dir=rtl] .section-title{letter-spacing:-.01em;font-size:clamp(52px,9vw,112px);line-height:1.15}[dir=rtl] .section-sub{letter-spacing:0;font-size:clamp(18px,2.3vw,22px);line-height:1.85}[dir=rtl] .card-title{letter-spacing:-.01em;font-size:clamp(30px,4vw,46px);line-height:1.35}[dir=rtl] .card-body-text{letter-spacing:0;font-size:clamp(16px,1.8vw,19px);line-height:1.95}[dir=rtl] .hero-tagline{letter-spacing:0;font-size:21px!important;line-height:1.85!important}[dir=rtl] .hero-statement{letter-spacing:0!important;font-family:Zain,sans-serif!important;font-size:clamp(48px,8vw,112px)!important;line-height:1.25!important}[dir=rtl] .hero-line-outer{padding-bottom:.4em!important}[dir=rtl] .nav-link{letter-spacing:0;font-size:20px;padding:8px 18px!important}[dir=rtl] .nav-link.active{padding:8px 18px!important}[dir=rtl] .desktop-nav{gap:4px!important}[dir=rtl] .badge{letter-spacing:0;font-size:13px}[dir=rtl] .btn-primary,[dir=rtl] .btn-ghost{text-transform:none;letter-spacing:0;height:auto;padding:14px 28px;font-size:16px}[dir=rtl] .skill-row-left,[dir=rtl] .skill-row-right{min-height:56px;padding-top:8px;padding-bottom:8px;height:auto!important}