:root{--maxWidth:1200px;--bgColor:#0d0d0f;--bgColor2:#141417;--cardColor:#1a1a1f;--cardColorHover:#1f1f26;--borderColor:#ffffff12;--boxShadowColor:#0006;--textColor:#f0f0f5;--textColor2:#9b9bac;--textColor3:#6b6b7e;--accent:#6c63ff;--accentHover:#7c74ff;--accentGlow:#6c63ff38;--glassBg:#ffffff0a;--glassBorder:#ffffff17;--glassBlur:blur(16px);--sectionGap:160px;--headerHeight:72px}*{font-family:var(--fontFamily)}.poppins-thin{font-family:Poppins,sans-serif;font-style:normal;font-weight:100}.poppins-extralight{font-family:Poppins,sans-serif;font-style:normal;font-weight:200}.poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-medium{font-family:Poppins,sans-serif;font-style:normal;font-weight:500}.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:100}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.poppins-light-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:400}.poppins-medium-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:500}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:600}.poppins-bold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:700}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:800}.poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}.homeWrapper .scrollPaddingContainer{position:relative}.homeWrapper .scrollPaddingContainer .scrollPadding{height:10px;bottom:calc(var(--headerHeight) + 20px);z-index:10;position:absolute;left:0;right:0}.homeWrapper .hero{margin-bottom:var(--sectionGap);flex-direction:column;align-items:center;padding-top:80px;display:flex}.homeWrapper .hero .mainContent{text-align:center;flex-direction:column;align-items:center;max-width:680px;padding:0 20px;display:flex}.homeWrapper .hero .mainContent .avatarWrapper{width:160px;height:160px;margin-bottom:28px;position:relative}.homeWrapper .hero .mainContent .avatarWrapper img{object-fit:cover;object-position:center;z-index:1;border-radius:50%;width:160px;height:160px;position:relative}.homeWrapper .hero .mainContent .avatarWrapper .avatarRing{border:2px solid var(--accent);z-index:0;opacity:.55;border-radius:50%;position:absolute;inset:-4px}.homeWrapper .hero .mainContent .badgeRow{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px;display:flex}.homeWrapper .hero .mainContent .badgeRow .badge{background:var(--glassBg);border:1px solid var(--glassBorder);-webkit-backdrop-filter:var(--glassBlur);backdrop-filter:var(--glassBlur);color:var(--textColor2);letter-spacing:.02em;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.homeWrapper .hero .mainContent .badgeRow .badge .badgeIcon{color:var(--accent);font-size:.7rem}.homeWrapper .hero .mainContent h1{letter-spacing:-.02em;color:var(--textColor);margin-bottom:6px;font-size:3rem;font-weight:800}.homeWrapper .hero .mainContent h2{color:var(--accent);margin-bottom:18px;font-size:1.4rem;font-weight:700;position:relative}.homeWrapper .hero .mainContent h2:after{content:"";background:var(--accent);border-radius:2px;width:80%;height:2px;animation:.8s .9s forwards spawnWorkUnderline;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scaleX(0)}.homeWrapper .hero .mainContent .heroDesc{text-align:center;max-width:520px;color:var(--textColor2);margin-bottom:8px;font-size:.97rem;line-height:1.65}.homeWrapper .hero .mainContent .ctaGroup{justify-content:center;gap:14px;margin-top:28px;display:flex}.homeWrapper .hero .mainContent .ctaGroup button{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex}.homeWrapper .hero .mainContent .ctaGroup button.primaryCta{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accentGlow)}.homeWrapper .hero .mainContent .ctaGroup button.primaryCta .ctaArrow{font-size:.85rem;transition:transform .2s}.homeWrapper .hero .mainContent .ctaGroup button.primaryCta:hover{background:#7c74ff;transform:scale(1.04)translateY(-2px)}.homeWrapper .hero .mainContent .ctaGroup button.primaryCta:hover .ctaArrow{transform:translate(3px)}.homeWrapper .hero .mainContent .ctaGroup button.primaryCta:active{transform:scale(.96)}.homeWrapper .hero .mainContent .ctaGroup button.secondaryCta{background:var(--glassBg);border:1px solid var(--glassBorder);color:var(--textColor);-webkit-backdrop-filter:var(--glassBlur);backdrop-filter:var(--glassBlur)}.homeWrapper .hero .mainContent .ctaGroup button.secondaryCta:hover{border-color:var(--accent);color:var(--accent);background:#ffffff12;transform:scale(1.04)translateY(-2px)}.homeWrapper .hero .mainContent .ctaGroup button.secondaryCta:active{transform:scale(.96)}@media (max-width:480px){.homeWrapper .hero .mainContent .ctaGroup button{justify-content:center;width:100%}}.homeWrapper .projectSection{margin-bottom:var(--sectionGap);flex-direction:column;align-items:center;padding:0 20px;display:flex}.homeWrapper .projectSection h3{color:var(--textColor);letter-spacing:-.01em;margin-bottom:40px;font-size:2.2rem;font-weight:800}.homeWrapper .projectSection .featuredCard{width:95%;max-width:var(--maxWidth);background:var(--cardColor);border:1px solid var(--borderColor);cursor:pointer;border-radius:24px;transition:box-shadow .35s,border-color .35s;overflow:hidden}.homeWrapper .projectSection .featuredCard:hover{border-color:#6c63ff4d;box-shadow:0 20px 60px #6c63ff26}.homeWrapper .projectSection .featuredCard .featuredImageWrap{width:100%;height:420px;position:relative}.homeWrapper .projectSection .featuredCard .featuredImageWrap img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.homeWrapper .projectSection .featuredCard .featuredImageWrap .imageOverlay{background:linear-gradient(to bottom, transparent 50%, var(--cardColor) 100%);position:absolute;inset:0}.homeWrapper .projectSection .featuredCard .featuredInfo{justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 32px;display:flex}.homeWrapper .projectSection .featuredCard .featuredInfo .featuredLeft h4{letter-spacing:-.02em;margin-bottom:8px;font-size:1.7rem;font-weight:700}.homeWrapper .projectSection .featuredCard .featuredInfo .featuredLeft .featuredDesc{color:var(--textColor2);max-width:560px;margin-bottom:16px;font-size:.95rem;line-height:1.6}.homeWrapper .projectSection .featuredCard .featuredInfo .featuredLeft .techPills{flex-wrap:wrap;gap:8px;display:flex}.homeWrapper .projectSection .featuredCard .featuredInfo .featuredLeft .techPills .techPill{color:#a78bfa;letter-spacing:.03em;background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:600}.homeWrapper .projectSection .featuredCard .featuredInfo .visitBtn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:14px 26px;font-size:.95rem;font-weight:600;transition:background .2s;display:inline-flex}.homeWrapper .projectSection .featuredCard .featuredInfo .visitBtn:hover{background:#7c74ff}.homeWrapper .projectSection .featuredCard .featuredInfo .visitBtn .visitIcon{font-size:.8rem}.homeWrapper .projectSection .comingSoonCard{width:95%;max-width:var(--maxWidth);background:var(--glassBg);border:1px dashed var(--borderColor);border-radius:18px;align-items:center;gap:20px;margin-top:20px;padding:24px 32px;display:flex}.homeWrapper .projectSection .comingSoonCard .comingSoonDot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 8px var(--accentGlow);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulseDot}.homeWrapper .projectSection .comingSoonCard .comingSoonTitle{color:var(--textColor);margin-bottom:4px;font-size:1rem;font-weight:600}.homeWrapper .projectSection .comingSoonCard .comingSoonSub{color:var(--textColor2);font-size:.85rem}.homeWrapper .skillsSection{margin-bottom:var(--sectionGap);flex-direction:column;align-items:center;padding:0 20px;display:flex}.homeWrapper .skillsSection h3{color:var(--textColor);letter-spacing:-.01em;margin-bottom:50px;font-size:2.2rem;font-weight:800}.homeWrapper .skillsSection .skillContainer{width:95%;max-width:var(--maxWidth);flex-wrap:wrap;justify-content:center;gap:32px 56px;display:flex}.homeWrapper .skillsSection .skillContainer .skillCard{cursor:default;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:90px;padding:12px;transition:background .25s;display:flex}.homeWrapper .skillsSection .skillContainer .skillCard:hover{background:var(--cardColor)}.homeWrapper .skillsSection .skillContainer .skillCard .logoContainer{justify-content:center;align-items:center;width:68px;height:68px;display:flex}.homeWrapper .skillsSection .skillContainer .skillCard .logoContainer img{object-fit:contain;width:100%}.homeWrapper .skillsSection .skillContainer .skillCard h4{text-align:center;color:var(--textColor2);font-size:.8rem;font-weight:500}.sectionLabel{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700}.scrollDownIconContainer{cursor:pointer;justify-content:center;align-items:center;height:100px;margin-top:16px;display:flex}.scrollDownIconContainer.invisible{animation:.4s forwards despawnScrollContainer}.scrollDownIconContainer .iconsGroup{flex-direction:column;align-items:center;display:flex}.scrollDownIconContainer .iconsGroup svg#arrow{width:36px;height:36px;color:var(--textColor2);animation:1.5s infinite scrollArrow}@keyframes spawnWorkUnderline{0%{transform:translate(-50%)scaleX(0)}80%{transform:translate(-50%)scaleX(1.05)}to{transform:translate(-50%)scaleX(1)}}@keyframes pulseRing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes despawnScrollContainer{0%{opacity:1;height:100px}to{opacity:0;height:0}}@keyframes scrollArrow{0%{transform:translateY(0)}15%{transform:translateY(-8px)}30%{transform:translateY(8px)}45%{transform:translateY(-8px)}65%{transform:translateY(8px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@media (max-width:850px){header .navContent{justify-content:space-between!important;padding:0 16px!important}header .navContent .name{font-size:1.6rem!important}header .navContent .navItems{display:none!important}}@media (max-width:700px){.homeWrapper .projectSection .featuredCard .featuredImageWrap{height:240px}.homeWrapper .projectSection .featuredCard .featuredInfo{flex-direction:column;align-items:flex-start;padding:20px}.homeWrapper .projectSection .featuredCard .featuredInfo .visitBtn{justify-content:center;width:100%}}@media (max-width:650px){.homeWrapper .hero .mainContent h1{font-size:2.2rem!important}.homeWrapper .hero .mainContent h2{font-size:1.15rem!important}.homeWrapper .hero .mainContent .heroDesc{font-size:.9rem}.homeWrapper .hero .mainContent .ctaGroup{flex-direction:column;width:100%}.homeWrapper .hero .mainContent .badgeRow .badge{font-size:.7rem}}header{z-index:100;height:var(--headerHeight);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--borderColor);background:#0d0d0fb3;justify-content:center;align-items:center;transition:background .3s;display:flex;position:sticky;top:0}header .navContent{max-width:var(--maxWidth);flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:0 auto;display:flex}header .navContent .name{letter-spacing:-.02em;color:var(--textColor);font-size:1.5rem;font-weight:800}header .navContent .navItems{flex-direction:row;align-items:center;gap:48px;display:flex}header .navContent .navItems span{cursor:pointer;color:var(--textColor2);opacity:0;font-size:.92rem;font-weight:500;transition:color .25s;animation:.8s forwards navItemSpawn;position:relative}header .navContent .navItems span:after{content:"";background:var(--accentGradient);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}header .navContent .navItems span:hover{color:var(--textColor)}header .navContent .navItems span:hover:after{width:100%}header .navContent .navItems span:active{transform:scale(.92)}header .navContent .navItems span:first-child{animation-delay:0s}header .navContent .navItems span:nth-child(2){animation-delay:80ms}header .navContent .navItems span:nth-child(3){animation-delay:.16s}header .navContent .navItems span:nth-child(4){animation-delay:.24s}@keyframes navItemSpawn{0%{opacity:0;transform:translateY(-10px)}60%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}footer{background:var(--bgColor2);border-top:1px solid var(--borderColor);justify-content:center;align-items:center;padding:64px 0;display:flex}footer .mainContent{width:90%;max-width:var(--maxWidth)}footer .mainContent h2{letter-spacing:-.02em;color:var(--textColor);margin-bottom:12px;font-size:2rem;font-weight:800}footer .mainContent>p{color:var(--textColor2);max-width:500px;margin-bottom:36px;font-size:.95rem;line-height:1.65}footer .mainContent .contactInfo{flex-direction:column;gap:14px;display:flex}footer .mainContent .contactInfo .Email{background:var(--glassBg);border:1px solid var(--glassBorder);cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:fit-content;padding:14px 24px;transition:border-color .25s,background .25s;display:inline-flex}footer .mainContent .contactInfo .Email svg{color:var(--accent);flex-shrink:0}footer .mainContent .contactInfo .Email a{color:var(--textColor);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}footer .mainContent .contactInfo .Email:hover{border-color:var(--accent);background:#6c63ff0f}footer .mainContent .contactInfo .Email:hover a{color:var(--accent)}footer .mainContent .contactInfo .Location{color:var(--textColor2);align-items:center;gap:12px;padding:10px 0;font-size:.9rem;display:inline-flex}footer .mainContent .contactInfo .Location svg{color:var(--textColor3);flex-shrink:0}footer .mainContent .footerBottom{border-top:1px solid var(--borderColor);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:20px;display:flex}footer .mainContent .footerBottom p{color:var(--textColor3);margin:0;font-size:.8rem}.switchLangDropdown{align-items:center;display:flex;position:relative}.switchLangDropdown .buttonToggleDropdown{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.switchLangDropdown .buttonToggleDropdown:hover,.switchLangDropdown .buttonToggleDropdown.active{background:#ffffff26;border-color:#fff3}.switchLangDropdown .buttonToggleDropdown .globeIcon{color:var(--textColor2);font-size:1.1rem}.switchLangDropdown .buttonToggleDropdown .dropdownIcon{justify-content:center;align-items:center;gap:6px;display:flex}.switchLangDropdown .buttonToggleDropdown .dropdownIcon img{border-radius:2px;width:auto!important;height:18px!important}.switchLangDropdown .buttonToggleDropdown .dropdownIcon .langText{color:var(--textColor);font-size:.9rem;font-weight:600}.switchLangDropdown .buttonToggleDropdown .arrowIcon{color:var(--textColor2);align-items:center;font-size:.8rem;transition:transform .3s;display:flex}.switchLangDropdown .buttonToggleDropdown .arrowIcon.rotated{transform:rotate(180deg)}.switchLangDropdown.open .arrowIcon{transform:rotateX(180deg)}.switchLangDropdown.open .dropdown{animation:.3s fadeInUp;display:flex}.switchLangDropdown.close .dropdown{animation:.3s forwards fadeOutUp;display:flex}.switchLangDropdown .dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;overscroll-behavior:contain;min-width:130px;max-height:300px;overflow-y:auto;overflow-y:overlay;background:#161616f2;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:none;position:absolute;top:50px;right:0}.switchLangDropdown .dropdown::-webkit-scrollbar-track{background:0 0}.switchLangDropdown .dropdown::-webkit-scrollbar{width:4px}.switchLangDropdown .dropdown .options{flex-direction:column;display:flex}.switchLangDropdown .dropdown .options .option{cursor:pointer;border-top:1px solid #ffffff0d;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 15px;transition-duration:.2s;display:flex;position:relative}.switchLangDropdown .dropdown .options .option:first-child{border-top:none}.switchLangDropdown .dropdown .options .option:hover{background:#ffffff14!important}.switchLangDropdown .dropdown .options .option.selected{background:#ffffff1f}.switchLangDropdown .dropdown .options .option .optionFlag{justify-content:center;align-items:center;display:flex}.switchLangDropdown .dropdown .options .option .optionFlag img{border-radius:2px;width:20px!important;height:auto!important}.switchLangDropdown .dropdown .options .option .optionText{color:var(--textColor);font-size:.9rem;font-weight:600}.dropdown::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px;transition:background-color .2s ease-in-out}.dropdown::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}to{display:none}}*{box-sizing:border-box;color:var(--textColor);margin:0;padding:0;font-family:Poppins,sans-serif}html,body{background-color:var(--bgColor);flex-direction:column;width:100%;min-height:100%;display:flex}.cache{width:100%;height:100%;position:absolute;inset:0}