@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap");@font-face{font-family:TheYearofHandicrafts;src:url(/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"ThmanyahSerifDisplay";src:url(/font/thmanyah%20typeface/thmanyahserifdisplay/woff2/thmanyahserifdisplay-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"ThmanyahSerifDisplay";src:url(/font/thmanyah%20typeface/thmanyahserifdisplay/woff2/thmanyahserifdisplay-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg-light:#f9fbf9;--bg-light-alt:#f0f4f0;--bg-dark:#121212;--text-dark:#1a1a1a;--text-dark-muted:#666;--text-light:#fff;--text-light-muted:#aaa;--brand-orange:#f46c38;--brand-orange-hover:#e05e42;--brand-neon:#c5ff41;--font-main:"Poppins",sans-serif;--font-arabic:"ThmanyahSans","Amiri",serif;--font-arabic-heading:"ThmanyahSerifDisplay","Amiri",serif}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl],[dir=rtl] *{font-family:var(--font-arabic)}[dir=rtl] .sawad-title,[dir=rtl] .sawad-title *,[dir=rtl] h1,[dir=rtl] h1 *,[dir=rtl] h2,[dir=rtl] h2 *,[dir=rtl] h3,[dir=rtl] h3 *,[dir=rtl] h4,[dir=rtl] h4 *,[dir=rtl] h5,[dir=rtl] h5 *,[dir=rtl] h6,[dir=rtl] h6 *{font-family:var(--font-arabic-heading)!important}[dir=rtl] .btn,[dir=rtl] .nav-link,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:var(--font-arabic)!important}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-orange{color:var(--brand-orange)}.text-neon{color:var(--brand-neon)}.thmanyah-salt{font-feature-settings:"salt" 1}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.section{padding:clamp(5rem,12vw,10rem) 0}.navbar-wrapper{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);width:min(90%,800px);z-index:1000;background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.4);border-radius:50px;padding:.6rem;box-shadow:0 10px 30px rgba(0,0,0,.05),inset 0 0 1px 1px hsla(0,0%,100%,.8);transition:all .4s cubic-bezier(.165,.84,.44,1)}.navbar-wrapper:hover{background:hsla(0,0%,100%,.9);width:min(92%,820px)}.nav-container{justify-content:space-between;padding:0 .5rem}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.8rem;text-decoration:none}.nav-logo-text{font-family:var(--font-main);font-weight:900;letter-spacing:-1px;font-size:1.6rem;color:var(--text-dark)}.nav-links{display:flex;gap:.2rem;align-items:center}@media (max-width:768px){.nav-links.mobile-hide{display:none!important}.mobile-toggle{display:block!important;color:var(--text-dark)!important}}.nav-link{color:var(--text-dark-muted);font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;border-radius:50px;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:var(--text-dark);background:rgba(0,0,0,.03)}.nav-link.active{background:var(--text-dark);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);border-radius:50px;font-weight:600;font-size:clamp(.9rem,1.5vw,1.05rem);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--text-dark);color:#fff;border:1px solid var(--text-dark)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline,.btn-primary:hover{background:transparent;color:var(--text-dark)}.btn-outline{border:1px solid rgba(0,0,0,.15)}.btn-outline:hover{background:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(0,0,0,.05)}.hero{position:relative;padding-top:180px;padding-bottom:50px;text-align:center;overflow:hidden;background:linear-gradient(135deg,rgba(197,255,65,.2),hsla(0,0%,100%,0))}.hero:before{content:"";position:absolute;top:-20%;left:20%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(197,255,65,.4) 0,transparent 60%);filter:blur(80px);z-index:0;animation:float 10s ease-in-out infinite alternate}@keyframes float{0%{transform:translate(0)}to{transform:translate(5%,5%)}}.glass-panel{background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.8);box-shadow:0 20px 40px rgba(0,0,0,.03);border-radius:24px}.mono-badge{display:inline-block;padding:.5rem 1rem;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:50px;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:1px;color:var(--text-dark-muted);margin-bottom:1.5rem}.mono-badge,.sawad-title{font-family:var(--font-main)}.sawad-title{font-weight:800;letter-spacing:-2px}[dir=rtl] .sawad-title{font-family:var(--font-arabic-heading)!important}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem;gap:3rem;margin-top:3rem}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}}.modern-project-card{position:relative;display:flex;flex-direction:column;gap:1.5rem;group:true}.modern-project-card:hover .project-image-wrap{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.08)}.modern-project-card:hover .project-image-wrap img{transform:scale(1.03)}.project-image-wrap{border-radius:30px;overflow:hidden;background:#0a0a0a;aspect-ratio:16/10;transition:all .5s cubic-bezier(.16,1,.3,1);border:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.project-image-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.testimonial-marquee-wrapper{overflow:hidden;white-space:nowrap;position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0}.testimonial-track{display:inline-flex;gap:2rem;animation:marquee 40s linear infinite;padding-left:2rem}.testimonial-card{white-space:normal;width:400px;padding:2.5rem;background:#fff;border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.02);display:flex;flex-direction:column;gap:1.5rem}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}[dir=rtl] .testimonial-track{animation:marquee-rtl 40s linear infinite}@keyframes marquee-rtl{0%{transform:translateX(0)}to{transform:translateX(50%)}}.zigzag-wrapper{position:relative;max-width:1000px;margin:4rem auto 0;padding:2rem 0}.svg-dashed-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:none}@media (min-width:900px){.svg-dashed-line{display:block}}.svg-dashed-line path{stroke:var(--text-dark-muted);stroke-width:2;stroke-dasharray:8 8;opacity:.3;fill:none}.zigzag-grid{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:5}@media (min-width:900px){.zigzag-grid{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:4rem;row-gap:4rem;grid-column-gap:6rem;column-gap:6rem}.zigzag-item{transition:transform .4s ease,box-shadow .4s ease}.zigzag-item:first-child{grid-column:2;margin-top:0;transform:rotate(3deg)}.zigzag-item:nth-child(2){grid-column:1;margin-top:-60px;transform:rotate(-3deg)}.zigzag-item:nth-child(3){grid-column:2;margin-top:-60px;transform:rotate(2deg)}.zigzag-item:nth-child(4){grid-column:1;margin-top:-60px;transform:rotate(-2deg)}.zigzag-item:first-child:hover,.zigzag-item:nth-child(2):hover,.zigzag-item:nth-child(3):hover,.zigzag-item:nth-child(4):hover{transform:rotate(0deg) translateY(-10px)}}.pinned-card{position:relative;background:#fff;border-radius:24px;padding:1.2rem;box-shadow:0 15px 35px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04)}.pinned-card-inner{background:#f8f9fa;border-radius:16px;padding:2.5rem 2rem;border:1px solid rgba(0,0,0,.03);height:100%;display:flex;flex-direction:column}.pin-head{top:24px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#4a4a4a;box-shadow:inset -2px -2px 4px rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.3);z-index:10}.pin-head,.pin-head:after{position:absolute;border-radius:50%}.pin-head:after{content:"";top:2px;left:2px;width:4px;height:4px;background:hsla(0,0%,100%,.4)}.dark-footer{background:var(--bg-dark);color:#fff;border-top-left-radius:60px;border-top-right-radius:60px}.resume-bento{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.resume-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rb-stats{grid-column:1;grid-row:1/3}.rb-about{grid-column:2;grid-row:1}.rb-exp{grid-column:2;grid-row:2}}.rb-card{border-radius:30px;padding:2.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1)}.rb-card:hover{transform:translateY(-6px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;border:2px solid var(--bg-light)}::-webkit-scrollbar-thumb:hover{background:#999}.nav-btn-hover:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-2px);border-color:hsla(0,0%,100%,.4)!important}