@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}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:Vazirmatn,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}.shelf-wrapper{z-index:1;pointer-events:none;width:100%;max-width:96rem;margin-inline:auto;position:relative}.shelf-wrapper .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-wrapper .shelf-container .shelf-section{z-index:2;pointer-events:none;grid-template-columns:minmax(5.7rem,.84fr) minmax(0,4.7fr);align-items:end;gap:clamp(.5rem,.9vw,.85rem);min-height:12.5%;display:grid;position:absolute;left:17.2%;right:23.2%}.shelf-wrapper .shelf-container .shelf-section:hover,.shelf-wrapper .shelf-container .shelf-section:focus-within{z-index:20}.shelf-wrapper .shelf-container .shelf-section .shelf-section-name{color:#1688ff;text-transform:uppercase;letter-spacing:0;background:linear-gradient(#081c37c7,#040a16db),#040a16e6;border:1px solid #3689ff7a;border-radius:8px;align-items:center;min-height:clamp(3.1rem,5.1vw,4.35rem);padding:clamp(.5rem,.75vw,.75rem);font-size:clamp(.62rem,.88vw,.86rem);font-weight:800;line-height:1.25;display:flex}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content{z-index:1;pointer-events:auto;min-width:0;padding-block:clamp(.38rem,.9vw,.8rem);position:relative;overflow:hidden}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content:before,.shelf-wrapper .shelf-container .shelf-section .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-wrapper .shelf-container .shelf-section .shelf-section-content:before{z-index:40;background:linear-gradient(90deg,#040a16e0,#040a1600);left:0}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content:after{z-index:40;background:linear-gradient(270deg,#040a16e0,#040a1600);right:0}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content.has-left-fade:before,.shelf-wrapper .shelf-container .shelf-section .shelf-section-content.has-right-fade:after{opacity:1}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content.is-dragging .shelf-card-track{cursor:grabbing}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .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-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card-track::-webkit-scrollbar{display:none}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card-set{align-items:center;gap:inherit;flex:none;display:flex}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card{z-index:1;pointer-events:auto;min-height:clamp(4.75rem,8vw,8rem);cursor:inherit;color:#f4fbff;transform-style:preserve-3d;background:linear-gradient(100deg,#ffffff14,#0000 34%),linear-gradient(#0c1b2ddb,#030913e6),#040a16e0;border:1px solid #488fff6b;border-radius:8px;flex-direction:column;flex:0 0 clamp(8rem,12vw,12rem);justify-content:center;gap:.25rem;padding:clamp(.45rem,.7vw,.72rem);display:flex;position:relative;box-shadow:-3px 0 0 2px #1c2c45;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-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card:hover,.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .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-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card:active{border-color:#a3c7ffb8;transform:translate(-3px,.5px)}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card strong{color:#f4fbff;font-size:clamp(.62rem,.82vw,.84rem);line-height:1.15}.shelf-wrapper .shelf-container .shelf-section .shelf-section-content .shelf-card span{color:#9fb3c1;font-size:clamp(.52rem,.68vw,.68rem);line-height:1.25}