@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Black-DjTxqEvl.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Bold-BQhZt3Pn.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraBold-D6Mwv2tk.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraLight-CC0V06GF.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Light-_XBTHaLi.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Medium-DBxyZoUj.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Regular-Dh7K9Qzs.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-SemiBold-DXjSQ6vh.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Thin-DGj76VVC.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}html{color:#f4fbff;scroll-behavior:smooth;background:#0a0a0a;min-width:320px}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;font-family:Geist,Inter,Segoe UI,Arial,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}button{border:0}a{text-decoration:none}img,picture,svg{max-width:100%;display:block}.bg-effect{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#00ddff14,#0000 32rem),radial-gradient(circle at 85% 15%,#1871be1a,#0000 28rem),#070b12;position:fixed;inset:0;overflow:hidden}.bg-effect .bg-shimmer{background:linear-gradient(115deg,#0000 35%,#ffffff09,#0000 65%);animation:14s ease-in-out infinite alternate shimmer;position:absolute;inset:-20%}.bg-effect .bg-orb{filter:blur(120px);opacity:.5;mix-blend-mode:screen;will-change:transform, opacity;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.bg-effect .bg-orb.orb-cyan{background:#00ddff52;width:38rem;height:38rem;top:12%;left:8%}.bg-effect .bg-orb.orb-yellow{background:#246cbe33;width:30rem;height:30rem;top:4%;left:70%}.bg-effect .bg-orb.orb-blue{background:#00a0ff38;width:26rem;height:26rem;top:60%;left:55%}.bg-effect .bg-orb.orb-gold{background:#0054ac2e;width:22rem;height:22rem;top:72%;left:12%}.bg-effect .bg-orb.orb-one{animation:24s ease-in-out infinite alternate orb-one}.bg-effect .bg-orb.orb-two{animation:28s ease-in-out -6s infinite alternate orb-two}.bg-effect .bg-orb.orb-three{animation:32s ease-in-out -12s infinite alternate orb-three}.bg-effect .bg-orb.orb-four{animation:30s ease-in-out -9s infinite alternate orb-four}.bg-effect .bg-line{filter:blur(.5px);opacity:.3;background:linear-gradient(90deg,#0000,#00ddff59,#3884ff38,#0000);width:42rem;height:1px;animation:9s ease-in-out infinite alternate line-pulse;position:absolute;transform:rotate(-18deg)}.bg-effect .bg-line.line-one{top:26%;left:-8rem}.bg-effect .bg-line.line-two{animation-delay:-4s;bottom:22%;right:-12rem}.bg-effect .bg-ground{z-index:10;background:#01050f;width:100%;height:clamp(12rem,18vw,18rem);position:absolute;bottom:0}.bg-effect .bg-ground:before{content:"";pointer-events:none;filter:blur(10px);background:linear-gradient(90deg,#070e19f2,#070b12f2);height:38px;position:absolute;top:0;left:0;right:0;transform:translateY(-18px)}@keyframes orb-one{0%{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.55;transform:translate(-36%,-62%)scale(1.12)}to{opacity:.4;transform:translate(-58%,-42%)scale(.96)}}@keyframes orb-two{0%{opacity:.3;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.46;transform:translate(-64%,-35%)scale(1.15)}to{opacity:.36;transform:translate(-42%,-58%)scale(1)}}@keyframes orb-three{0%{opacity:.25;transform:translate(-50%,-50%)scale(1)}50%{opacity:.42;transform:translate(-60%,-40%)scale(1.18)}to{opacity:.32;transform:translate(-38%,-56%)scale(.92)}}@keyframes orb-four{0%{opacity:.22;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.38;transform:translate(-35%,-48%)scale(1.1)}to{opacity:.28;transform:translate(-62%,-60%)scale(1)}}@keyframes shimmer{0%{opacity:.25;transform:translate(-8%)translateY(-4%)}to{opacity:.5;transform:translate(8%)translateY(4%)}}@keyframes line-pulse{0%{opacity:.1;transform:rotate(-18deg)translate(-2rem)}to{opacity:.35;transform:rotate(-18deg)translate(3rem)}}@media (width<=768px){.bg-effect .bg-orb{filter:blur(64px);opacity:.4}.bg-effect .bg-orb.orb-cyan{width:26rem;height:26rem}.bg-effect .bg-orb.orb-yellow{width:22rem;height:22rem;top:18%;left:88%}.bg-effect .bg-orb.orb-blue{width:24rem;height:24rem}.bg-effect .bg-orb.orb-gold{width:18rem;height:18rem}.bg-effect .bg-line{opacity:.2;width:28rem}}@media (width<=480px){.bg-effect .bg-shimmer,.bg-effect .bg-line{display:none}.bg-effect .bg-orb{filter:blur(52px)}.bg-effect .bg-orb.orb-yellow{display:none}}@media (prefers-reduced-motion:reduce){.bg-effect .bg-orb,.bg-effect .bg-shimmer,.bg-effect .bg-line{animation:none}}.page-style{min-height:100vh;position:relative;overflow-x:hidden}.portfolio-hero{width:100%;max-width:1700px;min-height:100vh;margin-inline:auto;padding:18vh 2.25rem 3rem}.portfolio-hero .hero-intro{z-index:2;max-width:21rem;position:relative}.portfolio-hero .hero-intro .hero-greeting{color:#9fb3c1;margin-bottom:.5rem;font-size:clamp(1rem,1.4vw,1.25rem)}.portfolio-hero .hero-intro h1{color:#f4fbff;margin-bottom:1.1rem;font-size:clamp(2.8rem,4vw,4.7rem);font-weight:800;line-height:.98}.portfolio-hero .hero-intro h1 span{color:#1688ff}.portfolio-hero .hero-intro .hero-role{color:#1688ff;margin-bottom:1.1rem;font-size:clamp(1.1rem,1.45vw,1.45rem);font-weight:700}.portfolio-hero .hero-intro .hero-copy{color:#9fb3c1;max-width:18rem;margin-bottom:1.5rem;font-size:clamp(.95rem,1.1vw,1.1rem)}.portfolio-hero .hero-intro .hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.portfolio-hero .hero-intro .hero-actions .hero-button{color:#f4fbff;background:#061222bd;border:1px solid #4396ff57;border-radius:6px;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1rem;transition:border-color .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 0 22px #0084ff29}.portfolio-hero .hero-intro .hero-actions .hero-button:hover,.portfolio-hero .hero-intro .hero-actions .hero-button:focus-visible{border-color:#4396ffc7}.portfolio-hero .hero-intro .hero-actions .hero-button.primary{background:linear-gradient(135deg,#0068ff,#1688ff);border-color:#0000}.portfolio-hero .hero-shelf{z-index:3;pointer-events:none;width:100%;padding-inline:2.25rem;position:fixed;bottom:-1rem;left:0;right:0}@keyframes shelf-card-image-loading{to{transform:translate(100%)}}.shelf-wrapper{z-index:1;pointer-events:none;width:100%;max-width:96rem;margin-inline:auto;position:relative}.shelf-container{aspect-ratio:1535/1024;isolation:isolate;pointer-events:none;background-image:url(/assets/shelf-70ZxK46b.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.shelf-section{z-index:2;pointer-events:none;grid-template-columns:minmax(5.7rem,.84fr) minmax(0,4.7fr);align-items:center;gap:clamp(.5rem,.9vw,.85rem);min-height:12.5%;display:grid;position:absolute;left:17.8%;right:24%}.shelf-section:hover,.shelf-section:focus-within{z-index:20}.shelf-section:last-child{margin:0 20px 0 6px}.shelf-section-name{color:#1688ff;text-align:center;text-transform:uppercase;letter-spacing:0;min-height:clamp(3.2rem,7.4vw,7.35rem);transform-style:preserve-3d;background:linear-gradient(90deg,#ffffff1a,#fff0 24%),linear-gradient(#0c223ef0,#030913f5),#040a16e6;border:1px solid #5092dd6b;border-left-color:#8abdff80;border-radius:6px 8px 8px 6px;justify-content:center;align-items:center;padding:clamp(.45rem,.72vw,.7rem);font-size:16px;font-weight:800;line-height:1.18;display:flex;position:relative;transform:translateZ(10px);box-shadow:-4px 0 #18283e,-7px 0 0 -1px #050a12db,0 .45rem .35rem -.35rem #000000db}.shelf-section-content{z-index:1;pointer-events:auto;min-width:0;padding-block:3px;position:relative;overflow:hidden}.shelf-section-content:before,.shelf-section-content:after{content:"";z-index:5;opacity:0;pointer-events:none;width:clamp(1.4rem,3vw,3rem);transition:opacity .16s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0}.shelf-section-content:before{z-index:40;background:linear-gradient(90deg,#040a16e0,#040a1600);left:0}.shelf-section-content:after{z-index:40;background:linear-gradient(270deg,#040a16e0,#040a1600);right:0}.shelf-section-content.has-left-fade:before,.shelf-section-content.has-right-fade:after{opacity:1}.shelf-section-content.is-dragging .shelf-card-track{cursor:grabbing}.shelf-card-track{cursor:grab;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;align-items:center;gap:clamp(.45rem,.8vw,.75rem);padding:clamp(.15rem,.35vw,.35rem) clamp(.4rem,.75vw,.7rem);display:flex;overflow:auto hidden}.shelf-card-track::-webkit-scrollbar{display:none}.shelf-card-set{align-items:center;gap:inherit;flex:none;display:flex}.shelf-card{z-index:1;pointer-events:auto;cursor:inherit;color:#f4fbff;transform-style:preserve-3d;background:radial-gradient(circle at 50% 0,#5898ff29,#0000 38%),linear-gradient(125deg,#ffffff1c,#0000 31%),linear-gradient(#0c1c30eb,#020812f5),#040a16e0;border:1px solid #488fff70;border-radius:7px;flex-direction:column;flex:0 0 clamp(7.5rem,8.6vw,9.25rem);justify-content:flex-start;gap:clamp(.45rem,.62vw,.62rem);padding:clamp(.55rem,.65vw,.72rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #abd3ff29,inset -10px 0 18px #0309146b,-3px 0 0 1px #1c2c45,0 .75rem 1.2rem #00000042;transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)!important}.shelf-card:hover,.shelf-card:focus-visible{z-index:30;border-color:#488fffb8;transform:translate(-2px);box-shadow:-3px 0 0 1px #1c2c45;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)!important}.shelf-card:active{border-color:#a3c7ffb8;transform:translate(-3px,.5px)}.shelf-card strong{color:#f4fbff;font-size:clamp(.58rem,.68vw,.78rem);font-weight:800;line-height:1.15}.shelf-card span{color:#9fb3c1;font-size:10px;line-height:1.35}.shelf-card-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.shelf-card-image-wrap,.shelf-card-image-fallback{aspect-ratio:1;border:1px solid #488fff59;border-radius:6px;flex:none;align-self:center;width:clamp(2.6rem,3.85vw,4rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 .45rem 1rem #0003}.shelf-card-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s cubic-bezier(.22,1,.36,1);display:block}.shelf-card-image.loaded{opacity:1}.shelf-card-image-loading,.shelf-card-image-fallback{background:linear-gradient(135deg,#ffffff1f,#ffffff08),#081627db}.shelf-card-image-loading{position:absolute;inset:0}.shelf-card-image-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.35s infinite shelf-card-image-loading;position:absolute;inset:0;transform:translate(-100%)}.shelf-card-image-fallback{color:#f4fbff9e;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:grid}.shelf-card-projects{text-align:center;justify-content:center}.shelf-card-achievements{justify-content:space-between;padding:clamp(.62rem,.82vw,.85rem)}.shelf-card-achievements .shelf-card-copy{gap:.35rem}.shelf-card-achievements strong{color:#1688ff;letter-spacing:0;font-size:clamp(1.45rem,2.1vw,2rem);line-height:.95}.shelf-card-achievements span{color:#f4fbff;max-width:5.2rem;font-size:clamp(.58rem,.7vw,.76rem);line-height:1.22}.shelf-card-achievements:after{content:"";aspect-ratio:1;background:linear-gradient(135deg,#1688ffdb,#00ddff3d);border:1px solid #1688ff8a;border-radius:4px;align-self:flex-end;width:clamp(1rem,1.25vw,1.25rem);box-shadow:0 0 14px #1688ff33}.shelf-card-tech-stack{text-align:center;justify-content:center}.shelf-card-tech-stack .shelf-card-image-wrap,.shelf-card-tech-stack .shelf-card-image-fallback{border-radius:8px;width:clamp(2.4rem,3.25vw,3.35rem)}.shelf-card-tech-stack span{display:none}.shelf-card-career-journey{text-align:center;justify-content:flex-start;align-items:center;padding:clamp(.48rem,.66vw,.68rem)}.shelf-card-career-journey .shelf-card-image-wrap,.shelf-card-career-journey .shelf-card-image-fallback{aspect-ratio:1.1;border-radius:6px;align-self:center;width:clamp(2.2rem,3vw,3.1rem)}.shelf-card-career-journey .shelf-card-copy{flex:auto;align-items:center;gap:.28rem}.shelf-card-career-journey strong{color:#f4fbff;max-width:100%;font-size:clamp(.56rem,.66vw,.72rem);line-height:1.18}.shelf-card-career-journey span{color:#f4fbff;margin-top:auto;font-size:clamp(.5rem,.58vw,.64rem);line-height:1.3}