@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700;900&display=swap";
:root{--bg-color:#0d1117;--bg-secondary-color:#161b22;--text-color:#f5f5f7;--text-muted-color:rgba(245,245,247,.7);--accent-color:#00d6b8;--accent-color-dark:#00a994;--border-color:#30363d;--card-bg-color:#161b22;--header-bg:rgba(22,27,34,.6);--neon-glow-color:rgba(0,214,184,.7)}body.light-mode{--bg-color:#f5f7fa;--bg-secondary-color:#fff;--text-color:#1c1e21;--text-muted-color:rgba(28,30,33,.7);--accent-color:#00a994;--border-color:#e5e7eb;--card-bg-color:#fff;--header-bg:rgba(255,255,255,.6);--neon-glow-color:rgba(0,214,184,.6)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Vazirmatn,sans-serif;line-height:1.7;transition:background-color .3s,color .3s;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 20px}h1{font-weight:700}h3,h4{margin-bottom:20px;font-weight:600;line-height:1.2}h1{letter-spacing:-2px;font-size:3.5rem;font-weight:900}h2{text-align:center;background-image:linear-gradient(45deg,var(--accent-color),#a1fff0);color:transparent;text-shadow:0 0 7px var(--neon-glow-color),0 0 20px rgba(0,214,184,.4);-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:2.5rem;font-weight:500;transition:color .3s;position:relative}body.light-mode h2{background-image:none;-webkit-background-clip:unset;background-clip:unset;text-shadow:none;color:var(--accent-color-dark)}h2:after{content:"";background:linear-gradient(to right,transparent,var(--accent-color),transparent);border-radius:2px;width:100px;height:3px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}p{color:var(--text-muted-color);margin-bottom:15px}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{opacity:.8}section{border-bottom:1px solid var(--border-color);padding:100px 0;transition:border-color .3s,background-color .3s;position:relative}section:last-of-type{border-bottom:none}main>section:nth-of-type(odd){background-color:var(--bg-color)}main>section:nth-of-type(2n){background-color:var(--bg-secondary-color)}.sticky-header{z-index:1000;opacity:0;background-color:var(--header-bg);border:1px solid var(--border-color);will-change:transform,opacity;-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);border-radius:50px;align-items:center;width:-moz-fit-content;width:fit-content;max-width:95vw;padding:10px 15px;transition:transform .5s cubic-bezier(.645,.045,.355,1),opacity .5s,background-color .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-150%);box-shadow:0 8px 32px rgba(0,0,0,.37)}.sticky-header.visible{opacity:1;transform:translate(-50%)translateY(20px)}@media (max-width:768px){.sticky-header{padding:5px;transform:translate(-50%)translateY(-150%)}.sticky-header.visible{transform:translate(-50%)translateY(10px)}}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.sticky-header{background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);border:1px solid var(--border-color)}}.nav-links{align-items:center;gap:5px;list-style:none;display:flex}.nav-links li a{color:var(--text-muted-color);white-space:nowrap;border-radius:30px;padding:8px 15px;font-size:.9rem;transition:all .3s}.nav-links li a:hover,.nav-links li a.active{background-color:var(--accent-color);color:var(--text-color);opacity:1}body.light-mode .nav-links li a:hover,body.light-mode .nav-links li a.active{color:#fff}#theme-toggle{color:var(--text-muted-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-right:10px;padding:8px 12px;font-size:1.1rem;line-height:1;transition:all .3s;display:inline-flex}#theme-toggle:hover{color:var(--accent-color)}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.645,.045,.355,1),transform .8s cubic-bezier(.645,.045,.355,1);transform:translateY(30px)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.hero{height:100vh;position:relative;overflow:hidden}#particles-js{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.hero h1,.hero .subtitle,.hero-cta-buttons{opacity:0;animation:1s ease-out forwards fadeInText}.hero h1{animation-delay:.8s}.hero .subtitle{max-width:600px;color:var(--text-color);margin:20px auto 30px;font-size:1.2rem;animation-delay:1.1s}.hero .gradient-underline{background:linear-gradient(to right,transparent,var(--accent-color),transparent);opacity:0;width:150px;height:3px;margin:0 auto 25px;animation:1s ease-out .5s forwards fadeInText}.hero-cta-buttons{gap:20px;margin-top:20px;animation-delay:1.4s;display:flex}.cta-button{cursor:pointer;white-space:nowrap;border-radius:50px;padding:12px 35px;font-size:1rem;font-weight:500;text-decoration:none}.cta-filled{background-color:var(--accent-color);color:var(--bg-color);border:2px solid var(--accent-color)}.cta-filled:hover{background-color:var(--accent-color-dark);color:#fff;border:2px solid var(--accent-color-dark);opacity:1}.cta-outline{color:var(--accent-color);border:2px solid var(--accent-color);background-color:transparent}.cta-outline:hover{background-color:var(--accent-color);color:var(--bg-color);opacity:1}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-down-indicator{opacity:0;width:60px;height:90px;margin-left:auto;margin-right:auto;animation:1s ease-out 1.8s forwards fadeInText;position:absolute;bottom:40px;left:0;right:0}.scroll-down-indicator span{border-left:2.5px solid var(--text-muted-color);border-bottom:2.5px solid var(--text-muted-color);opacity:0;box-sizing:border-box;width:45px;height:45px;margin-left:-22.5px;animation:2s infinite scroll-anim-new;position:absolute;top:0;left:50%;transform:rotate(-45deg)}.scroll-down-indicator span:first-of-type{animation-delay:0s}.scroll-down-indicator span:nth-of-type(2){animation-delay:.15s;top:30px}.scroll-down-indicator span:nth-of-type(3){animation-delay:.3s;top:60px}@keyframes scroll-anim-new{0%{opacity:0}50%{opacity:1}to{opacity:0}}#about{overflow:hidden}#about .container{z-index:1;text-align:center;max-width:800px;position:relative}#about p{text-align:justify;font-size:1.1rem}.iceberg-container{text-align:center;margin-top:50px}.iceberg-image{width:100%;max-width:300px;filter:drop-shadow(0 0 15px var(--neon-glow-color))drop-shadow(0 0 45px var(--neon-glow-color));transition:filter .4s,transform .4s}.iceberg-image:hover{filter:drop-shadow(0 0 25px var(--neon-glow-color))drop-shadow(0 0 60px var(--neon-glow-color));transform:scale(1.05)}#about ul{text-align:right;margin:20px 0;padding-right:0;list-style:none}#about ul li{margin-bottom:12px;padding-right:25px;position:relative}#about ul li:before{content:"•";color:var(--accent-color);font-size:1.5rem;position:absolute;top:-2px;right:0}#roadmap{justify-content:center;align-items:center;padding:120px 0;display:flex;position:relative}#neural-canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.process-content-container{z-index:1;flex-direction:column;gap:20vh;width:100%;max-width:900px;display:flex;position:relative}.process-step{opacity:0;max-width:45%;padding:20px;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.process-step.is-visible{opacity:1;transform:translateY(0)}.process-step:nth-child(odd){text-align:right;align-self:flex-start}.process-step:nth-child(2n){text-align:right;align-self:flex-end}.process-step h3{color:var(--accent-color);margin:0 0 15px;font-size:1.5rem;font-weight:500}.process-step p{color:var(--text-muted-color);margin:0;font-size:1rem;line-height:1.8}#roadmap-icons-container{z-index:5;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.roadmap-icon{background-color:var(--bg-secondary-color);border:2px solid var(--accent-color);width:60px;height:60px;color:var(--accent-color);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .5s,transform .5s,box-shadow .6s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 transparent}.roadmap-icon.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.roadmap-icon iconify-icon{font-size:30px;line-height:1}.roadmap-icon.is-active{box-shadow:0 0 20px 5px var(--neon-glow-color)}.process-step ul{margin:20px 0 0;padding:0;list-style:none}.process-step li{color:var(--text-muted-color);text-align:right;align-items:start;margin-bottom:12px;font-size:.95rem;display:flex}.process-step li:before{content:"•";color:var(--accent-color);flex-shrink:0;font-size:1.5rem;font-weight:500;line-height:1}.process-step li:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{margin-right:8px}.process-step li:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{margin-right:8px}.process-step li:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{margin-right:8px}.process-step li:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{margin-left:8px}.process-step li:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{margin-left:8px}.process-step li:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{margin-left:8px}@media (max-width:768px){.process-step:nth-child(odd),.process-step:nth-child(2n){text-align:center}.process-step ul{display:inline-block}#roadmap-icons-container{display:none}}#projects{background-color:var(--bg-color)}.projects-grid{grid-template-columns:1fr;gap:30px;max-width:800px;margin:0 auto;display:grid}.project-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:30px;padding:30px;transition:all .3s;display:flex}.project-card:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.project-icon{color:var(--accent-color);font-size:64px;transition:transform .4s}.project-card:hover .project-icon{transform:scale(1.15)rotate(-15deg)}.project-info h3{color:var(--text-color);margin-top:0}.project-info a{color:var(--accent-color);border:2px solid var(--accent-color);background-color:transparent;border-radius:50px;align-items:center;gap:8px;margin-top:20px;padding:12px 25px;font-weight:500;transition:all .3s;display:inline-flex}.project-info a:hover{opacity:1;background-color:var(--accent-color);color:#fff}.project-info a i{color:var(--accent-color)}.project-info a:hover i{color:#fff}#contact p:last-of-type{margin-bottom:40px}#contact .container{text-align:center;max-width:800px}#contact p{margin-bottom:40px;font-size:1.1rem}.contact-methods-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-method{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:120px;padding:25px 30px;text-decoration:none;transition:all .3s;display:flex}.contact-method:hover{border-color:var(--accent-color);box-shadow:0 0 8px var(--neon-glow-color);opacity:1;transform:translateY(-8px)}.contact-method iconify-icon{color:var(--accent-color);margin-bottom:15px;font-size:2.2rem;transition:transform .3s}.contact-method:hover iconify-icon{transform:scale(1.1)}.contact-method span{color:var(--text-color);font-size:.9rem;font-weight:500}.contact-method svg{width:35px;height:35px;fill:var(--accent-color);margin-bottom:15px;transition:transform .3s}.contact-title{text-align:center;color:#bffff4;text-shadow:0 0 10px var(--neon-glow-color),0 0 20px rgba(0,214,184,.6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:400;transition:color .3s}body.light-mode .contact-title{background-image:none;-webkit-background-clip:unset;background-clip:unset;text-shadow:none;color:var(--accent-color-dark)}@media (max-width:768px){.contact-title{margin-bottom:2.5rem;font-size:2rem}}footer{text-align:center;border-top:1px solid var(--border-color);background-color:var(--bg-color);padding:40px 0}footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:100%;padding:0 40px;display:flex}.footer-quote{color:var(--text-muted-color);margin:0;font-style:italic}.footer-socials a{color:var(--text-muted-color);margin:0 12px;font-size:1.5rem;transition:all .3s}.footer-socials a:hover{color:var(--accent-color);transform:translateY(-3px)}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.nav-links{justify-content:center;gap:0;width:100%}.nav-links li a{padding:8px 10px;font-size:.85rem}#theme-toggle{margin-right:5px;padding:8px}#theme-toggle:focus{outline:none}.hero{height:85vh}.scroll-down-indicator{width:40px;height:60px;bottom:80px}.scroll-down-indicator span{border-width:2px;width:30px;height:30px;margin-left:-15px}.scroll-down-indicator span:nth-of-type(2){top:20px}.scroll-down-indicator span:nth-of-type(3){top:40px}.hero-cta-buttons{flex-direction:row;gap:15px}.cta-button{padding:10px 25px;font-size:.9rem}.project-card{text-align:center;flex-direction:column}footer .container{flex-direction:column;justify-content:center;padding:0 20px}#roadmap{padding:80px 0}.process-content-container{gap:15vh}.process-step{max-width:90%}.process-step:nth-child(odd),.process-step:nth-child(2n){text-align:center;align-self:center}.process-step h3{font-size:1.3rem}.process-step p{font-size:.95rem}}.ecosystem-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px 30px;display:grid;position:relative}.eco-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:35px 30px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.eco-card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.3)}.eco-icon{color:var(--accent-color);margin-bottom:25px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.eco-card:hover .eco-icon{transform:scale(1.15)rotate(-10deg)}.eco-content h3{color:var(--text-color);margin-bottom:15px;font-size:1.4rem}.eco-content p{color:var(--text-muted-color);margin-bottom:25px;font-size:.95rem;line-height:1.8}.eco-content ul{text-align:right;padding:0;list-style:none}.eco-content li{align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.eco-content li iconify-icon-check-circle{color:var(--accent-color);flex-shrink:0;width:18px;height:18px}@media (max-width:767px){.ecosystem-grid{grid-template-columns:1fr;gap:30px}}a:hover>iconify-icon,button:hover>iconify-icon,.eco-card:hover iconify-icon,.case-study-card:hover iconify-icon,.education-card:hover iconify-icon,.project-card:hover iconify-icon,.case-study-footer a:hover iconify-icon{filter:drop-shadow(0 0 16px var(--neon-glow-color))}#theme-toggle iconify-icon{width:20px;height:20px}.eco-icon iconify-icon{stroke-width:1.5px;width:48px;height:48px}.case-study-card .icon iconify-icon{stroke-width:1.5px;width:32px;height:32px}.project-icon iconify-icon{stroke-width:1.5px}.project-info a iconify-icon{stroke-width:2.5px;width:16px;height:16px}.project-icon svg{width:56px;height:56px;filter:drop-shadow(0 0 6px var(--neon-glow-color));transition:filter .3s}.project-card:hover .project-icon svg{filter:drop-shadow(0 0 16px var(--neon-glow-color))}.experience-grid{grid-template-columns:1fr;gap:40px;max-width:800px;margin:0 auto;display:grid}.experience-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-color:var(--accent-color-dark);border-radius:8px;transition:all .3s;overflow:hidden}.experience-card:hover{border-color:var(--accent-color);box-shadow:0 0 5px var(--neon-glow-color);transform:translateY(-8px)}.experience-header{border-bottom:1px solid var(--border-color);background-color:rgba(0,0,0,.2);padding:20px 25px}.experience-header h3{color:var(--text-color);margin:0;font-size:1.3rem}.experience-header .company{color:var(--text-muted-color);opacity:.8;margin:5px 0 0;font-size:.9rem;display:block}.experience-body{background-color:var(--bg-color);padding:25px}.experience-body p{margin:0}.education-card{text-align:center;border:1px solid var(--border-color);border-top:5px solid var(--accent-color);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.education-card .icon-wrapper iconify-icon{font-size:48px}.education-card .icon-wrapper{color:var(--accent-color)}.education-card h3{color:var(--text-color);font-size:1.4rem}.education-card .company{color:var(--text-muted-color);font-size:1rem}