.topbar{background-color:#fafafa;height:70px;overflow-y:hidden;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:2}.topbar::-webkit-scrollbar{display:none}.topbar .wrapper{box-shadow:0 4px 12px #0f172a0f;color:#1f2933;justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-size:48px;font-weight:700;letter-spacing:1px;margin-right:48px;text-decoration:none}.topbar .wrapper .left .topbar__nav{align-items:center;display:flex;gap:32px}.topbar .wrapper .left .topbar__navLink{color:#475569;font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.topbar .wrapper .left .topbar__navLink:hover{color:#7492ec}.topbar .wrapper .left .topbar__navLink:after{background-color:#7492ec;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.topbar .wrapper .left .topbar__navLink:hover:after{width:100%}.topbar .wrapper .left .itemConatiner{align-items:center;display:flex;margin-left:30px}.topbar .wrapper .left .itemConatiner .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemConatiner .icon::-webkit-scrollbar{display:none}.topbar .wrapper .left .itemConatiner span{font-size:15px;font-weight:500}@media(max-width:1280px){.topbar .wrapper{padding:10px 24px}.topbar .wrapper .left .logo{font-size:44px;margin-right:36px}.topbar .wrapper .topbar__nav{gap:26px}.topbar .wrapper .topbar__navLink{font-size:14px}}@media(max-width:1024px){.topbar .wrapper{padding:10px 24px}.topbar .wrapper .left .logo{font-size:40px;margin-right:32px}.topbar .wrapper .topbar__nav{gap:24px}}@media(max-width:768px){.topbar{height:auto;min-height:60px}.topbar .wrapper{gap:8px;padding:10px 16px}.topbar .wrapper .left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px 12px;min-width:0}.topbar .wrapper .left .logo{font-size:32px;margin-right:8px}.topbar .wrapper .left .topbar__nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px}.topbar .wrapper .left .topbar__navLink{font-size:13px;white-space:nowrap}}@media(max-width:480px){.topbar{min-height:52px}.topbar .wrapper{gap:6px;padding:8px 12px}.topbar .wrapper .left{gap:6px 10px}.topbar .wrapper .left .logo{font-size:26px;margin-right:6px}.topbar .wrapper .left .topbar__nav{gap:8px 10px}.topbar .wrapper .left .topbar__navLink{font-size:12px}}@media(max-width:390px){.topbar .wrapper .left .logo{font-size:24px}.topbar .wrapper .left .topbar__navLink{font-size:11px}}.menu{align-items:center;background-color:#7492ec;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;right:-300px;transition:all 1s ease;width:300px;z-index:1}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.intro{background-color:#fff;box-sizing:border-box;display:flex;height:calc(100vh - 70px);max-width:100%;min-height:400px;overflow-x:hidden;width:100%}.intro .left{flex:1 1;min-width:0;overflow:hidden;position:relative}.intro .left .imgConatiner{align-items:center;background:radial-gradient(circle at 30% 20%,#7492ec,#b7c7fff2,#f0f4ff);border-radius:50%;bottom:-50px;display:flex;height:min(700px,55vw);justify-content:center;margin-top:20px;max-height:700px;max-width:700px;overflow:hidden;position:absolute;width:min(700px,55vw)}.intro .left img{height:90%;max-height:100%;object-fit:contain}.intro .right{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;margin-left:80px;max-width:100%;min-width:0;padding-right:24px}.intro .right .wrapper h1{font-size:clamp(32px,4.2vw,60px);line-height:1.15;margin:10px 0}.intro .right .wrapper h2{font-size:clamp(18px,2.1vw,30px)}.intro .right .wrapper .typing-cursor{animation:blinkAnimation 1s infinite;margin-left:5px}@keyframes blinkAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.intro .right a{bottom:0;left:0;position:absolute;width:45px}.intro .right a .img-fade{animation:DownAnimation 1s ease infinite alternate;width:100%}@keyframes DownAnimation{0%{opacity:1}50%{opacity:.5}to{opacity:.1}}@media(max-width:1440px){.intro .left .imgConatiner{bottom:0;height:min(620px,48vw);margin-top:16px;max-height:min(620px,48vw);max-width:min(620px,48vw);width:min(620px,48vw)}.intro .left img{height:89%}.intro .right .wrapper{margin-left:64px;padding-right:24px}.intro .right .wrapper h1{font-size:clamp(32px,3.6vw,58px)}.intro .right .wrapper h2{font-size:clamp(17px,1.85vw,28px)}}@media(max-width:1280px){.intro .left .imgConatiner{bottom:0;height:min(560px,46vw);margin-top:12px;max-height:min(560px,46vw);max-width:min(560px,46vw);width:min(560px,46vw)}.intro .left img{height:88%}.intro .right .wrapper{margin-left:56px;padding-right:20px}.intro .right .wrapper h1{font-size:clamp(32px,3.8vw,56px)}.intro .right .wrapper h2{font-size:clamp(17px,1.9vw,26px)}}@media(max-width:1024px){.intro .left{align-items:center;display:flex}.intro .left .imgConatiner{bottom:auto;height:min(500px,50vw);margin-top:0;position:relative;width:min(500px,50vw)}.intro .right .wrapper{margin-left:48px}}@media(max-width:768px){.intro{align-items:center;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);padding:20px 16px}.intro .left{flex:0 0 auto;margin-top:20px;max-height:600px;max-width:400px;width:100%}.intro .left .imgConatiner{bottom:0;height:100%;max-height:400px;max-width:400px;position:relative;width:100%}.intro .left img{height:85%}.intro .right{flex:1 1;justify-content:center;min-height:0;text-align:center}.intro .right .wrapper{align-items:center;margin-left:0;padding-right:0}.intro .right a{left:50%;transform:translateX(-50%)}}@media(max-width:480px){.intro .left{max-width:280px}.intro .left .imgConatiner{max-height:280px;max-width:280px}.intro .right .wrapper h1{font-size:28px}.intro .right .wrapper h2{font-size:16px}}@media(max-width:390px){.intro .left{max-width:240px}.intro .left .imgConatiner{max-height:240px;max-width:240px}.intro .right .wrapper h1{font-size:24px}}.about{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:calc(100vh - 70px);padding:80px 24px}.about,.about .about__inner{overflow-x:hidden;width:100%}.about .about__inner{max-width:1100px;min-width:0}.about .about__grid{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:1.05fr 1fr;min-width:0}.about .about__col--intro{align-self:center;min-width:0}.about .about__col--education{align-self:flex-start;display:flex;flex-direction:column;margin-left:70px;min-height:0;min-width:0;overflow:visible;padding-top:8px}.about .about__col--intro .about__eyebrow{color:#64748b;font-size:13px;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.about .about__col--intro .about__title{word-wrap:break-word;color:#0f172a;font-size:28px;font-weight:700;line-height:1.25;margin-bottom:20px;overflow-wrap:break-word}.about .about__col--intro .about__title span{color:#7492ec}.about .about__col--intro .about__description{word-wrap:break-word;color:#475569;font-size:16px;line-height:1.75;margin:0;overflow-wrap:break-word}.about .about__col--intro .about__description+.about__description{margin-top:1em}.about .about__sectionTitle{color:#0f172a;font-size:17px;font-weight:600;letter-spacing:.02em;margin-bottom:24px}.about .about__timeline{overflow:visible;padding-left:0;position:relative}.about .about__timelineLine{background:linear-gradient(180deg,#7492ec,#7492ec99 40%,#7492ec4d 70%,#7492ec00);border-radius:2px;bottom:0;left:8px;overflow:hidden;position:absolute;top:0;width:2px}.about .about__timelineList{list-style:none;margin:0;padding:0}.about .about__timelineItem{padding-bottom:32px;padding-left:36px;padding-top:8px;position:relative}.about .about__timelineItem:last-child{padding-bottom:40px}.about .about__timelineItem:last-child .about__timelineNode{background:#7492ec}.about .about__timelineNode{background:#7492ec;border:3px solid #fff;border-radius:50%;height:16px;left:0;margin-left:8px;position:absolute;top:0;transform:translateX(-50%);width:16px}.about .about__timelineDegree{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.about .about__timelineSchool{color:#475569;font-size:14px;margin:0 0 2px}.about .about__timelineGrade{color:#7492ec;font-size:13px;font-weight:600;margin:0}.about .about__languages{display:flex;flex-direction:column;margin-top:auto;overflow:visible;padding-left:36px;padding-top:48px}.about .about__languagesTitle{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 16px}.about .about__languagesList{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.about .about__languageItem{align-items:center;display:flex;gap:8px}.about .about__languageName{color:#0f172a;font-size:14px;font-weight:600}.about .about__languageSeparator{color:#9ca3af;font-size:14px;font-weight:400}.about .about__languageLevel{color:#9ca3af;font-size:12px;font-weight:400}@media(max-width:1280px){.about{padding:72px 24px}.about .about__grid{gap:60px}.about .about__col--education{margin-left:52px}}@media(max-width:1024px){.about{padding:72px 24px}.about .about__grid{gap:56px}}@media(max-width:900px){.about{padding:48px 20px 32px}.about .about__grid{align-items:start;gap:32px;grid-template-columns:1fr}.about .about__col--intro{align-self:start}.about .about__col--education{height:auto;margin-left:0;order:2;padding-top:0}.about .about__timelineLine{left:8px}.about .about__timelineItem{padding-left:36px;padding-top:8px}.about .about__languages{margin-top:32px;padding-top:0}.about .about__languagesList{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:640px){.about{padding:36px 16px 24px}.about .about__grid{gap:28px}.about .about__title{font-size:24px;margin-bottom:16px}.about .about__description{font-size:15px;line-height:1.65}.about .about__sectionTitle{font-size:16px;margin-bottom:18px}.about .about__timelineItem{padding-bottom:24px}.about .about__timelineDegree{font-size:15px}.about .about__languages{margin-top:24px}}@media(max-width:480px){.about{padding:28px 12px 20px}.about .about__grid{gap:24px}.about .about__title{font-size:22px;margin-bottom:12px}.about .about__description{font-size:14px}.about .about__timelineItem{padding-bottom:20px;padding-left:28px}}@media(max-width:390px){.about{padding:24px 12px 16px}.about .about__title{font-size:20px;margin-bottom:10px}.about .about__timelineItem{padding-bottom:16px}}.skills{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100%;min-height:0;overflow:hidden;padding:36px 24px 28px;width:100%}.skills .skills__inner{display:flex;flex-direction:column;max-height:100%;max-width:1200px;min-width:0;overflow-x:hidden;width:100%}.skills .skills__pageTitle{color:#0f172a;flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.skills .skills__subtitle{color:#64748b;flex-shrink:0;font-size:14px;font-weight:400;margin:0 0 20px}.skills .skills__grid{grid-gap:20px;align-content:center;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(2,1fr);min-height:0;padding:0 5px}.skills .skills__card{align-items:flex-start;background:#fff;border:1px solid #94a3b82e;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;padding:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.skills .skills__card:hover{border-color:#7492ec59;box-shadow:0 12px 40px #0f172a14;transform:translateY(-4px)}.skills .skills__iconWrap{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #94a3b833;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;color:#7492ec;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.skills .skills__iconSvg{height:20px;width:20px}.skills .skills__cardTitle{color:#0f172a;flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.skills .skills__cardSubtitle{color:#94a3b8;flex-shrink:0;font-size:13px;line-height:1.35;margin:0 0 12px}.skills .skills__tags{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.skills .skills__tag{background:#7492ec0f;border:1px solid #7492ec38;border-radius:999px;color:#334155;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.skills .skills__tag:hover{background:#7492ec1f;border-color:#7492ec66;box-shadow:0 2px 8px #7492ec26;color:#1e293b;transform:translateY(-1px)}@media(max-width:1024px){.skills{padding:28px 24px 24px}.skills .skills__subtitle{margin-bottom:16px}.skills .skills__grid{gap:16px}.skills .skills__card{padding:16px 18px}.skills .skills__iconWrap{height:36px;margin-bottom:10px;width:36px}.skills .skills__iconSvg{height:18px;width:18px}.skills .skills__cardSubtitle{margin-bottom:10px}}@media(max-width:960px){.skills .skills__grid{gap:14px;grid-template-columns:1fr}}@media(max-width:640px){.skills{padding:24px 16px 20px}.skills .skills__pageTitle{font-size:22px;margin-bottom:2px}.skills .skills__subtitle{font-size:13px;margin-bottom:14px}.skills .skills__card{padding:14px 16px}.skills .skills__iconWrap{height:34px;margin-bottom:8px;width:34px}.skills .skills__iconSvg{height:17px;width:17px}.skills .skills__cardTitle{font-size:16px}.skills .skills__cardSubtitle{font-size:12px;margin-bottom:8px}.skills .skills__tag{font-size:11px;padding:4px 9px}.skills .skills__tags{gap:5px}}@media(max-width:480px){.skills{padding:20px 12px 16px}.skills .skills__pageTitle{font-size:20px}.skills .skills__subtitle{font-size:12px;margin-bottom:12px}.skills .skills__card{padding:12px 14px}.skills .skills__cardTitle{font-size:15px}}@media(max-width:390px){.skills{padding:16px 12px 14px}.skills .skills__pageTitle{font-size:18px}.skills .skills__card{padding:10px 12px}}.works{-ms-overflow-style:none;align-items:flex-start;background:#fff;box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:80px 24px 64px;scrollbar-width:none;width:100%}.works::-webkit-scrollbar{display:none}.works .works__inner{max-width:1200px;min-width:0;padding:0;width:100%}.works .works__pageTitle{word-wrap:break-word;color:#0f172a;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;overflow-wrap:break-word}.works .works__subtitle{word-wrap:break-word;color:#64748b;font-size:15px;font-weight:400;margin:0 0 56px;overflow-wrap:break-word}.works .works__grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));min-width:0;width:100%}.works .works__card{background:#fff;border:1px solid #94a3b82e;border-radius:16px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:50px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.works .works__imageContainer{align-items:center;background:#f8fafc;display:flex;flex-shrink:0;height:280px;justify-content:center;max-width:100%;overflow:hidden;position:relative;width:100%}.works .works__image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.works .works__content{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:24px 20px 20px}.works .works__cardTitle{word-wrap:break-word;color:#0f172a;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.02em;line-height:1.3;margin:0 0 16px;overflow-wrap:break-word;word-break:break-word}.works .works__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.works .works__tag{background:#7492ec0f;border:1px solid #7492ec38;border-radius:999px;color:#334155;display:inline-block;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.works .works__tag:hover{background:#7492ec1f;border-color:#7492ec66;color:#1e293b;transform:translateY(-1px)}.works .works__description{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;color:#475569;display:-webkit-box;font-size:15px;line-height:1.7;margin:0 0 20px;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.works .works__button{align-self:flex-start;background-color:#0f172a;border:1px solid #0f172a;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .25s ease}.works .works__button:hover{background-color:#7492ec;border-color:#7492ec;box-shadow:0 4px 12px #7492ec4d;transform:translateY(-2px)}@media(max-width:1024px){.works .works__grid{gap:28px;grid-template-columns:1fr}}@media(max-width:768px){.works{padding:64px 20px 56px}.works .works__inner{max-width:100%;padding:0;width:100%}.works .works__card{padding:28px 20px}}@media(max-width:640px){.works{padding:56px 16px 48px}.works .works__pageTitle{font-size:24px}.works .works__subtitle{font-size:14px;margin-bottom:40px}.works .works__card{border-radius:12px;padding:24px}.works .works__imageContainer{height:220px}.works .works__content{padding:20px 16px}.works .works__cardTitle{font-size:20px;margin-bottom:14px}.works .works__description{font-size:14px;margin-bottom:20px}.works .works__tag{font-size:12px;padding:5px 10px}.works .works__button{font-size:13px;padding:9px 18px}}@media(max-width:480px){.works{padding:48px 12px 40px}.works .works__pageTitle{font-size:22px}.works .works__subtitle{font-size:13px;margin-bottom:32px}.works .works__card{padding:20px}.works .works__imageContainer{height:200px}.works .works__cardTitle{font-size:18px}.works .works__description{-webkit-line-clamp:3;line-clamp:3}}@media(max-width:390px){.works{padding:40px 12px 32px}.works .works__imageContainer{height:180px}}.contact{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:calc(100vh - 70px);overflow-x:hidden;padding:80px 24px;width:100%}.contact .contact__inner{max-width:600px;min-width:0;text-align:center;width:100%}.contact .contact__eyebrow{color:#64748b;font-size:13px;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.contact .contact__title{color:#0f172a;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 16px}.contact .contact__subtitle{color:#475569;font-size:16px;line-height:1.6;margin:0 0 32px}.contact .contact__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact .contact__button{border-radius:8px;display:inline-block;font-size:15px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .25s ease}.contact .contact__button--primary{background-color:#7492ec;border:1px solid #7492ec;color:#fff}.contact .contact__button--primary:hover{box-shadow:0 4px 12px #7492ec59;filter:brightness(1.08);transform:translateY(-2px)}.contact .contact__button--secondary{background:#0000;border:1px solid #94a3b866;color:#475569}.contact .contact__button--secondary:hover{background:#7492ec0f;border-color:#7492ec80;color:#7492ec}@media(max-width:640px){.contact{padding:56px 16px}.contact .contact__title{font-size:24px;margin-bottom:12px}.contact .contact__subtitle{font-size:15px;margin-bottom:28px}.contact .contact__actions{flex-direction:column;gap:12px}.contact .contact__button{max-width:280px;text-align:center;width:100%}}@media(max-width:480px){.contact{padding:48px 12px}.contact .contact__title{font-size:22px}}.my-portfolio{background-color:#fff;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100vw}.my-portfolio .portfolio-container{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.my-portfolio .portfolio-section{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:50px 0;position:relative;width:100%}.my-portfolio .portfolio-section.first-page{margin-top:40px;min-height:85vh;padding:80px 0 50px}.my-portfolio .portfolio-section.first-page:before{background:linear-gradient(90deg,#0000,#00000026,#0000);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:200px}.my-portfolio .portfolio-section .section-left{opacity:0;transform:translateX(-80px) scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.my-portfolio .portfolio-section .section-right{opacity:0;transform:translateX(80px) scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.my-portfolio .portfolio-section.alternate .section-left{transform:translateX(80px) scale(.95)}.my-portfolio .portfolio-section.alternate .section-right{transform:translateX(-80px) scale(.95)}.my-portfolio .portfolio-section.visible .section-left{opacity:1;transform:translateX(0) scale(1);transition-delay:.1s}.my-portfolio .portfolio-section.visible .section-right{opacity:1;transform:translateX(0) scale(1);transition-delay:.3s}.my-portfolio .portfolio-section.visible .imageContainer img{animation:imageReveal 1s cubic-bezier(.4,0,.2,1) .4s both}.my-portfolio .portfolio-section.visible .content h2{animation:textSlideIn .8s cubic-bezier(.4,0,.2,1) .2s both}.my-portfolio .portfolio-section.visible .content .mainDesc{animation:textFadeIn .8s cubic-bezier(.4,0,.2,1) .4s both}.my-portfolio .portfolio-section.visible .content .highlight{animation:highlightPulse .8s cubic-bezier(.4,0,.2,1) .6s both}.my-portfolio .portfolio-section .section-wrapper{align-items:center;display:flex;gap:60px;max-width:1200px;width:85%}.my-portfolio .portfolio-section .section-wrapper .section-left{align-items:center;display:flex;flex:5 1;padding:30px 0}.my-portfolio .portfolio-section .section-wrapper .section-left.order-1{order:1}.my-portfolio .portfolio-section .section-wrapper .section-left.order-2{order:2}.my-portfolio .portfolio-section .section-wrapper .section-left .content{display:flex;flex-direction:column;width:100%}.my-portfolio .portfolio-section .section-wrapper .section-left .content .project-title{animation:fadeInUp .8s ease-out .1s both;color:#4a4a4a;font-size:48px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:30px;opacity:0}.my-portfolio .portfolio-section .section-wrapper .section-left .content .stepCount{animation:fadeInUp .6s ease-out .1s both;color:#bbb;display:inline-block;font-weight:600;letter-spacing:2px;margin-bottom:20px;opacity:0;position:relative;width:-webkit-fit-content;width:fit-content}.my-portfolio .portfolio-section .section-wrapper .section-left .content .stepCount:before{background-color:crimson;border-radius:50%;content:"";height:4px;left:-15px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s ease .3s;width:4px}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2{color:#333;font-size:32px;margin:20px 0;position:relative;transition:color .3s ease}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2:after{background:linear-gradient(90deg,crimson,#ff6b9d);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .8s cubic-bezier(.4,0,.2,1);width:0}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2:hover{color:crimson}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2:hover:after{width:100px}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2.first-page-title{font-size:42px;font-weight:600;line-height:1.3;margin-bottom:30px;margin-top:10px}.my-portfolio .portfolio-section .section-wrapper .section-left .content .mainDesc{color:#666;font-size:16px;line-height:1.8;margin-bottom:20px;transition:color .3s ease}.my-portfolio .portfolio-section .section-wrapper .section-left .content .mainDesc:hover{color:#333}.my-portfolio .portfolio-section .section-wrapper .section-left .content .highlight{background-color:#f5f5f5;border-left:3px solid #2d2d2d;border-radius:0 6px 6px 0;color:#555;font-size:14px;font-weight:500;line-height:1.7;margin-bottom:20px;padding:14px 18px;transform:translateX(-20px);transition:all .3s ease}.my-portfolio .portfolio-section .section-wrapper .section-left .content .highlight:hover{background-color:#eee;box-shadow:0 2px 8px #0000000f;transform:translateX(0)}.my-portfolio .portfolio-section .section-wrapper .section-right{align-items:center;display:flex;flex:7 1;justify-content:center;position:relative}.my-portfolio .portfolio-section .section-wrapper .section-right.order-1{order:1}.my-portfolio .portfolio-section .section-wrapper .section-right.order-2{order:2}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer{align-items:center;display:flex;height:90%;justify-content:center;position:relative;width:90%}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .4s ease}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer:hover img{transform:scale(1.02)}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer--multiple{flex-direction:column;gap:24px;overflow-y:auto}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer--multiple img{max-height:45%;max-width:100%;object-fit:contain;width:auto}@keyframes imageReveal{0%{filter:blur(10px);opacity:0;transform:scale(.9) rotateY(-5deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes textSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightPulse{0%{opacity:0;transform:translateX(-20px) scale(.95)}50%{transform:translateX(0) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-portfolio .portfolio-section.visible .content h2:after{width:60px}.my-portfolio .portfolio-section.visible .content .highlight{transform:translateX(0)}.my-portfolio .portfolio-section.visible .content .stepCount:before{opacity:1}@media(max-width:768px){.my-portfolio .portfolio-section{min-height:auto;padding:40px 0}.my-portfolio .portfolio-section.first-page{margin-top:30px;min-height:auto;padding:60px 0 40px}.my-portfolio .portfolio-section.first-page .section-left .content .project-title{font-size:36px;margin-bottom:20px}.my-portfolio .portfolio-section.first-page .section-left .content h2.first-page-title{font-size:32px}.my-portfolio .portfolio-section .section-wrapper{flex-direction:column;gap:40px;width:90%}.my-portfolio .portfolio-section .section-wrapper .section-left{order:1!important;padding:0}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2{font-size:28px}.my-portfolio .portfolio-section .section-wrapper .section-left .content .mainDesc{font-size:15px}.my-portfolio .portfolio-section .section-wrapper .section-right{order:2!important;width:100%}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer{height:auto;min-height:300px;width:100%}.my-portfolio .portfolio-section .section-left,.my-portfolio .portfolio-section .section-right{transform:translateY(30px)!important}.my-portfolio .portfolio-section.visible .section-left,.my-portfolio .portfolio-section.visible .section-right{transform:translateY(0)!important}}@media(min-width:769px)and (max-width:1024px){.my-portfolio .portfolio-section .section-wrapper{gap:50px;width:90%}}@media(max-width:480px){.my-portfolio .portfolio-section{padding:32px 0}.my-portfolio .portfolio-section.first-page{margin-top:20px;padding:48px 0 32px}.my-portfolio .portfolio-section.first-page .section-left .content .project-title{font-size:28px}.my-portfolio .portfolio-section.first-page .section-left .content h2.first-page-title{font-size:26px}.my-portfolio .portfolio-section .section-wrapper{gap:28px;width:95%}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2{font-size:24px}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer{min-height:240px}}@media(max-width:390px){.my-portfolio .portfolio-section{padding:24px 0}.my-portfolio .portfolio-section.first-page .section-left .content .project-title{font-size:24px}.my-portfolio .portfolio-section.first-page .section-left .content h2.first-page-title{font-size:22px}.my-portfolio .portfolio-section .section-wrapper .section-left .content h2{font-size:20px}.my-portfolio .portfolio-section .section-wrapper .section-right .imageContainer{min-height:200px}}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:100vw;overflow:hidden;width:100%}.app .sections{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{box-sizing:border-box;flex-shrink:0;height:100vh;height:100dvh;max-width:100%;min-width:0;overflow-x:hidden;scroll-snap-align:start;width:100%}@media(max-width:768px){.app .sections{scroll-snap-type:none}.app .sections>*{scroll-snap-align:none;scroll-snap-stop:normal}}
/*# sourceMappingURL=main.60491121.css.map*/