:root{--color-bg:#0a0a0f;--color-text:#e8e4df;--color-text-dim:color-mix(in srgb, var(--color-text) 65%, transparent);--color-text-muted:color-mix(in srgb, var(--color-text) 42%, transparent);--color-accent:#c96442;--color-accent-light:#e08462;--color-accent-dark:#a84e30;--color-accent-2-700:#6c3baa;--color-accent-900:#1a0533;--color-secondary:#8a5cf0;--color-secondary-light:#a982ff;--color-fluid-violet:#4026bf;--color-fluid-terracotta:#d96147;--color-fluid-cyan:#4dbfeb;--color-fluid-magenta:#eb528c;--color-fluid-mint:#26d98c;--gradient-mesh-1:linear-gradient(135deg, var(--color-fluid-violet) 0%, var(--color-fluid-magenta) 55%, var(--color-fluid-terracotta) 100%);--gradient-mesh-2:linear-gradient(135deg, var(--color-fluid-cyan) 0%, var(--color-fluid-violet) 100%);--gradient-mesh-3:linear-gradient(135deg, var(--color-fluid-mint) 0%, var(--color-fluid-cyan) 60%, var(--color-fluid-violet) 100%);--gradient-mesh-4:linear-gradient(135deg, var(--color-fluid-terracotta) 0%, var(--color-fluid-magenta) 100%);--color-neutral-700:#3a3a3a;--color-neutral-900:#141418;--color-divider:#ffffff14;--color-section:#0f0f14;--color-section-glow:#c96442;--glass-blur-sm:12px;--glass-blur-md:18px;--glass-blur-lg:26px;--glass-saturate:150%;--glass-bg-subtle:color-mix(in srgb, var(--color-bg) 46%, transparent);--glass-bg-strong:color-mix(in srgb, var(--color-bg) 74%, transparent);--glass-border-color:#ffffff24;--glass-border-color-soft:#ffffff12;--glass-highlight:#ffffff12;--glass-shadow-sm:0 8px 24px #00000047;--glass-shadow-lg:0 24px 64px #00000073;--glass-tint-accent:color-mix(in srgb, var(--color-accent) 16%, transparent);--glass-tint-secondary:color-mix(in srgb, var(--color-secondary) 16%, transparent);--ease-liquid:cubic-bezier(.22, 1, .36, 1);--ease-liquid-in:cubic-bezier(.65, 0, .35, 1);--ease-glass-pop:cubic-bezier(.16, 1, .3, 1);--duration-fast:.18s;--duration-base:.3s;--duration-slow:.6s;--duration-liquid:.9s;--font-heading:"Noto Kufi Arabic", "Inter", system-ui, sans-serif;--font-body:"Inter", "Noto Kufi Arabic", system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-lg:0 20px 60px #0000004d;--content-max:1440px}*{box-sizing:border-box}body{background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:var(--font-body);color:var(--color-text);margin:0}::selection{background:color-mix(in srgb, var(--color-accent) 40%, transparent)}@keyframes drawStroke{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{opacity:.45}50%{opacity:1}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlowRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(50%)}}.hero-thumb{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);width:clamp(120px,14vw,180px);transition:transform var(--duration-base) var(--ease-liquid), border-color var(--duration-base) var(--ease-liquid), box-shadow var(--duration-base) var(--ease-liquid);flex-shrink:0;display:block;position:relative;overflow:hidden}.hero-thumb:hover{border-color:var(--color-accent);box-shadow:var(--glass-shadow-lg);transform:translateY(-4px)}.hero-thumb img{transition:transform var(--duration-base) var(--ease-liquid)}.hero-thumb:hover img{transform:scale(1.06)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass{background:linear-gradient(160deg, color-mix(in srgb, var(--color-fluid-violet) 8%, transparent), transparent 55%), var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));border:1px solid var(--glass-border-color-soft);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow-sm)}.glass-strong{background:linear-gradient(160deg, #ffffff0f, transparent 45%), var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border:1px solid var(--glass-border-color);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow-lg)}.glass-badge{-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));background:var(--glass-bg-strong);border:1px solid var(--glass-border-color-soft)}.glass-divider{border-top:1px solid var(--glass-border-color-soft);box-shadow:0 -1px 0 var(--glass-highlight)}@media (width<=640px){.glass,.glass-strong,.glass-badge{-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.kicker{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:12px;font-weight:600;display:inline-block}.tag{font-family:var(--font-body);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.tag-outline{border:1px solid var(--color-neutral-700);color:color-mix(in srgb, var(--color-text) 80%, transparent);background:0 0}.tag-accent{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent);font-size:11px}.tag-neutral{background:color-mix(in srgb, var(--color-text) 8%, transparent);color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:11px}.portfolio-btn-primary{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--glass-border-color);background:var(--color-accent);color:#fff;cursor:pointer;transition:all var(--duration-base) var(--ease-liquid);box-shadow:inset 0 1px 0 #ffffff40, var(--glass-shadow-sm);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.portfolio-btn-primary:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffffff4d, var(--glass-shadow-lg);transform:translateY(-1px)}.portfolio-btn-ghost{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);cursor:pointer;transition:all var(--duration-base) var(--ease-liquid);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.portfolio-btn-outline{font-family:var(--font-body);letter-spacing:.04em;border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);cursor:pointer;transition:all var(--duration-base) var(--ease-liquid);padding:7px 12px;font-size:12px;font-weight:600}.portfolio-btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.portfolio-btn-secondary{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);cursor:pointer;transition:all var(--duration-base) var(--ease-liquid);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.portfolio-btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.portfolio-btn-block{justify-content:center;width:100%}.portfolio-card{border-radius:var(--radius-lg);background:linear-gradient(160deg, #ffffff0f, transparent 45%), var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border:1px solid var(--glass-border-color);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow-sm);transition:box-shadow var(--duration-base) var(--ease-liquid), border-color var(--duration-base) var(--ease-liquid);overflow:hidden}.portfolio-card:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--glass-border-color));box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow-lg)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:24px;display:grid}.portfolio-section{max-width:var(--content-max);margin-inline:auto;padding:clamp(44px,6vw,88px) clamp(20px,6vw,72px)}.page-container,.bar-inner{max-width:var(--content-max);margin-inline:auto}.portfolio-about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.about-switch{margin-bottom:20px;display:block;position:relative}.about-switch-trigger{min-width:200px;font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);cursor:pointer;transition:all var(--duration-base) var(--ease-liquid);justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.about-switch-trigger:hover{border-color:var(--color-accent)}.about-switch-trigger svg{opacity:.6;flex-shrink:0}.about-switch-panel{inset-inline-start:0;z-index:20;border-radius:var(--radius-md);transform-origin:top;width:max(240px,100%);position:absolute;top:calc(100% + 8px);overflow:hidden}.about-switch-search{box-sizing:border-box;width:100%;font-family:var(--font-body);border:none;border-bottom:1px solid var(--glass-border-color-soft);color:var(--color-text);background:0 0;outline:none;padding:10px 14px;font-size:13px;display:block}.about-switch-search::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}.about-switch-list{max-height:220px;padding:6px;overflow-y:auto}.about-switch-option{box-sizing:border-box;text-align:start;width:100%;font-family:var(--font-body);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--duration-base) var(--ease-liquid), color var(--duration-base) var(--ease-liquid);background:0 0;border:none;padding:9px 12px;font-size:13px;font-weight:500;display:block}.about-switch-option:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.about-switch-option.active{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent)}.about-switch-empty{color:color-mix(in srgb, var(--color-text) 55%, transparent);text-align:center;padding:14px 12px;font-size:13px}.portfolio-stats-section{background:0 0;padding:clamp(44px,6vw,72px) clamp(20px,6vw,72px)}.portfolio-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 64%, transparent);margin:8px 0 0;font-size:13px}.portfolio-cta-section{text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--color-fluid-violet) 10%, transparent), transparent 55%), var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border-top:1px solid var(--glass-border-color-soft);box-shadow:inset 0 1px 0 var(--glass-highlight);padding:clamp(48px,7vw,96px) clamp(20px,6vw,72px)}.portfolio-link{color:var(--color-accent);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--font-heading);letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:11.5px;font-weight:600}.input{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);transition:border-color var(--duration-base) var(--ease-liquid);outline:none;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--glass-tint-accent)}.input::placeholder{color:color-mix(in srgb, var(--color-text) 35%, transparent)}.contact-panel{border-radius:var(--radius-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--color-fluid-violet) 10%, transparent), transparent 50%), var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border:1px solid var(--glass-border-color);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow-lg);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid;overflow:hidden}.contact-panel__form{padding:clamp(28px,4vw,44px)}.contact-panel__info{border-inline-start:1px solid var(--glass-border-color-soft);background:#ffffff08;flex-direction:column;gap:28px;padding:clamp(28px,4vw,44px);display:flex}.contact-tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.contact-tile{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--color-text);transition:transform var(--duration-base) var(--ease-liquid), border-color var(--duration-base) var(--ease-liquid), box-shadow var(--duration-base) var(--ease-liquid);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 10px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.contact-tile svg{width:26px;height:26px}.contact-tile:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--glass-border-color));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 12px 28px color-mix(in srgb, var(--color-accent) 18%, transparent), var(--glass-shadow-sm);transform:translateY(-3px)}.status-pill{border:1px solid var(--glass-border-color-soft);background:var(--glass-bg-subtle);color:color-mix(in srgb, var(--color-text) 85%, transparent);vertical-align:middle;border-radius:999px;align-items:center;gap:7px;margin-inline-start:10px;padding-block:5px;padding-inline:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill__dot{background:var(--color-fluid-mint);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--color-fluid-mint) 70%, transparent);border-radius:50%;animation:2.2s ease-in-out infinite pulseGlow}.success-badge{background:radial-gradient(circle, color-mix(in srgb, var(--color-fluid-mint) 30%, transparent), transparent 70%), var(--glass-bg-subtle);border:1px solid color-mix(in srgb, var(--color-fluid-mint) 45%, var(--glass-border-color-soft));width:64px;height:64px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-fluid-mint) 20%, transparent), 0 0 32px color-mix(in srgb, var(--color-fluid-mint) 35%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;animation:2.4s ease-in-out infinite pulseGlow;display:flex}.success-badge svg{width:28px;height:28px;color:var(--color-fluid-mint)}.portfolio-mobile-toggle{border-radius:var(--radius-md);border:1px solid var(--color-neutral-700);width:38px;height:38px;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}@media (width<=860px){.portfolio-nav-links,.portfolio-nav-cta{display:none!important}.portfolio-mobile-toggle{display:flex}.portfolio-about-grid,.contact-panel{grid-template-columns:1fr}.contact-panel__info{border-inline-start:none;border-top:1px solid var(--glass-border-color-soft)}}@media (width<=640px){.portfolio-grid{grid-template-columns:1fr}}