@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.0.0/dist/font-face.css";.hero-container{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;margin-bottom:4rem}.hero-navbar-wrapper{position:absolute;top:5%;left:50%;transform:translate(-50%);z-index:50;width:100%;display:flex;justify-content:center}.explore-button-wrapper{position:absolute;left:20%;bottom:20%;z-index:20}.explore-button{display:inline-block;padding:.75rem 1.5rem;color:#141414;background-color:#ffffff97;border:1px solid #556459f5;border-radius:10px;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 0 10px 10px #9de2095a}.dark .explore-button{color:#cecece;background-color:#54525218}.explore-button:hover{transform:scale(.97);cursor:pointer;color:#fff;background-color:#0000004d;box-shadow:0 0 10px 10px #d44b418c}@media (max-width: 768px){.explore-button-wrapper{left:50%;transform:translate(-50%);bottom:15%}.explore-button{font-size:.9rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.explore-button-wrapper{bottom:5%}.explore-button{font-size:.8rem;padding:.5rem}.hero-navbar-wrapper{position:absolute;top:40%;left:15%}}.waves-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 150px #d9d6e4d7}.waves-dot{position:absolute;top:0;left:0;width:8px;height:8px;background:#7c6a6a14;border-radius:50%;transform:translate3d(calc(var(--x) - 50%),calc(var(--y) - 50%),0);will-change:transform}.waves-canvas{display:block;width:100%;height:100%}.waves-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,#00000062,#00000062,#000);pointer-events:none;z-index:1}.dark .waves-overlay{background:linear-gradient(to left,#000000c3,#07294fc2,#000)}.navbar-container{width:100%;display:flex;justify-content:center;padding:1rem;position:relative;z-index:50;background:#ffffff10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.nav-links{list-style:none;display:flex;gap:2rem;padding:0;margin:0}.nav-button{background:none;border:none;font-size:1.2rem;font-weight:500;cursor:pointer;color:#fff;transition:all .3s ease}.nav-button:hover{color:#82d00d;transform:scale(1.1);text-decoration:underline}@media (max-width: 768px){.nav-links{gap:1rem}.nav-button{font-size:1rem}}@media (max-width: 480px){.nav-links{flex-direction:column;gap:.5rem}.nav-button{font-size:.9rem}}.welcome-section{position:absolute;top:30%;left:5%;transform:translateY(-50%);background:transparent}.welcome-title{font-size:5rem;font-weight:700;color:#fff;animation:wave 4s infinite alternate;text-shadow:1px 1px 1px rgb(145,0,0)}.welcome-subtitle{font-size:1.5rem;margin-bottom:2rem;color:#b3ff00;text-shadow:0 1px 25px rgb(4,4,4);animation:fading 3s ease-in-out;direction:ltr;text-align:left}.dark .welcome-subtitle{color:#b3ff007d}@media (max-width: 768px){.welcome-title{font-size:3.5rem}.welcome-subtitle{font-size:1rem}}@media (max-width: 480px){.welcome-section{padding:1.5rem 1rem;margin-bottom:5rem;margin-left:0}.welcome-title{font-size:1.6rem}.welcome-subtitle{display:none}}@keyframes wave{0%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes fading{0%{opacity:0}to{opacity:1}}.contact-section{padding:80px 20px;background-color:#c6e4f7c2;border-radius:100% 0%/8%}.dark .contact-section{background-color:#86a1b4}.contact-container{max-width:1100px;margin:1rem auto;display:flex;gap:40px}.left-side{flex:1;min-width:300px}.contact-title{font-size:2.2rem;margin-bottom:15px;color:#222}.dark .contact-title{color:#f0f0f0}.contact-description{font-size:1.05rem;color:#555;margin-bottom:25px;line-height:1.6}.contact-grid{display:flex;gap:18px;margin-top:15px}.contact-icon{font-size:1.7rem;color:#333;padding:12px;border-radius:12px;background:#fff;box-shadow:0 5px 15px #00000014;transition:all .25s ease}.contact-icon:hover{transform:translateY(-4px);color:#00acc1;box-shadow:0 7px 20px #0000001f}.contact-form{flex:1;min-width:300px;padding:28px;background:transparent;border:1px solid rgba(78,78,78,.22);border-radius:12px;box-shadow:0 5px 18px #ffffff6f}.dark .contact-form{box-shadow:0 6px 15px #ffffff49}.form-title{font-size:1.5rem;margin-bottom:20px;color:#222;font-weight:600}.form-input,.form-textarea{width:100%;padding:14px;margin-bottom:18px;border:1px solid #ddd;border-radius:10px;font-size:1rem;outline:none;background:#fafafac0;transition:border .25s ease,background .25s}.form-input:focus,.form-textarea:focus{border-color:#00acc1;background:#fff}.form-textarea{height:130px;resize:none}.form-button{width:100%;padding:14px;background:linear-gradient(90deg,#00bcd4,#008c9e);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .25s ease}.form-button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000026;color:#353535}@media (max-width: 768px){.contact-container{flex-direction:column;gap:30px;text-align:center;align-items:center}.contact-title{font-size:1.9rem}.contact-form{padding:22px}}@media (max-width: 480px){.contact-title{font-size:1.7rem}.contact-icon{font-size:1.5rem;padding:10px}}.footer{background-color:#282c34;color:#fff;padding:20px;text-align:center}@media (max-width: 768px){.footer{padding:10px;font-size:.9rem}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:45px;height:45px;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#000;border:none;border-radius:50%;font-size:22px;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:transform .2s ease;z-index:999}.scroll-to-top:hover{transform:scale(1.1);box-shadow:0 0 8px #8bdd27ee}.about-section{padding:80px 40px;background:#eef0f3}.dark .about-section{background:#2c2c2c}.about-container{max-width:1100px;margin:auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}.about-image-wrapper{flex:1;min-width:240px;max-width:320px}.about-image{width:100%;height:auto;border-radius:14px;object-fit:cover;aspect-ratio:3 / 4;box-shadow:0 6px 18px #00000026}.dark .about-image{box-shadow:0 6px 18px #ffffff26}.about-text{flex:1.3;min-width:300px}.about-title{font-size:2rem;font-weight:700;margin-bottom:15px;color:#222}.dark .about-title{color:#ddd}.about-description{font-size:1.1rem;line-height:1.7;color:#444;margin-bottom:15px}.dark .about-description{color:#ccc}.about-description a{color:#025ec6;font-weight:600;text-decoration:none}.about-description a:hover{text-decoration:underline}@media (max-width: 768px){.about-container{flex-direction:column;text-align:center}.about-image-wrapper{max-width:280px}.about-title{font-size:1.8rem}.about-description{font-size:1rem}}@media (max-width: 480px){.about-section{padding:60px 15px}.about-image-wrapper{max-width:200px}.about-title{font-size:1.6rem}.about-description{font-size:.95rem}}.text-section{max-width:900px;margin:10rem auto;padding:20px;text-align:center}.text-subtitle{font-size:1.8rem;color:#0000007a;text-shadow:0 20px 0 #000000ce,0 -20px 0 #00000037;font-family:IM Fell English SC,fantasy}.dark .text-subtitle{color:#ffffff7a;text-shadow:0 20px 0 #c7c4c437,0 -20px 0 #c7c4c437}@media (max-width: 900px){.text-subtitle{font-size:1.2rem}}@media (max-width: 768px){.text-section{margin:6rem auto}.text-subtitle{font-size:1rem;text-shadow:0 17px 0 #000000ce,0 -17px 0 #00000037}}@media (max-width: 480px){.text-section{margin:4rem auto;padding:5px}.text-subtitle{font-size:.8rem;text-shadow:0 16px 0 #000000ce,0 -16px 0 #00000037}}.theme-toggle-container{position:fixed;top:15px;right:20px;z-index:1000;display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;box-shadow:0 4px 8px #0000001a;padding:5px}.theme-toggle{width:25px;height:25px;object-fit:cover;display:block;background:none;border:none}.theme-toggle-container:hover{box-shadow:0 0 8px #8bdd27ee;transform:scale(1.1);transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 768px){.theme-toggle-container{top:10px;right:10px;padding:3px}}.toggle-languages-container{position:fixed;top:15px;left:20px;z-index:1000;display:flex;justify-content:flex-start;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;box-shadow:0 4px 8px #0000001a;padding:4px 8px}.lang-btn{background:none;border:2px solid transparent;padding:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;border-radius:8px}.lang-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.lang-btn.active{border:2px solid #67dd27e8;box-shadow:1px 1px 8px #67dd27c8}.flag-icon{width:28px;height:20px;border-radius:4px;object-fit:cover;display:block}@media (max-width: 768px){.toggle-languages-container{top:10px;left:10px;padding:3px 6px;gap:8px}.flag-icon{width:24px;height:18px}}.gl-section{padding:80px 20px;background:#f7f9fc}.dark .gl-section{background:#4a5a7b4a}.gl-header{max-width:1100px;margin:auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}.gl-header-text{flex:1.3;min-width:300px}.gl-title{font-size:2.2rem;font-weight:700;margin-bottom:20px;color:#222}.dark .gl-title{color:#f0f0f0}.gl-description{font-size:1.1rem;line-height:1.7;color:#555;max-width:600px}.gl-image-wrapper{flex:1;min-width:260px;max-width:380px}.gl-image{width:100%;border-radius:14px;object-fit:cover;aspect-ratio:4 / 3;box-shadow:0 6px 18px #00000026}.gl-subtitle{margin-top:60px;font-size:1.4rem;font-weight:600;color:#6d6d6d;text-align:center}.gl-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;max-width:900px;margin-left:auto;margin-right:auto}.gl-card{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 14px #0000001a;transition:.25s ease}.gl-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.gl-icon{font-size:2rem;margin-bottom:10px;color:#000}.gl-level{color:#ffa600;font-size:1rem;margin-bottom:6px}.gl-name{font-size:1rem;font-weight:600}.collaborate-note{text-align:center;margin-top:60px;font-size:1.2rem;color:#07789a}@media (max-width: 768px){.gl-header{flex-direction:column;text-align:center}.gl-title{font-size:1.9rem}.gl-image-wrapper{max-width:300px}}@media (max-width: 480px){.gl-section{padding:60px 15px}.gl-image-wrapper{max-width:240px}.gl-title{font-size:1.6rem}.gl-description{font-size:.96rem}}.certification-section{padding:60px 20px;margin:auto;text-align:center;background:#fff}.dark .certification-section{background:#4a5a7b4a}.certification-section h2{font-size:2.2rem;margin-bottom:30px;color:#222}.dark .certification-section h2{color:#f0f0f0}.cert-card{background:#fff;padding:25px 30px;border-radius:18px;transition:all .25s ease;display:flex;justify-content:space-between;align-items:center;max-width:650px;margin:auto;border-left:6px solid #55d400;border-right:6px solid #55d400;box-shadow:0 4px 12px #00000023}.cert-title{font-size:1.2rem;font-weight:600;color:#333}.cert-card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #0000001f}.cert-link{text-decoration:none;color:inherit;display:block;width:fit-content;margin:0 auto}@media (max-width: 768px){.cert-card{padding:20px;flex-direction:column;text-align:center;gap:12px}.cert-title{font-size:1.1rem}}@media (max-width: 480px){.certification-section h2{font-size:1.8rem}.cert-card{padding:15px}.cert-title{font-size:1rem}}.resume-section{padding:60px 20px;margin:auto;text-align:center}.resume-section h2{font-size:2.2rem;margin-bottom:20px;color:#222}.dark .resume-section h2{color:#f0f0f0}.resume-section p{font-size:1.2rem;color:#555;margin-bottom:25px}.download-btn{display:inline-flex;align-items:center;gap:10px;background:#00bcd4;color:#fff;padding:12px 22px;border-radius:12px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .25s ease;box-shadow:0 4px 12px #00bcd44d}.download-btn:hover{background:#0097a7;transform:translateY(-4px)}.resume-icon{font-size:1.4rem}@media (max-width: 768px){.resume-section h2{font-size:1.8rem}.resume-section p{font-size:1rem;margin-bottom:20px}.download-btn{padding:10px 18px;font-size:1rem}.resume-icon{font-size:1.2rem}}@media (max-width: 480px){.resume-section h2{font-size:1.5rem}.resume-section p{font-size:.9rem;margin-bottom:15px}.download-btn{padding:8px 16px;font-size:.9rem}.resume-icon{font-size:1rem}}.lang-container{max-width:900px;margin:80px auto;padding:20px;text-align:center}.lang-title{font-size:2.2rem;margin-bottom:40px;color:#222}.dark .lang-title{color:#ddd}.lang-list{display:flex;flex-direction:column;gap:25px}.lang-item{background:#e7e7e799;padding:20px 25px;border-radius:14px;box-shadow:0 5px 18px #00000014;transition:transform .25s ease,box-shadow .25s ease}.lang-item:hover{transform:translateY(-4px);box-shadow:0 8px 22px #00000037}.lang-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.1rem}.lang-name{font-weight:600;color:#333}.lang-level{font-size:.95rem;color:#777;font-style:italic}.progress-bar{width:100%;height:10px;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#00bcd4,#027885);transition:width .6s ease}@media (max-width: 768px){.lang-title{font-size:1.8rem}.lang-item{padding:18px}.lang-header{font-size:1rem}}@media (max-width: 480px){.lang-title{font-size:1.5rem}.lang-item{padding:15px}.lang-header{font-size:.95rem}}.skills-section{padding:5rem 2rem;background:#fff}.dark .skills-section{background:#1e1e1e}.skills-header{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1100px;margin:0 auto 4rem;flex-wrap:wrap}.skills-image-wrapper{flex:1;min-width:260px}.skills-image{width:100%;max-width:420px;border-radius:16px;object-fit:cover;box-shadow:0 6px 20px #00000026}.skills-text{flex:1;min-width:280px}.skills-title{font-size:2.6rem;margin-bottom:1rem;color:#333;text-align:left}.dark .skills-title{color:#f0f0f0}.skills-description{font-size:1.15rem;color:#555;line-height:1.7;margin-top:.5rem}.skills-subtitle{margin:3rem auto 1rem;font-size:1.6rem;font-weight:600;color:#222;text-align:center}.dark .skills-subtitle{color:#ddd}.skills-grid{max-width:1100px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.skill-card{background:#fafafa;padding:1.6rem;border-radius:14px;text-align:center;border:1px solid #eaeaea;transition:all .25s ease;box-shadow:0 3px 12px #00000014}.dark .skill-card{background:#8b8b8b;border:1px solid #444}.skill-card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #00000026}.skill-icon{font-size:2.4rem;margin-bottom:.6rem;color:#0057b8}.skill-level{font-size:1.05rem;color:#f1b500;margin-bottom:.5rem}.skill-name{font-size:1.1rem;color:#333}@media (max-width: 768px){.skills-title{text-align:center;font-size:2.2rem}.skills-description,.skills-header{text-align:center}}@media (max-width: 480px){.skills-section{padding:3rem 1rem}.skill-card{padding:1.2rem}}.project-section{padding:8rem 2rem;background:#e9e9ea}.dark .project-section{background:#1e1e1e}.projects-header{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1100px;margin:0 auto 4rem;flex-wrap:wrap}.projects-image-wrapper{flex:1;min-width:260px}.projects-image{width:100%;max-width:420px;border-radius:16px;object-fit:cover;box-shadow:0 6px 20px #0000005d}.projects-text{flex:1;min-width:280px}.projects-title{font-size:2.6rem;margin-bottom:1rem;color:#333;text-align:left}.dark .projects-title{color:#f0f0f0}.projects-description{font-size:1.15rem;color:#555;line-height:1.7;margin-top:.5rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.project-card{background:#fff;padding:1.8rem;border-radius:14px;box-shadow:0 4px 18px #00000037;transition:all .25s ease;text-align:left;border:1px solid #e5e5e5}.dark .project-card{background:#a8a8a8;border:1px solid #444}.project-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000026}.project-card a h3{color:#0057b8;margin-bottom:.6rem;font-size:1.35rem;transition:color .2s ease}.project-card a:hover h3{color:#003f86}.project-card p{color:#444;font-size:1rem;line-height:1.6}@media (max-width: 768px){.projects-title{text-align:center;font-size:2.2rem}.projects-description,.projects-header{text-align:center}}@media (max-width: 480px){.project-section{padding:3rem 1rem}.project-card{padding:1.4rem}}.requirement-container{max-width:700px;margin:60px auto;padding:20px;text-align:center}.requirement-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:#222}.dark .requirement-title{color:#f0f0f0}.requirement-subtitle{font-size:1.1rem;color:#555;margin-bottom:30px;line-height:1.6}.requirement-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea,.file-input{width:100%;padding:14px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.file-input:focus{border-color:#07f}.form-group textarea{height:140px;resize:vertical}.file-group{text-align:left}.file-label{font-weight:600;margin-bottom:6px;display:block;color:#444}.submit-btn{background:#07f;color:#fff;padding:14px 26px;border-radius:8px;font-size:1.1rem;border:none;cursor:pointer;transition:.3s ease;font-weight:600}.submit-btn:hover{background:#005fcc;transform:translateY(-2px)}.proposal-section{padding:80px 20px;background:#e9e9ea;margin:0 auto;text-align:center}.proposal-title{font-size:2.4rem;font-weight:700;margin-bottom:20px;color:#222}.dark .proposal-title{color:#f0f0f0}.proposal-text{font-size:1.15rem;max-width:700px;margin:0 auto 30px;line-height:1.7;color:#555}.proposal-download-btn{display:inline-flex;align-items:center;gap:10px;background:#07f;color:#fff;padding:14px 26px;border-radius:8px;font-size:1.1rem;text-decoration:none;transition:.3s ease;font-weight:600}.proposal-download-btn:hover{background:#005fcc;transform:translateY(-2px)}.proposal-icon{font-size:1.4rem}.services-hero-section{position:relative;background:url(/assets/ServicesHero-img-B9KNpff3.jpg) no-repeat center center/cover;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.services-hero-overlay{background-color:#0000008b;padding:40px;text-align:center}.services-hero-title{font-size:4rem;margin-bottom:3rem;color:#f4da30}.dark .services-hero-title{color:#a6a6a5}.services-hero-subtitle{font-size:1.5rem;margin-bottom:2rem;color:#fff}.services-hero-buttons{display:flex;gap:2rem;justify-content:center}.services-hero-btn{padding:15px 30px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.services-hero-btn.primary{background-color:#f4da30;color:#000}.dark .services-hero-btn.primary{background-color:#a6a6a5}.services-hero-btn.primary:hover{background-color:transparent;color:#f4da30;border:1px solid #f4da30}.services-hero-btn.secondary{background-color:#474747;color:#f4da30}.dark .services-hero-btn.secondary{color:#000}.services-hero-btn.secondary:hover{background-color:transparent;color:#f4da30;border:1px solid #f4da30}.Back-to-Portfolio-button-container{bottom:10%;left:5%;position:absolute}.Back-to-Portfolio-button{padding:15px 20px;font-size:1.1rem;font-weight:600;border-radius:50px 1px 1px 50px;border:none;cursor:pointer;background-color:#f0f0f0;color:#039fc3;transition:all .3s ease}.Back-to-Portfolio-button:hover{background-color:#000;color:#89e70f;transform:scale(1.05)}@media (max-width: 768px){.services-hero-overlay{padding:20px}.services-hero-title{font-size:2.5rem}.services-hero-subtitle{font-size:1.1rem}.services-hero-buttons{gap:1rem}.services-hero-btn{padding:10px 20px}.Back-to-Portfolio-button{padding:10px 15px}}@media (max-width: 480px){.services-hero-title{font-size:2rem;margin-bottom:1.5rem}.services-hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.services-hero-buttons{flex-direction:column;gap:1rem}.services-hero-btn,.Back-to-Portfolio-button{font-size:.9rem}}:root{--color-text: #333;--color-background: rgb(255, 255, 255)}html[lang=fa] body{font-family:Vazir,sans-serif;direction:rtl;text-align:right;scroll-behavior:smooth}html[lang=en] body,html[lang=du] body{font-family:Inter,Arial,Helvetica,sans-serif;direction:ltr;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}body.dark{background:#11183cf1}h1,h2,h3{font-family:Comic Neue,cursive;font-weight:700}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.progress{position:fixed;top:0;right:0;height:4px;width:0%;background-color:#2046c5;z-index:9999}@media (prefers-color-scheme: light){:root{--color-text: #111}}@keyframes scroll-animation{0%{width:0px}to{width:100%}}