@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--ink:#0a0a0a;--card-bg:#fff;--border:#0a0a0a14;--ff:"Tajawal", "Cairo", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--ff);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:hover{text-decoration:none!important}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(20px,5vw,60px);transition:border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-color:#0a0a0a14;box-shadow:0 2px 20px #0000000f}.nav-links-d{gap:28px;display:flex}@media (max-width:640px){.nav-links-d{display:none}}.sec{padding:clamp(72px,10vw,130px) clamp(24px,5vw,72px);position:relative;overflow:hidden}.about-section{padding-top:0}.contact-dark{padding:clamp(80px,10vw,140px) clamp(24px,5vw,80px)}.proj-card,.pj-card{color:#0a0a0a;background:#fff;border:1px solid #0a0a0a14;border-radius:18px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;display:block;position:relative;overflow:hidden;text-decoration:none!important}.proj-card *{text-decoration:none!important}.proj-card img{display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.card-img-wrap{position:relative;overflow:hidden}.mar-r{animation:32s linear infinite marR}.mar-l{animation:32s linear infinite marL}@keyframes marR{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marL{0%{transform:translate(-50%)}to{transform:translate(0)}}#spb{transform-origin:0;z-index:999;background:#8e0040;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}#fab{display:none}@media (max-width:768px){#fab{display:flex!important}}.sec:after{content:"";pointer-events:none;z-index:0;opacity:.018;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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");position:absolute;inset:0}