@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap);:root{--portfolio-primary:#4f46e5;--portfolio-secondary:#7c3aed;--portfolio-accent:#ec4899;--portfolio-success:#10b981;--portfolio-warning:#f59e0b;--portfolio-background-main:#f8fafc;--portfolio-background-secondary:#fff;--portfolio-background-accent:#f1f5f9;--portfolio-text-primary:#0f172a;--portfolio-text-secondary:#334155;--portfolio-text-muted:#64748b;--portfolio-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--portfolio-gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--portfolio-gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--portfolio-gradient-hero:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--glass-background:#fffc;--glass-border:#4f46e533;--shadow-sm:0 2px 8px #4f46e51a;--shadow-md:0 4px 12px #4f46e526;--shadow-lg:0 10px 30px #4f46e533;--shadow-glow:0 0 30px #4f46e54d;--shadow-colored:0 8px 24px #ec489940}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%}body,html{height:100%}body{background:#f8fafc;background:var(--portfolio-background-main);background-attachment:fixed;background-image:radial-gradient(at 0 0,#6366f114 0,#0000 50%),radial-gradient(at 100% 100%,#ec489914 0,#0000 50%),radial-gradient(at 50% 50%,#7c3aed0d 0,#0000 50%);color:#0f172a;color:var(--portfolio-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root,.App{height:100%}.App__main-page-content{height:calc(100% - 80px)}.home{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0 20px;position:relative}.home__particles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.home__content{max-width:1200px;position:relative;text-align:center;width:100%;z-index:2}.home__text-wrapper{margin-bottom:4rem}.home__greeting{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.1rem;margin-bottom:1rem;text-shadow:0 2px 4px #fffc,0 0 10px #ffffff80}.home__name{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-hero);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 12px rgba(79,70,229,.5)) drop-shadow(0 0 20px rgba(255,255,255,.8));font-size:7rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.home__name,.home__title{font-family:Poppins,sans-serif;margin-bottom:2rem}.home__title{font-size:3.5rem;font-weight:600}.home__title .gradient-text{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-accent);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px rgba(236,72,153,.4)) drop-shadow(0 0 15px rgba(255,255,255,.6))}.home__description{color:var(--portfolio-text-muted);font-family:Inter,sans-serif;font-size:1.8rem;line-height:1.6;margin:0 auto;max-width:700px;text-shadow:0 2px 4px #fffc,0 0 10px #ffffff80}.home__cta{flex-wrap:wrap;margin-bottom:4rem}.home__cta,.home__social{display:flex;gap:2rem;justify-content:center}.home__social .social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-background);border:1px solid var(--glass-border);border-radius:50%;color:var(--portfolio-text-secondary);display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.home__social .social-link:hover{background:var(--portfolio-primary);box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-5px)}.home__bg-decoration{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.home__bg-decoration .circle{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f140 0,#0000 70%);border-radius:50%;position:absolute}.home__bg-decoration .circle-1{animation-delay:0s;height:500px;left:-150px;top:-150px;width:500px}.home__bg-decoration .circle-2{animation-delay:7s;background:radial-gradient(circle,#ec489940 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}.home__bg-decoration .circle-3{animation-delay:14s;background:radial-gradient(circle,#7c3aed33 0,#0000 70%);height:350px;right:10%;top:50%;width:350px}.btn{border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:600;overflow:hidden;padding:1.5rem 4rem;position:relative;transition:all .3s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--portfolio-gradient-primary);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid var(--portfolio-primary);color:var(--portfolio-primary)}.btn-secondary:hover{background:var(--portfolio-primary);color:#fff;transform:translateY(-3px)}.btn-accent{align-items:center;background:var(--portfolio-gradient-accent);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;gap:.8rem;text-decoration:none}.btn-accent:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.btn-accent svg{font-size:1.8rem}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-50px,50px)}}@media only screen and (max-width:550px){.home__name{font-size:4rem}.home__title{font-size:2rem}.home__description{font-size:1.4rem}.home__greeting{font-size:1.6rem}.btn{font-size:1.4rem;padding:1.2rem 3rem}}@media only screen and (min-width:551px)and (max-width:768px){.home__name{font-size:5rem}.home__title{font-size:2.5rem}.home__description{font-size:1.6rem}}@media only screen and (min-width:769px)and (max-width:990px){.home__name{font-size:6rem}.home__title{font-size:3rem}}.wrapper{align-items:center;display:flex;margin-bottom:2rem;padding:3rem;position:relative}.wrapper:after{bottom:0;content:"";height:2px;left:3rem;opacity:.3;position:absolute;right:3rem}.wrapper h2,.wrapper:after{background:var(--portfolio-gradient-primary)}.wrapper h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;display:flex;flex-grow:1;font-family:Poppins,sans-serif;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-transform:capitalize}.wrapper span svg{color:var(--portfolio-primary);filter:drop-shadow(0 0 10px rgba(99,102,241,.3));transition:all .3s ease}.wrapper span svg:hover{color:var(--portfolio-accent);transform:scale(1.1)}@media only screen and (max-width:768px){.wrapper{padding:2rem 1.5rem}.wrapper:after{left:1.5rem;right:1.5rem}.wrapper h2{font-size:2.8rem}.wrapper span svg{height:30px;width:30px}}.about__content{display:flex;flex-wrap:wrap;gap:3rem;padding:3rem;width:100%}.about__content__left,.about__content__right{flex:1 1;min-width:350px}.about__card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:2px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:3rem;transition:all .3s ease}.about__card:hover{border-color:var(--portfolio-primary);box-shadow:var(--shadow-colored);transform:translateY(-8px)}.about__card__title{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:700;margin-bottom:2rem}.about__card__text{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:1.6rem;line-height:1.8}.about__card__list{list-style:none}.about__card__list li{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;font-size:1.6rem;justify-content:space-between;padding:1.5rem 0}.about__card__list li:last-child{border-bottom:none}.about__card__list li .label{color:var(--portfolio-text-muted);font-family:Inter,sans-serif;font-weight:500}.about__card__list li .value{color:var(--portfolio-text-primary);font-family:Inter,sans-serif;font-weight:600}.about__tech{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:1px solid var(--glass-border);border-radius:20px;padding:3rem;transition:all .3s ease}.about__tech:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.about__tech__title{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-accent);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:700;margin-bottom:3rem;text-align:center}.about__tech__grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.about__tech__grid .tech-item{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:15px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s ease}.about__tech__grid .tech-item:hover{background:#ffffff0d;border-color:var(--portfolio-primary);box-shadow:var(--shadow-md);transform:translateY(-5px)}.about__tech__grid .tech-item span{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:1.4rem;font-weight:500}@media only screen and (max-width:768px){.about__content{flex-direction:column;padding:2rem 1.5rem}.about__content__left,.about__content__right{min-width:100%}.about__card{padding:2rem}.about__card__title{font-size:2rem}.about__card__text{font-size:1.4rem}.about__card__list li{align-items:flex-start;flex-direction:column;gap:.5rem}.about__tech{padding:2rem}.about__tech__title{font-size:2rem}.about__tech__grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.about__tech__grid .tech-item{padding:1.5rem}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.resume{height:100%;overflow-y:auto}.timeline{display:flex;gap:3rem;margin:0 auto;max-width:1400px;padding:3rem;width:100%}.timeline__education,.timeline__experience{flex:1 1;min-width:300px}.timeline__education__header-text,.timeline__experience__header-text{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-primary);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:.1rem;margin-bottom:3rem;padding-bottom:1.5rem;position:relative;text-transform:uppercase}.timeline__education__header-text:after,.timeline__experience__header-text:after{background:var(--portfolio-gradient-primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.timeline__education__vertical-timeline-element,.timeline__experience__vertical-timeline-element{padding:0 0 2rem}.timeline__education__vertical-timeline-element:last-child,.timeline__experience__vertical-timeline-element:last-child{padding-bottom:0}.timeline__education .vertical-timeline-element-content,.timeline__experience .vertical-timeline-element-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background)!important;border:2px solid var(--glass-border)!important;border-radius:15px!important;box-shadow:var(--shadow-sm)!important;padding:2rem!important;transition:all .3s ease}.timeline__education .vertical-timeline-element-content:hover,.timeline__experience .vertical-timeline-element-content:hover{border-color:var(--portfolio-primary)!important;box-shadow:var(--shadow-colored)!important;transform:translateX(10px)}.timeline__education .vertical-timeline-element-content-arrow,.timeline__experience .vertical-timeline-element-content-arrow{display:none!important}.timeline__education .vertical-timeline-element-title-wrapper h3,.timeline__experience .vertical-timeline-element-title-wrapper h3{color:var(--portfolio-primary);font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.timeline__education .vertical-timeline-element-title-wrapper h4,.timeline__experience .vertical-timeline-element-title-wrapper h4{color:var(--portfolio-text-muted);font-family:Inter,sans-serif;font-size:1.4rem;font-weight:500;margin:0}.timeline__education .vertical-timeline-element-title-wrapper-description,.timeline__experience .vertical-timeline-element-title-wrapper-description{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.6;margin-top:1rem}.timeline__education .vertical-timeline-element-icon,.timeline__experience .vertical-timeline-element-icon{background:var(--portfolio-background-card)!important;box-shadow:0 0 0 4px var(--portfolio-primary)!important}.timeline__education .vertical-timeline-element-icon svg,.timeline__experience .vertical-timeline-element-icon svg{color:var(--portfolio-primary)!important}.timeline__education .vertical-timeline:before,.timeline__experience .vertical-timeline:before{background:var(--portfolio-gradient-primary)!important;width:3px!important}@media only screen and (max-width:768px){.timeline{flex-direction:column;gap:3rem;padding:2rem 1.5rem}.timeline__education,.timeline__experience{width:100%}.timeline__education__header-text,.timeline__experience__header-text{font-size:2.2rem}.timeline__education .vertical-timeline-element-content,.timeline__experience .vertical-timeline-element-content{padding:1.5rem!important}.timeline__education .vertical-timeline-element-content:hover,.timeline__experience .vertical-timeline-element-content:hover{transform:translateY(-5px)}.timeline__education .vertical-timeline-element-title-wrapper h3,.timeline__experience .vertical-timeline-element-title-wrapper h3{font-size:1.6rem}.timeline__education .vertical-timeline-element-title-wrapper h4,.timeline__experience .vertical-timeline-element-title-wrapper h4{font-size:1.3rem}.timeline__education .vertical-timeline-element-title-wrapper-description,.timeline__experience .vertical-timeline-element-title-wrapper-description{font-size:1.4rem}}.skills__content-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:3rem}.skills__content-wrapper__inner-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:2px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-sm);padding:3rem;transition:all .3s ease}.skills__content-wrapper__inner-content:hover{border-color:var(--portfolio-accent);box-shadow:var(--shadow-colored);transform:translateY(-8px)}.skills__content-wrapper__inner-content__category-text{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-primary);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:.1rem;line-height:1.2;margin-bottom:3rem;padding-bottom:1.5rem;position:relative;text-align:center;text-transform:uppercase;width:100%}.skills__content-wrapper__inner-content__category-text:after{background:var(--portfolio-gradient-primary);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skills__content-wrapper__inner-content__progressbar-container{overflow:hidden;width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper{margin-bottom:2.5rem;width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper:last-child{margin-bottom:0}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header p{color:var(--portfolio-text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header .percentage{color:var(--portfolio-primary);flex-shrink:0;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;margin-left:1rem}.skills__content-wrapper__inner-content .progressbar-wrapper>div{width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper .rc-progress-line{background:#e2e8f0;border-radius:10px;height:10px!important;overflow:hidden;width:100%!important}.skills__content-wrapper__inner-content .progressbar-wrapper .rc-progress-line .rc-progress-line-trail{background:#e2e8f0!important}.skills__content-wrapper__inner-content .progressbar-wrapper .rc-progress-line .rc-progress-line-path{background:var(--portfolio-gradient-primary)!important;box-shadow:0 0 10px #4f46e54d;transition:all .3s ease}@media only screen and (max-width:768px){.skills__content-wrapper{gap:2rem;grid-template-columns:1fr;padding:2rem 1.5rem}.skills__content-wrapper__inner-content{padding:2rem}.skills__content-wrapper__inner-content__category-text{font-size:1.8rem}.skills__content-wrapper__inner-content .progressbar-wrapper{margin-bottom:2rem}.skills__content-wrapper__inner-content .progressbar-wrapper p{font-size:1.4rem}}.portfolio__content{margin:0 auto;max-width:1400px;padding:3rem;width:100%}.portfolio__content__cards{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.portfolio__content__cards__item{background:#fff;border:2px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-sm);cursor:pointer;height:400px;overflow:hidden;position:relative;transition:all .3s ease}.portfolio__content__cards__item:hover{border-color:var(--portfolio-primary);box-shadow:var(--shadow-colored);transform:translateY(-10px)}.portfolio__content__cards__item:hover .overlay{opacity:1}.portfolio__content__cards__item__img-wrapper{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.portfolio__content__cards__item__img-wrapper img{display:block;height:100%;object-fit:cover;object-position:center;transition:all .5s ease;width:100%}.portfolio__content__cards__item:hover .portfolio__content__cards__item__img-wrapper img{transform:scale(1.1)}.portfolio__content__cards__item .overlay{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#4f46e5f2,#ec4899f2);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:3rem;position:absolute;right:0;top:0;transition:all .4s ease}.portfolio__content__cards__item .overlay.active{opacity:1}.portfolio__content__cards__item .overlay__content{text-align:center;transform:translateY(20px);transition:all .4s ease}.portfolio__content__cards__item .overlay__content h3{color:#fff;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.portfolio__content__cards__item .overlay__content p{color:#fffffff2;font-family:Inter,sans-serif;font-size:1.4rem;line-height:1.6;margin-bottom:1.5rem}.portfolio__content__cards__item .overlay__content .tech-stack{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.portfolio__content__cards__item .overlay__content .tech-stack .tech-badge{background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;padding:.5rem 1rem}.portfolio__content__cards__item .overlay__content .visit-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:var(--portfolio-primary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;gap:.8rem;padding:1.2rem 3rem;transition:all .3s ease}.portfolio__content__cards__item .overlay__content .visit-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.portfolio__content__cards__item .overlay__content .visit-btn svg{font-size:1.3rem}.portfolio__content__cards__item .overlay.active .portfolio__content__cards__item .overlay__content{transform:translateY(0)}@media only screen and (max-width:768px){.portfolio__content{padding:2rem 1.5rem}.portfolio__content__cards{gap:2rem;grid-template-columns:1fr}.portfolio__content__cards__item{height:350px}.portfolio__content__cards__item .overlay{padding:2rem}.portfolio__content__cards__item .overlay__content h3{font-size:1.8rem}.portfolio__content__cards__item .overlay__content p{font-size:1.3rem}.portfolio__content__cards__item .overlay__content .visit-btn{font-size:1.4rem;padding:1rem 2rem}}@media only screen and (min-width:769px)and (max-width:1024px){.portfolio__content__cards{grid-template-columns:repeat(2,1fr)}}.contact{height:100%;overflow-y:auto}.contact__content{margin:0 auto;max-width:1200px;padding:3rem}.contact__intro{margin-bottom:5rem;text-align:center}.contact__intro h2{-webkit-text-fill-color:#0000;background:var(--portfolio-gradient-accent);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.contact__intro p{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:1.7rem;line-height:1.8;margin:0 auto;max-width:700px}.contact__cards{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.contact__card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:2px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:2rem;padding:3rem;transition:all .3s ease}.contact__card:hover{border-color:var(--portfolio-primary);box-shadow:var(--shadow-colored);transform:translateY(-10px)}.contact__card:hover .contact__card__icon{transform:scale(1.1)}.contact__card__icon{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all .3s ease;width:60px}.contact__card__content{flex:1 1;text-align:left}.contact__card__content h3{color:var(--portfolio-text-primary);font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.contact__card__content p{color:var(--portfolio-text-muted);font-family:Inter,sans-serif;font-size:1.4rem;margin:0}.contact__cta{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:1px solid var(--glass-border);border-radius:20px;padding:3rem;text-align:center}.contact__cta p{color:var(--portfolio-text-secondary);font-family:Inter,sans-serif;font-size:1.8rem;font-weight:500;margin:0}.contact__cta p:before{content:"✨ "}.contact__cta p:after{content:" ✨"}@media only screen and (max-width:768px){.contact__content{padding:2rem 1.5rem}.contact__intro{margin-bottom:3rem}.contact__intro h2{font-size:2.5rem}.contact__intro p{font-size:1.5rem}.contact__cards{gap:2rem;grid-template-columns:1fr}.contact__card{flex-direction:column;padding:2rem}.contact__card,.contact__card__content{text-align:center}.contact__cta{padding:2rem}.contact__cta p{font-size:1.5rem}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border-bottom:2px solid var(--glass-border);box-shadow:var(--shadow-md);font-size:1.2rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar__container{align-items:center;display:flex}.navbar__container{flex:1 1;height:inherit;padding:0 20px;width:100%}.navbar__container__logo{align-items:center;color:var(--portfolio-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600;gap:10px;transition:all .3s ease}.navbar__container__logo:hover{color:var(--portfolio-accent);transform:scale(1.05)}.navbar__container__menu{display:flex;list-style:none;margin-left:auto;text-align:center}.navbar__container__menu__item{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;line-height:40px;margin-right:1.5rem;position:relative}.navbar__container__menu__item:after{background:var(--portfolio-gradient-primary);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navbar__container__menu__item:hover:after{width:100%}.navbar__container__menu__item__links{color:var(--portfolio-text-secondary);padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar__container__menu__item__links:hover{color:var(--portfolio-primary)}.nav-icon{display:none}@media only screen and (max-width:768px){.navbar__container__menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center;left:-110%;opacity:0;position:absolute;top:80px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:100%}.navbar__container__menu.active{box-shadow:var(--shadow-lg);left:0;opacity:1}.navbar__container__menu__item{border-bottom:1px solid var(--glass-border);margin:0;padding:20px 0}.navbar__container__menu__item:last-child{border-bottom:none}.nav-icon{color:var(--portfolio-primary);cursor:pointer;display:block;padding-right:20px;transition:all .3s ease}.nav-icon:hover{color:var(--portfolio-accent);transform:scale(1.1)}}
/*# sourceMappingURL=main.d0bf2890.css.map*/