:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f4f4f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-lcr-v3t3.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:VazirmatnBold;src:url(/assets/VazirmatnBold-apBugDEx.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Vazirmatn,sans-serif;direction:rtl;margin:0;padding:0}body::-webkit-scrollbar{width:7px;background:transparent}body::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px;transition:background .3s ease-in-out}body::-webkit-scrollbar-thumb:hover{background:#888}body::-webkit-scrollbar-track{background:#f4f4f4}div.AppContainer{display:flex;flex-direction:column;min-height:100vh}div.ContentWrapper{flex:1;padding-bottom:2rem}div.MainList{position:fixed;right:0;top:0;width:250px;height:100vh;background-color:#fff;box-shadow:0 4px 8px #00000080;z-index:100;overflow-x:hidden;transition:all .3s ease-in-out}div.MainList.Collapsed{width:70px}div.MainList ul{list-style-type:none;margin:0;padding:0}div.MainList li a{display:flex;align-items:center;gap:45px;color:#000;padding:14px 24px;text-decoration:none;font-size:1em;white-space:nowrap;position:relative;overflow:hidden;background-color:transparent!important;transition:color .2s;z-index:1}div.MainList li a span{margin-top:2px;transition:opacity .2s ease}div.MainList.Collapsed li a span{opacity:0;width:0}div.MainList li.Logo img{margin:15px 60px;width:120px;transition:all .3s ease}div.MainList.Collapsed li.Logo img{width:140px;margin:10px -83px 10px 0}div.MainList li a:hover{color:#67bdcc}div.MainList li a img{transition:filter .2s}div.MainList li a:hover img{filter:invert(73%) sepia(12%) saturate(1206%) hue-rotate(149deg) brightness(94%) contrast(89%)}div.MainList li a.Active{background:none!important}div.MainList li a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff,#90e0ef66);transform:scaleX(0);transform-origin:right;transition:transform .2s ease-in;z-index:-1;opacity:0}div.MainList li a.Active:before{transform:scaleX(1);opacity:1}div.SideMenu{position:fixed;height:64px;top:0;right:250px;width:calc(100% - 250px);background-color:#90e0ef;box-shadow:0 4px 8px #0003;z-index:98;transition:all .3s ease-in-out}div.SideMenu.Collapsed{right:70px;width:calc(100% - 70px)}div.SideMenu ul{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;height:100%;transition:all .3s ease}div.SideMenu li.Menu{margin-left:auto}div.SideMenu li img{transition:filter .2s}div.SideMenu li.Menu a{display:flex;padding:18px 28px;gap:15px}div.SideMenu li.Menu a span{margin-top:2px;color:#fff;font-size:1.1rem}div.SideMenu li.SOELogo{margin-right:auto}div.SideMenu li.SOELogo a{display:flex;padding:10px}div.SideMenu li.SOELogo a img{width:70px}div.SideMenu li:hover img{filter:invert(100%)}@media screen and (max-width: 768px){div.MainList{width:0}div.MainList.Collapsed{position:fixed;right:0;top:0;width:60vw;height:100vh;background-color:#fff;box-shadow:0 4px 8px #00000080;transition:all .3s ease-in-out;z-index:100;overflow-x:hidden}div.SideMenu,div.SideMenu.Collapsed{right:0;width:100%}div.SideMenu li.Menu a{padding:18px 20px;gap:13px}div.MainList.Collapsed li a span{opacity:1}div.MainList.Collapsed li.Logo img{margin:15px 50px;width:120px}div.Overlay{display:none}div.Overlay.Collapsed{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:99}}div.Footer{position:relative;right:250px;margin-top:auto;width:calc(100% - 250px);background-color:#f8f9fa;box-shadow:0 -2px 10px #0000001a;z-index:98;overflow-x:auto;transition:all .3s ease-in-out}div.Footer.Collapsed{right:70px;width:calc(100% - 70px)}div.Links{display:flex;padding:25px 25px 0;align-items:center;gap:10px}div.SocialLinks{display:flex;flex:1;flex-direction:column;align-items:center;gap:15px}div.SocialLinks span{color:gray;font-family:VazirmatnBold;font-weight:900;font-size:1rem}div.SocialLinks div a{padding:10px}div.SocialLinks div a:hover img{filter:invert(73%) sepia(12%) saturate(1206%) hue-rotate(149deg) brightness(94%) contrast(89%)}div.SocialLinks div a img{width:24px;height:24px;margin-top:5px;transition:filter .2s}div.Links div.ContactItem{display:flex;flex-direction:column;flex:1;align-items:center}div.Links div.ContactItem a{display:flex;gap:10px;color:gray;text-decoration:none;transition:color .2s}div.Links div.ContactItem a:hover{color:#67bdcc}div.Links div.ContactItem a span{margin-top:5px;font-weight:500}div.Copyright{margin:0;text-align:center;color:gray;font-size:.9rem;padding-bottom:5px}@media (max-width: 1200px){div.Links{flex-direction:column;align-items:center}div.SocialLinks{flex-direction:row}}@media (max-width: 768px){div.Footer,div.Footer.Collapsed{right:0;width:100%}div.SocialLinks{flex-direction:column}}div.HomeContainer{position:relative;padding:100px 275px 0 25px;direction:ltr;z-index:1;transition:all .3s ease-in-out}div.HomeContainer.Collapsed{padding-right:95px}div.Introduction{margin-top:30px;display:flex;gap:4%;align-items:center;direction:rtl;transition:all .3s ease-in-out}div.Introduction img{margin:20px;width:22%;max-width:300px;min-width:100px;height:auto;flex-shrink:0}div.Introduction h1{color:#000;font-family:VazirmatnBold;font-weight:900;font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:1.5rem;text-align:right;margin-bottom:40px}div.Introduction p{color:#000;font-size:clamp(1.1rem,1.2vw,1.3rem);line-height:2;text-align:justify}div.Topics{direction:rtl;padding:40px 25px;margin-top:10px;position:relative}div.LineItem{position:relative;display:flex;gap:30px;margin-bottom:40px;padding-right:80px}div.LineCircle{width:70px;height:70px;border:3px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:VazirmatnBold;font-size:1.2rem;background:#fff;z-index:2;flex-shrink:0;color:red}div.LineLine{position:absolute;right:117px;top:70px;width:3px;height:calc(100% + 40px);background:#333;z-index:1}div.LineContent{padding-top:5px;padding-left:30px}div.LineContent h3{font-family:VazirmatnBold;font-size:1.3rem;margin-bottom:10px;color:#333}div.LineContent p{font-size:1rem;line-height:1.6;color:#666;text-align:right}a.LineLink{text-decoration:none;color:inherit;display:block;position:relative;overflow:visible}a.LineLink:before{display:none;content:"";position:absolute;right:-20px;top:-15px;width:calc(100% + 40px);height:calc(100% + 30px);background:#90e0ef1a;border-radius:15px;opacity:0;transition:all .3s ease}a.LineLink:hover:before{display:block;opacity:1}a.LineLink:hover div.LineCircle{background:#90e0ef;border-color:#67bdcc;box-shadow:0 0 15px #67bdcc4d;color:inherit}a.LineLink:hover div.LineLine{background:linear-gradient(to bottom,#67bdcc,#90e0ef);height:calc(100% + 60px)}a.LineLink:hover h3{color:#67bdcc;transform:translate(10px)}a.LineLink:hover p{transform:translate(5px)}div.LineCircle,div.LineLine,div.LineContent h3,div.LineContent p{transition:all .4s cubic-bezier(.23,1,.32,1)}div.LineLine:after{content:"";position:absolute;top:0;right:0;width:3px;height:0;background:#67bdcc;transition:height .6s ease}a.LineLink:hover div.LineLine:after{height:100%}@media (max-width: 1200px){div.Introduction{flex-direction:column}div.Introduction img{width:40%;margin:0 auto}div.LineItem{gap:25px;padding-right:50px}div.LineLine{right:87px}}@media (max-width: 768px){div.HomeContainer,div.HomeContainer.Collapsed{padding-right:25px}div.Introduction img{width:50%}div.Introduction h1{font-size:1.3rem}div.Introduction p{font-size:1rem}div.LineItem{padding-right:10px;gap:20px}div.LineLine{right:47px}div.LineContent{padding-left:10px}}div.EducationContainer{direction:rtl;padding:100px 300px 0 40px;min-height:100vh;transition:padding .3s ease-in-out}div.EducationContainer.Collapsed{padding-right:110px}div.TimelineHeader{text-align:center;margin-bottom:60px}div.TimelineHeader h1{font-family:VazirmatnBold;text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:2.2rem}div.TimelineHeader p{font-size:1.1rem;color:#7f8c8d}div.AdvancedTimeline{position:relative;margin:0 auto}div.TimelineCard{display:flex;margin-bottom:50px;position:relative}div.TimelineMarker{width:120px;flex-shrink:0;position:relative}div.YearBubble{background:#67bdcc;color:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:VazirmatnBold;font-size:1.3rem;box-shadow:0 5px 15px #67bdcc33;z-index:2;position:absolute}div.TimelineConnector{position:absolute;right:40px;top:0;width:3px;height:calc(100% + 50px);background:#67bdcc;z-index:1}div.CardContent{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #00000014;flex-grow:1;transition:transform .3s ease;display:flex;gap:30px;flex-direction:row-reverse}div.CardContent:hover{transform:translate(-10px)}div.CardHeader{display:flex;align-items:center;gap:20px}div.CardContent h2{font-size:1.3rem;color:#000}div.CardImage{width:200px;height:200px;flex-shrink:0;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a}div.CardImage img{width:100%;height:100%;object-fit:contain}div.CardTextContent{flex:1}div.IconWrapper{background:#f0f8ff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}div.CardBody p{color:#000;line-height:1.9;font-size:1rem;text-align:justify;margin-bottom:25px}div.Highlights{display:flex;flex-wrap:wrap;gap:10px}span.HighlightBadge{background:#e3f6fc;color:#2c3e50;padding:8px 15px;border-radius:20px;font-size:.9rem}@media (max-width: 1200px){div.TimelineCard{flex-direction:column;margin-bottom:40px}div.TimelineMarker{margin-bottom:100px}div.TimelineConnector{display:none}}@media (max-width: 768px){div.EducationContainer{padding-left:25px;padding-right:25px}div.EducationContainer.Collapsed{padding-right:25px}div.TimelineCard{flex-direction:column;margin-bottom:40px}div.TimelineMarker{margin-bottom:100px}div.TimelineConnector{display:none}}div.KonkurContainer{direction:rtl;margin:40px 0;padding:40px;background:#e3f0fe;border-radius:15px;box-shadow:0 5px 15px #00000014;font-family:Vazirmatn}h2.KonkurTitle{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:1.8rem;font-weight:900}div.TableContainer{margin-bottom:30px;overflow-x:auto}table.Table{width:100%;border-collapse:collapse;margin:0 auto;border:2px solid #707070aa}table.Table th{background-color:#67bdcc;color:#000;padding:15px;text-align:center;font-weight:700;font-size:1.1rem}table.Table td{padding:12px 15px;color:#000;border-bottom:1px solid #e0e0e0;text-align:center;vertical-align:middle}div.PercentContainer{height:30px;background:#f0f0f0;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}div.PercentBar{height:100%;border-radius:15px;transition:width .8s ease,background .8s ease;position:relative;min-width:70px}span.PercentText{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#000;font-weight:700;font-size:.85rem}div.RankTableContainer{width:100%;margin-top:30px}table.RankTable{width:100%;border-collapse:collapse;box-shadow:0 3px 10px #0000001a;border-radius:10px;overflow:hidden}table.RankTable td{padding:18px;text-align:center;font-size:1.1rem}td.RankTitle{background-color:#2c3e50;color:#fff;width:70%;font-weight:700}td.RankValue{background-color:#e74c3c;color:#fff;width:30%;font-weight:900;font-size:1.3rem}table.Table tr:hover{background-color:#f0f8ff}table.Table tr:hover div.PercentContainer{box-shadow:inset 0 1px 3px #0003}@media (max-width: 1200px){table.Table th,table.Table td{width:10px}div.PercentBar{min-width:50%}}@media (max-width: 768px){div.KonkurContainer{padding:15px}table.Table th,table.Table td{width:10px;padding:10px 8px;font-size:.9rem}div.PercentContainer{height:25px}div.PercentBar{min-width:50%}span.PercentText{right:5px}table.RankTable td{padding:12px 8px;font-size:1rem}td.RankValue{font-size:1.1rem}}@media (max-width: 480px){h2.KonkurTitle{font-size:1.5rem}table.Table{font-size:.85rem}span.PercentText{font-size:.75rem}}div.NavigationButtons{display:flex;justify-content:space-between;margin:60px 0 0;padding:0 20px}a.NavButton{background:#67bdcc;color:#fff;padding:12px 25px;border-radius:30px;display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 4px 12px #67bdcc40;border:2px solid #67bdcc;transition:all .2s;position:relative}a.RightButton{margin-left:auto;flex-direction:row-reverse}a.LeftButton{margin-right:auto;flex-direction:row}a.NavButton svg{width:20px;height:20px;stroke:#fff}a.NavButton:hover{box-shadow:0 6px 16px #67bdcc59;background-color:#ff0;color:#333}@media (max-width: 768px){div.NavigationButtons{padding:0;margin:60px 0 0}}div.SkillsContainer{direction:rtl;padding:100px 300px 0 40px;min-height:100vh;transition:padding .3s ease-in-out}div.SkillsContainer.Collapsed{padding-right:110px}div.SkillsHeader{text-align:center;margin-bottom:60px}div.SkillsHeader h1{font-family:VazirmatnBold;text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:2.2rem}div.SkillsHeader p{font-size:1.1rem;color:#7f8c8d}div.SkillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}div.SkillCategory{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #0000001a}div.SkillCategory h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}div.SkillItems{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}div.SkillItem{text-align:center;flex:1 1 100px}div.CircularProgress{width:100px;height:100px;border-radius:50%;background:radial-gradient(closest-side,white 79%,transparent 80% 100%),conic-gradient(hsl(calc(var(--percent) * 1.2),75%,50%),hsl(calc(var(--percent) * 1.2),75%,50%) calc(var(--percent) * 3.6deg),#e0e0e0 calc(var(--percent) * 3.6deg),#e0e0e0 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden}div.CircularProgress:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(hsl(calc(var(--percent) * 1.2),75%,50%) 0deg,hsl(calc(var(--percent) * 1.2),75%,50%) calc(var(--percent) * 3.6deg),transparent calc(var(--percent) * 3.6deg),transparent 360deg);transform:rotate(-90deg);opacity:0;transition:opacity .3s ease,transform .2s ease-out}div.CircularProgress:hover:before{opacity:1;transform:rotate(0)}div.CircularProgress span{font-family:VazirmatnBold;color:#2c3e50;font-size:1.2rem;background:#fffc;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:2}div.SkillItem p{direction:ltr;margin-top:.8rem;font-size:.9rem;color:#666}@media (max-width: 768px){div.SkillsContainer{padding-left:25px;padding-right:25px}div.SkillsContainer.Collapsed{padding-right:25px}}@media (max-width: 480px){div.SkillsGrid{grid-template-columns:1fr}}div.DocumentsContainer{direction:rtl;padding-left:40px;padding-right:300px;padding-top:100px;min-height:100vh;transition:padding .3s ease-in-out}div.DocumentsContainer.Collapsed{padding-right:110px}div.DocumentsHeader{text-align:center;margin-bottom:60px}div.DocumentsHeader h1{font-family:VazirmatnBold;color:#2c3e50;margin-bottom:1.5rem;font-size:2.2rem}div.DocumentsHeader p{font-size:1.1rem;color:#7f8c8d}div.DocumentsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 20px}div.DocumentCard{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;overflow:hidden;transition:transform .3s ease}div.DocumentCard:hover{transform:translateY(-5px)}div.CardImage{width:100%;height:250px;overflow:hidden;border-bottom:3px solid #67bdcc}div.CardImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}div.DocumentCard:hover div.CardImage img{transform:scale(1.05)}div.Cardbody{display:flex;flex-direction:column;padding:20px}div.Cardbody h3{font-family:VazirmatnBold;color:#2c3e50;margin-bottom:15px;font-size:1.2rem}div.Cardbody p{color:#7f8c8d;line-height:1.7;font-size:.95rem;margin-bottom:20px}@media (max-width: 1200px){div.DocumentsContainer{padding-right:40px;padding-left:40px}div.DocumentsContainer.Collapsed{padding-right:40px}}@media (max-width: 768px){div.DocumentsContainer{padding:100px 25px 0}div.DocumentsGrid{grid-template-columns:1fr}}div.ProjectsContainer{direction:rtl;padding:100px 300px 0 40px;min-height:100vh;transition:padding .3s ease-in-out}div.ProjectsContainer.Collapsed{padding-right:110px}div.ProjectsHeader{text-align:center;margin-bottom:60px}div.ProjectsHeader h1{font-family:VazirmatnBold;color:#2c3e50;margin-bottom:1rem;font-size:2.4rem}div.ProjectsHeader p{font-size:1.1rem;color:#7f8c8d}div.ProjectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:40px}div.ProjectCard{background:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;border:2px dotted #2e7d32;border:1px solid #2e7d32;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}div.ProjectCard:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}div.Cardheader{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e3f6fc);border-bottom:2px solid #67bdcc}img.ProjectIcon{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.1))}div.TitleWrapper{flex:1}div.TitleWrapper h3{font-family:VazirmatnBold;color:#2c3e50;font-size:1.4rem;margin:0 0 8px}div.MetaBadges{display:flex;gap:10px;flex-wrap:wrap}span.StatusBadge{background:#b0ecff;color:#2c3e50;padding:6px 12px;border-radius:20px;font-size:.85rem}span.StatusBadge.Completed{background:#c8e6c9;color:#2e7d32}span.DateBadge{background:#fff3e0;color:#ef6c00;padding:6px 12px;border-radius:20px;font-size:.85rem}div.Cardbody{padding:25px}div.Cardbody p{color:#000;line-height:1.9;font-size:1rem;text-align:justify;margin-bottom:0;margin-top:0}div.ScreenshotsContainer{margin:30px 0;padding-bottom:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#67bdcc #f0f0f0}div.ScreenshotsContainer::-webkit-scrollbar{height:8px}div.ScreenshotsContainer::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}div.ScreenshotsContainer::-webkit-scrollbar-thumb{background:#67bdcc;border-radius:4px}img.ScreenshotItem{position:relative;border-radius:12px;object-fit:cover;box-shadow:0 3px 12px #0000001a;flex-shrink:0;transition:transform .2s;cursor:pointer;border:2px solid #e0e0e0}img.ScreenshotItem.horizontal{width:min(400px,80vw);aspect-ratio:16/9}img.ScreenshotItem.vertical{width:min(200px,50vw);aspect-ratio:9/20}div.ScreenshotsList{display:grid;grid-auto-flow:column;gap:15px;padding:0 5px;min-width:max-content;align-items:start}.ImageModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;display:flex;justify-content:center;align-items:center;cursor:pointer}.ModalContent{position:relative;max-width:90%;max-height:90%;background:#fff;border-radius:10px;padding:20px;cursor:default}.ModalContent img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.CloseButton{position:absolute;top:-15px;right:-15px;background:#ff4757;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003}.CloseButton:hover{background:#ff6b81}div.TechStack{padding:20px;background:#fff6e7;border:1px solid #2e7d32;border:2px dotted #2e7d32;border-radius:12px}div.TechGroup{margin-bottom:20px}div.TechGroup h4{font-family:VazirmatnBold;color:#67bdcc;margin:0 0 12px;font-size:1rem}div.TechItems{display:flex;gap:10px;flex-wrap:wrap}span.TechTag{padding:8px 15px;border-radius:20px;font-size:.9rem}span.TechTag.Language{background:#e3f2fd;color:#006ad3}span.TechTag.Framework{background:#f0f4c3;color:#807200}span.TechTag.Tool{background:#ffcdd2;color:#c62828}div.ProjectMeta{display:flex;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid #cecece;flex-wrap:wrap}div.MetaItem{display:flex;align-items:center;gap:8px;color:#7f8c8d;font-size:.9rem}div.MetaItem img{width:20px;height:20px;opacity:.8}a.RepoLink{text-decoration:none;color:#2c3e50!important;transition:all .2s}a.RepoLink:hover{color:#67bdcc!important}div.DownloadLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:30px}a.LinkButton{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;text-decoration:none;transition:all .2s;font-size:.9rem;justify-content:center}a.LinkButton img{width:22px;height:22px}a.DirectLink{background:#e3f6fc;color:#2c3e50}a.BazaarLink{background:#ffdc23;color:#2c3e50}a.MyketLink{background:#64c268;color:#fff}a.GooglePlayLink{background:#689bef;color:#fff}a.LinkButton:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a;filter:brightness(90%)}@media (max-width: 1200px){div.ProjectsGrid{grid-template-columns:1fr}}@media (max-width: 768px){div.ProjectsContainer{padding-left:25px;padding-right:25px}div.ProjectsContainer.Collapsed{padding-right:25px}div.ProjectsGrid{grid-template-columns:1fr}img.ScreenshotItem.horizontal{width:min(230px,80vw);aspect-ratio:16/9}img.ScreenshotItem.vertical{width:min(250px,30vw);aspect-ratio:9/20}.ModalContent{padding:10px}.CloseButton{top:-10px;right:-10px;width:30px;height:30px;font-size:18px}}@media (max-width: 480px){div.DownloadLinks{grid-template-columns:1fr}span.TechTag{font-size:.8rem}}div.ContactContainer{direction:rtl;padding:100px 300px 0 40px;min-height:100vh;transition:padding .3s ease-in-out}div.ContactContainer.Collapsed{padding-right:110px}div.ContactHeader{text-align:center;margin-bottom:3rem}div.ContactHeader h1{font-family:VazirmatnBold;color:#2c3e50;font-size:2.2rem;margin-bottom:1rem}div.ContactHeader p{color:#7f8c8d;font-size:1.1rem}div.ContactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}div.ContactCard{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:transform .3s ease}div.ContactCard:hover{transform:translateY(-5px)}div.ContactIcon{font-size:2.5rem;margin-bottom:1rem}div.ContactCard h3{color:#2ecc71;margin-bottom:1rem;font-family:VazirmatnBold}div.ContactCard a,div.ContactCard p{color:#2c3e50;text-decoration:none;font-size:1rem;line-height:1.6;transition:color .3s ease}div.ContactCard a:hover{color:#67bdcc}@media (max-width: 768px){div.ContactContainer{padding-right:25px;padding-left:25px}div.ContactContainer.Collapsed{padding-right:25px}div.ContactGrid{grid-template-columns:1fr}}