:root{--bg-onyx: hsl(240, 4%, 15%);--bg-card: hsl(240, 4%, 12%);--bg-card-hover: hsl(240, 4%, 14%);--bg-elevated: hsl(240, 4%, 16%);--bg-body: hsl(240, 6%, 8%);--border-color: hsla(240, 5%, 24%, .8);--border-subtle: hsla(240, 5%, 20%, .5);--border-accent: hsla(43, 96%, 64%, .35);--accent-gold: hsl(43, 96%, 64%);--accent-gold-dark: hsl(38, 92%, 55%);--accent-gold-light: hsl(45, 100%, 75%);--accent-glow: hsla(43, 96%, 64%, .2);--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 0%, 96%);--gray-100: hsl(240, 4%, 88%);--gray-300: hsl(240, 4%, 72%);--gray-400: hsl(240, 4%, 55%);--gray-600: hsl(240, 4%, 32%);--gradient-gold: linear-gradient(135deg, hsl(45, 100%, 70%) 0%, hsl(36, 100%, 58%) 100%);--gradient-card: linear-gradient(145deg, hsla(240, 4%, 16%, .6) 0%, hsla(240, 4%, 11%, .6) 100%);--gradient-icon-box: linear-gradient(135deg, hsl(240, 4%, 22%) 0%, hsl(240, 4%, 14%) 100%);--ff-latin: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ff-persian: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont, Tahoma, sans-serif;--fs-h1: clamp(1.5rem, 2.5vw, 1.85rem);--fs-h2: clamp(1.35rem, 2vw, 1.65rem);--fs-h3: clamp(1.15rem, 1.8vw, 1.35rem);--fs-h4: clamp(1.02rem, 1.5vw, 1.15rem);--fs-body: .95rem;--fs-small: .85rem;--fs-tiny: .76rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 4px 12px hsla(0, 0%, 0%, .18);--shadow-md: 0 10px 28px hsla(0, 0%, 0%, .28);--shadow-lg: 0 18px 45px hsla(0, 0%, 0%, .38);--shadow-accent: 0 8px 24px hsla(43, 96%, 64%, .2);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--ff-latin);background-color:var(--bg-body);color:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-feature-settings:"cv02","cv03","cv04","cv11"}html[lang=fa],html[dir=rtl],.is-rtl{font-family:var(--ff-persian)!important;letter-spacing:0!important}html[lang=fa] body,.is-rtl{line-height:1.8}body{background-color:var(--bg-body);color:var(--gray-100);line-height:1.65;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}input,textarea{font:inherit;color:inherit}::selection{background-color:var(--accent-gold);color:var(--bg-body)}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.main-container{width:100%;max-width:1220px;margin:16px auto 0;padding:0 16px calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px}.main-content{width:100%;flex:1;min-width:0;position:relative}@media (min-width: 1024px){.main-container{flex-direction:row;align-items:flex-start;gap:26px;margin:40px auto 70px;padding:0 24px}.sidebar{width:290px;flex-shrink:0;position:sticky;top:36px}}.sidebar,article{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-md);position:relative;transition:border-color var(--transition-fast)}@media (min-width: 768px){.sidebar,article{padding:30px}}@media (min-width: 1024px){article{padding:36px 36px 40px;min-height:100%}}article.active{display:block;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-card{position:relative;background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.content-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.h1,.h2,.h3,.h4,.h5{color:var(--white-1);font-weight:var(--fw-semibold);line-height:1.3}.h2{font-size:var(--fs-h2)}.h3{font-size:var(--fs-h3)}.h4{font-size:var(--fs-h4)}.h5{font-size:var(--fs-body)}.article-title{display:inline-block;font-size:var(--fs-h2);margin-bottom:6px;color:var(--white-1);font-weight:var(--fw-bold)}.article-title-after{width:38px;height:4px;background:var(--gradient-gold);border-radius:var(--radius-full);margin-bottom:24px}.separator{width:100%;height:1px;background-color:var(--border-color);margin:18px 0}.icon-box{width:36px;height:36px;background:var(--gradient-icon-box);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-gold);font-size:1.15rem;box-shadow:var(--shadow-sm);flex-shrink:0}.title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sidebar{margin-bottom:0;transition:all var(--transition-normal)}.sidebar-info{display:flex;align-items:center;gap:16px;position:relative}.avatart-image{width:90px;height:90px;border-radius:var(--radius-xl);object-fit:cover;border:2px solid hsla(43,96%,64%,.4);box-shadow:0 0 20px #fbc94b26;flex-shrink:0}.info-content{flex:1;min-width:0}.info-content .name{font-size:1.15rem;font-weight:var(--fw-bold);color:var(--white-1);margin-bottom:4px;line-height:1.3}.info-content .title{color:var(--gray-300);background-color:var(--bg-elevated);font-size:var(--fs-tiny);font-weight:var(--fw-medium);padding:4px 10px;border-radius:var(--radius-sm);display:inline-block;border:1px solid var(--border-subtle);margin-bottom:6px}.status-pill{display:inline-flex;align-items:center;gap:6px;background-color:#22c35d1a;border:1px solid hsla(142,70%,45%,.25);padding:3px 9px;border-radius:var(--radius-full);font-size:.72rem;color:#67e495;font-weight:var(--fw-medium)}.status-dot{width:6px;height:6px;background-color:#26d968;border-radius:var(--radius-full);box-shadow:0 0 8px #3cdd77;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.sidebar-toggle-btn{width:100%;margin-top:14px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-gold);font-size:var(--fs-small);font-weight:var(--fw-medium);padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer}.sidebar-toggle-btn:hover{background-color:#fbc94b1f;border-color:var(--accent-gold);color:var(--accent-gold-light)}.sidebar-toggle-btn .toggle-icon{font-size:1.15rem}.sidebar-info_more{display:none;animation:fadeIn .3s ease-out}.sidebar.active .sidebar-info_more{display:block}.contacts-list{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:14px}.contact-info{flex:1;min-width:0}.contact-title{color:var(--gray-400);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.contact-link{color:var(--white-2);font-size:var(--fs-small);word-break:break-all}.contact-link:hover{color:var(--accent-gold)}.social-list{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-top:4px}.social-item .social-link{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:1.05rem;transition:all var(--transition-fast)}.social-item .social-link:hover{color:var(--accent-gold);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:var(--shadow-accent)}@media (min-width: 1024px){.sidebar{padding-top:36px}.sidebar-info{flex-direction:column;text-align:center}.avatart-image{width:135px;height:135px;border-radius:var(--radius-xl);margin-bottom:8px}.info-content .name{font-size:1.35rem}.sidebar-toggle-btn{display:none}.sidebar-info_more{display:block!important}.social-list{justify-content:center}}.navbar{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px;right:14px;max-width:480px;margin:0 auto;background:hsla(240,4%,13%,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 12px 36px #00000080,0 0 1px #fbc94b40;z-index:999;padding:6px 8px}.navbar-list{display:flex;align-items:center;justify-content:space-around;width:100%;margin:0 auto}.navbar-item{flex:1;display:flex;justify-content:center}.navbar-link{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:var(--radius-md);color:var(--gray-400);font-size:.72rem;font-weight:var(--fw-medium);transition:all var(--transition-fast);min-height:46px;justify-content:center}.navbar-link .nav-icon{font-size:1.25rem}.navbar-link:hover{color:var(--white-1)}.navbar-link.active{color:var(--accent-gold)}.navbar-link.active .nav-icon{transform:scale(1.1)}.lang-switch-btn{background-color:#31313580;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px 6px;color:var(--accent-gold)}.lang-switch-btn:hover{background-color:#fbc94b26;border-color:var(--accent-gold)}.lang-switch-btn .lang-badge{display:none}@media (min-width: 1024px){.navbar{position:absolute;top:0;bottom:auto;width:auto;max-width:none;margin:0;background:hsla(240,4%,14%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-top:none;box-shadow:none;padding:0 16px;z-index:20}html:not([dir=rtl]) .navbar,.is-ltr .navbar{right:0;left:auto;border-right:none;border-radius:0 var(--radius-xl) 0 var(--radius-lg)}html[dir=rtl] .navbar,.is-rtl .navbar{left:0;right:auto;border-left:none;border-radius:var(--radius-xl) 0 var(--radius-lg) 0}.navbar-list{flex-direction:row;gap:16px;padding:10px 8px;width:auto}.navbar-item{flex:none}.navbar-link{width:auto;flex-direction:row;gap:6px;font-size:var(--fs-small);font-weight:var(--fw-semibold);padding:8px 12px;min-height:auto}.navbar-link .nav-icon{font-size:1.05rem}.lang-switch-btn{padding:6px 12px;gap:6px}.lang-switch-btn .lang-badge{display:inline-block;background:var(--accent-gold);color:var(--bg-body);font-size:.68rem;font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--radius-sm)}}.about-text{color:var(--gray-300);font-size:var(--fs-body);margin-bottom:28px}.about-text p{margin-bottom:16px}.about-text p:last-child{margin-bottom:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:var(--fw-semibold);transition:all var(--transition-fast);cursor:pointer}.button-icon,.btn-icon{font-size:1.15rem}.button-primary{background:var(--gradient-gold);color:#17171c;border:1px solid transparent;box-shadow:var(--shadow-accent)}.button-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 28px #fbc94b4d}.button-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--white-2)}.button-secondary:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px)}.proof-points{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:36px}@media (min-width: 640px){.proof-points{grid-template-columns:repeat(3,1fr)}}.proof-point-card{background-color:#25252880;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;border-inline-start:3px solid var(--accent-gold);transition:all var(--transition-fast)}.proof-point-card:hover{border-color:var(--border-accent);background-color:#2c2c3099;transform:translateY(-2px)}.proof-title{display:block;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--white-1);margin-bottom:4px}.proof-subtitle{display:block;font-size:var(--fs-tiny);color:var(--gray-400)}.skills-list{display:flex;flex-direction:column;gap:20px}.skills-item .title-wrapper{justify-content:space-between;margin-bottom:8px}.skills-item .title-wrapper .h5{font-size:var(--fs-small);color:var(--white-2)}.lang-level{font-size:var(--fs-tiny);color:var(--gray-400);font-weight:var(--fw-medium)}.skill-progress-bg{width:100%;height:8px;background-color:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.skill-progress-fill{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width .8s ease-out}.timeline{margin-bottom:34px}.timeline-list{position:relative;padding-inline-start:24px;border-inline-start:2px solid var(--border-color);margin-inline-start:16px;display:flex;flex-direction:column;gap:28px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;top:4px;inset-inline-start:-31px;width:12px;height:12px;background:var(--gradient-gold);border-radius:var(--radius-full);box-shadow:0 0 10px var(--accent-gold)}.timeline-item-title{font-size:1.05rem;color:var(--white-1);font-weight:var(--fw-semibold);margin-bottom:4px}.timeline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-tiny);color:var(--accent-gold);font-weight:var(--fw-medium);margin-bottom:10px}.timeline-separator{color:var(--gray-600)}.timeline-details{color:var(--gray-400)}.timeline-text{color:var(--gray-300);font-size:var(--fs-body);line-height:1.65;margin-bottom:12px}.timeline-responsibilities{background-color:#25252866;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;margin-top:10px}.timeline-sub-title{font-size:var(--fs-small);color:var(--gray-100);font-weight:var(--fw-semibold);margin-bottom:8px}.timeline-bullet-list{display:flex;flex-direction:column;gap:8px}.timeline-bullet-list li{position:relative;padding-inline-start:18px;font-size:var(--fs-small);color:var(--gray-300);line-height:1.6}.timeline-bullet-list li:before{content:"•";position:absolute;inset-inline-start:0;color:var(--accent-gold);font-weight:700}.skills-categories-grid{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 640px){.skills-categories-grid{grid-template-columns:repeat(2,1fr)}}.skill-cat-card{padding:20px}.skill-cat-heading{font-size:var(--fs-body);color:var(--white-1);font-weight:var(--fw-semibold);margin-bottom:12px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.skill-cat-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag-badge{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--gray-100);font-size:var(--fs-tiny);font-weight:var(--fw-medium);padding:4px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.skill-tag-badge:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-1px)}.portfolio-content{display:flex;flex-direction:column;gap:28px}.case-study{border:1px solid var(--border-accent);background:linear-gradient(145deg,hsla(43,96%,64%,.05) 0%,hsla(240,4%,12%,.8) 100%);padding:24px}.case-study-badge{display:inline-flex;align-items:center;gap:6px;background-color:#fbc94b26;color:var(--accent-gold);font-size:var(--fs-tiny);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:12px}.case-study-title{margin-bottom:8px;color:var(--white-1)}.case-study-desc{color:var(--gray-300);font-size:var(--fs-body);line-height:1.65;margin-bottom:20px}.case-study-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:22px}@media (min-width: 640px){.case-study-grid{grid-template-columns:repeat(3,1fr)}}.case-grid-item{background-color:#18181b99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.case-grid-item strong{display:block;font-size:var(--fs-small);color:var(--white-1);margin-bottom:2px}.case-grid-item span{display:block;font-size:var(--fs-tiny);color:var(--gray-400);line-height:1.45}.projects-heading{margin-bottom:18px}.project-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-card{display:flex;flex-direction:column;padding:22px}.project-header{margin-bottom:14px}.project-card-title{color:var(--white-1);font-size:1.15rem}.project-img-wrapper{width:100%;height:220px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;background-color:var(--bg-elevated);border:1px solid var(--border-subtle)}.project-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-img{transform:scale(1.03)}.project-description{color:var(--gray-300);font-size:var(--fs-body);line-height:1.6;margin-bottom:16px}.project-info-block{margin-bottom:16px}.project-subtitle{font-size:var(--fs-small);color:var(--accent-gold);font-weight:var(--fw-semibold);margin-bottom:8px}.project-features-list{display:flex;flex-direction:column;gap:6px}.project-features-list li{position:relative;padding-inline-start:14px;font-size:var(--fs-small);color:var(--gray-300);line-height:1.5}.project-features-list li:before{content:"—";position:absolute;inset-inline-start:0;color:var(--accent-gold);font-weight:700}.project-tech-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--gray-100);font-size:var(--fs-tiny);font-weight:var(--fw-medium);padding:3px 8px;border-radius:var(--radius-sm)}.project-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-subtle)}.project-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-gold);font-size:var(--fs-small);font-weight:var(--fw-semibold);transition:all var(--transition-fast)}.project-link:hover{color:var(--accent-gold-light);transform:translate(3px)}html[dir=rtl] .project-link:hover,.is-rtl .project-link:hover{transform:translate(-3px)}.contact-intro{color:var(--gray-300);font-size:var(--fs-body);margin-bottom:24px;line-height:1.65}.form{display:flex;flex-direction:column;gap:18px}.input-wrapper{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 640px){.input-wrapper{grid-template-columns:repeat(2,1fr)}}.form-input{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;font-size:var(--fs-body);color:var(--white-1);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--gray-400)}.form-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-textarea{resize:vertical;min-height:130px}.form-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-gold);color:var(--bg-body);font-size:var(--fs-small);font-weight:var(--fw-bold);padding:14px 28px;border-radius:var(--radius-md);box-shadow:var(--shadow-accent);transition:all var(--transition-fast);align-self:flex-start;min-height:48px}.form-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 25px #fbc94b59}.form-btn-icon{font-size:1.15rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-400);font-size:1rem}