body,html{max-width:100vw;overflow-x:hidden!important;scroll-behavior:smooth;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem!important;margin:0}#root,.main-container{max-width:100vw;overflow-x:hidden!important;width:100%}*,:after,:before{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 15px #5000ca33}50%{box-shadow:0 0 30px #7c3aed80}to{box-shadow:0 0 15px #5000ca33}}@keyframes lineExpand{0%{width:0}to{width:70px}}.scroll-progress-bar{background:linear-gradient(90deg,#5000ca,#7c3aed,#c084fc);box-shadow:0 0 10px #7c3aedcc;height:4px;left:0;position:fixed;top:0;transition:width .1s linear;z-index:1200}.back-to-top-btn{align-items:center;animation:fadeInUp .4s ease forwards;background:linear-gradient(135deg,#5000ca,#7c3aed);border:1px solid #fff3;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #5000ca66;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:48px;z-index:1000}.back-to-top-btn svg{font-size:1.8rem;transition:transform .2s ease}.back-to-top-btn:hover{background:linear-gradient(135deg,#6d10e1,#8b5cf6);box-shadow:0 12px 30px #5000ca99;transform:translateY(-5px) scale(1.1)}.back-to-top-btn:hover svg{transform:translateY(-2px)}.back-to-top-btn:active{transform:translateY(-2px) scale(1.02)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d1116}::-webkit-scrollbar-thumb{background:#21262d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5000ca}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem!important}.main-container{background-color:#0d1116;position:relative;transition:background-color .3s ease}.items-container h1,.projects-container h1,.skills-container h1{display:inline-block;position:relative}.items-container h1:after,.projects-container h1:after,.skills-container h1:after{animation:lineExpand .8s ease forwards;background:linear-gradient(90deg,#5000ca,#c084fc);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:70px}a{text-decoration:none;transition:color .2s ease,transform .2s ease}a:hover{color:#a78bfa}a,button,h1,h2,h3,h4,h5,label,p{color:#fff;font-family:Lato,sans-serif}#navigation{background-color:#0000!important;box-shadow:none;transition:background-color .3s ease}.navigation-bar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#0d1116e6!important;border-bottom:1px solid #ffffff14;justify-content:space-between;transition:all .3s ease}.navigation-bar .nav-button,.navigation-bar button{border-radius:20px;color:#fff!important;font-family:Lato,sans-serif;font-size:1.05rem;padding:6px 14px;text-transform:none;transition:all .25s ease}.navigation-bar .nav-button:hover,.navigation-bar button:hover{background-color:#5000ca4d!important;color:#a78bfa!important}.navigation-bar svg{color:#fff!important;cursor:pointer;transition:transform .3s ease,color .3s ease}.navigation-bar svg:hover{color:#a78bfa!important;transform:rotate(20deg) scale(1.15)}.MuiDrawer-paper{background-color:#0d1116!important;color:#fff!important}.MuiDrawer-paper .navigation-bar-responsive div,.MuiDrawer-paper .navigation-bar-responsive p,.MuiDrawer-paper .navigation-bar-responsive span{color:#fff!important;font-family:Lato,sans-serif}.MuiDrawer-paper .navigation-bar-responsive svg{color:#a78bfa!important}.MuiDrawer-paper .navigation-bar-responsive .MuiListItemButton-root:hover{background-color:#5000ca33!important}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:64px;width:100%}.header-image,.header-image img{height:450px;width:100%}.header-image img{object-fit:cover}.mobile-menu-top{align-items:center;font-weight:700;gap:8px;padding:14px 0}.items-container,.mobile-menu-top{display:flex;justify-content:center}.items-container{flex-direction:column;padding:5% 10%;text-align:left}.light-mode{background-color:#f8f9fa}.light-mode #navigation{background-color:#0000!important}.light-mode .navigation-bar{background-color:#f8f9faeb!important;border-bottom:1px solid #00000014}.light-mode .navigation-bar .nav-button,.light-mode .navigation-bar button{color:#0d1116!important}.light-mode .navigation-bar .nav-button:hover,.light-mode .navigation-bar button:hover{background-color:#5000ca1a!important;color:#5000ca!important}.light-mode .navigation-bar svg{color:#0d1116!important}.light-mode .navigation-bar svg:hover{color:#5000ca!important}.light-mode .MuiDrawer-paper{background-color:#fff!important;color:#0d1116!important}.light-mode .MuiDrawer-paper .navigation-bar-responsive div,.light-mode .MuiDrawer-paper .navigation-bar-responsive p,.light-mode .MuiDrawer-paper .navigation-bar-responsive span{color:#0d1116!important}.light-mode .MuiDrawer-paper .navigation-bar-responsive svg{color:#5000ca!important}.light-mode .MuiDrawer-paper .navigation-bar-responsive .MuiListItemButton-root:hover{background-color:#5000ca14!important}.light-mode a,.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode label,.light-mode p{color:#0d1116}.light-mode a:hover{color:#5000ca;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.light-mode .skills-container svg{color:#0d1116}.light-mode .chip{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .chip,.light-mode .vertical-timeline:before{background-color:#00000014}.light-mode .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:gray}.light-mode .vertical-timeline-element-content-arrow{border-right:7px solid #00000014!important}.light-mode .flex-chips .chip-title{color:#0d1116}.light-mode .project-image-container{background-color:#0000000a;border:1px solid #00000014}@media screen and (max-width:768px){.items-container{padding:5%}}footer.portfolio-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111699;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:16px;padding:40px 20px;text-align:center}footer.portfolio-footer .footer-social-icons{display:flex;gap:16px}footer.portfolio-footer .footer-social-icons a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:inline-flex;height:42px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:42px}footer.portfolio-footer .footer-social-icons a svg{font-size:1.3rem;margin:0}footer.portfolio-footer .footer-social-icons a:hover{background:#5000ca;border-color:#a78bfa66;box-shadow:0 8px 20px #5000ca66;color:#fff;transform:translateY(-4px) scale(1.12)}footer.portfolio-footer .footer-copy{color:#a1a1aa;font-size:.9rem;letter-spacing:.3px;margin:0}footer.portfolio-footer .footer-copy strong{color:#c084fc}.light-mode footer.portfolio-footer{background:#f8f9fae6;border-top-color:#00000014}.light-mode footer.portfolio-footer .footer-social-icons a{background:#0000000a;border-color:#00000014;color:#0d1116}.light-mode footer.portfolio-footer .footer-social-icons a:hover{background:#5000ca;color:#fff}.light-mode footer.portfolio-footer .footer-copy{color:#71717a}.light-mode footer.portfolio-footer .footer-copy strong{color:#5000ca}:root{--avatar-offset-y:20%;--avatar-size:200px}.dark-mode .about-section{background-color:#0003}@keyframes floatAvatar{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes avatarGlow{0%{box-shadow:0 0 20px #5000ca4d,0 0 0 4px #a78bfa33}50%{box-shadow:0 0 45px #7c3aed99,0 0 0 8px #a78bfa66}to{box-shadow:0 0 20px #5000ca4d,0 0 0 4px #a78bfa33}}.about-section{align-items:center;background-attachment:scroll;background-color:#0d1116;background-image:url(/portfolio/static/media/bg-dark.f420c6b8458af72de935.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;gap:40px;justify-content:flex-start;min-height:calc(100vh - 64px);padding:0 15%;width:100%}.about-section .content{text-align:left;z-index:2}.about-section .content .social_icons{color:#fff;display:flex;flex-direction:row;gap:18px}.about-section .content .social_icons a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;display:inline-flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px}.about-section .content .social_icons a:hover{background:#5000ca;border-color:#a78bfa66;box-shadow:0 8px 20px #5000ca66;transform:translateY(-4px) scale(1.12)}.about-section .content .social_icons svg{font-size:1.4em}.about-section .content .mobile_social_icons{display:none}.about-section .content p{-webkit-margin-before:10px;-webkit-margin-after:0;color:#a1a1aa;font-size:1.8em;letter-spacing:.5px;margin-block-end:0;margin-block-start:10px}.about-section .content h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;font-size:5.5em;letter-spacing:-1px;margin-block-end:0;margin-block-start:0}.light-mode .about-section{background-color:#f8fafc;background-image:url(/portfolio/static/media/bg-light.bac0efb485244a522981.png)}.light-mode .about-section .content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#090d16 20%,#3b0764);-webkit-background-clip:text;color:#090d16!important}.light-mode .about-section .content p{color:#18181b!important;font-weight:700}.light-mode .about-section .content .mobile_social_icons a,.light-mode .about-section .content .social_icons a{background:#00000014;border:1px solid #00000029;color:#0d1116}.light-mode .about-section .content .mobile_social_icons a svg,.light-mode .about-section .content .social_icons a svg{color:#0d1116!important}.light-mode .about-section .content .mobile_social_icons a:hover,.light-mode .about-section .content .social_icons a:hover{background:#5000ca;border-color:#5000ca;color:#fff}.light-mode .about-section .content .mobile_social_icons a:hover svg,.light-mode .about-section .content .social_icons a:hover svg{color:#fff!important}.about-section .image-wrapper{animation:floatAvatar 6s ease-in-out infinite;z-index:2}.about-section .image-wrapper img{animation:avatarGlow 4s ease-in-out infinite;border:3.5px solid #a78bfa80;border-radius:50%;height:200px;height:var(--avatar-size,200px);object-fit:cover;object-position:center 20%;object-position:center var(--avatar-offset-y,20%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;width:200px;width:var(--avatar-size,200px)}.about-section .image-wrapper img:hover{transform:scale(1.08) rotate(2deg)}.about p{padding-bottom:20%;padding-top:20%;text-align:center}@media screen and (max-width:567px){.nav-left{float:left;padding-top:20px}.nav-left img{height:35px}.nav-right{float:right}.nav-right li{color:#fff;font-size:13px;list-style:none;padding:10px 15px;width:10%}.nav-right ul{list-style-type:none;margin:0;padding:0}body{width:100%}.about{font-size:14px;padding-left:5%;padding-right:5%}}@media screen and (max-width:768px){.about-section h1{word-wrap:break-word;font-size:2.8rem!important;overflow-wrap:break-word;text-align:left}.about-section p{font-size:1.4rem!important;text-align:left}.light-mode .about-section h1{-webkit-text-fill-color:#090d16!important;background:none!important;color:#090d16!important;font-weight:800}.light-mode .about-section p{color:#18181b!important;font-weight:700}.light-mode .mobile_social_icons a{background:#00000014!important;border:1px solid #00000029!important;border-radius:50%!important;color:#0d1116!important}.light-mode .mobile_social_icons a svg{color:#0d1116!important}.light-mode .mobile_social_icons a:hover{background:#5000ca!important;border-color:#5000ca!important;color:#fff!important}.light-mode .mobile_social_icons a:hover svg{color:#fff!important}.container{display:inline;display:initial}.social_icons{display:none!important}.mobile_social_icons{display:flex!important;flex-direction:row;gap:18px;padding-top:14px}.mobile_social_icons a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%!important;color:#fff;display:inline-flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:44px}.mobile_social_icons a:hover{background:#5000ca;border-color:#a78bfa66;box-shadow:0 8px 20px #5000ca66;transform:translateY(-4px) scale(1.12)}.mobile_social_icons a svg{font-size:1.4em}.about-section{display:block;min-height:auto;padding:100px 0 40px}.about-section .content{padding-bottom:5%;padding-right:5%}.about-section .content,.about-section .image-wrapper{box-sizing:border-box;padding-left:5%;width:100%}}@media screen and (max-width:480px){.about-section h1{font-size:2.2rem!important}.about-section p{font-size:1.2rem!important}.about-section .image-wrapper img{height:140px!important;width:140px!important}}.skills-container{display:flex;flex-direction:column;padding:5% 10%;text-align:left}.skills-container svg{color:#a78bfa;transition:transform .3s ease,color .3s ease}.skills-container .skills-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.skills-container .skills-grid .skill{align-items:flex-start;animation:fadeInUp .7s ease forwards;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;padding:28px;text-align:left;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),border-color .35s ease,box-shadow .35s ease}.skills-container .skills-grid .skill:hover{border-color:#5000ca99;box-shadow:0 14px 35px #5000ca33;transform:translateY(-8px)}.skills-container .skills-grid .skill:hover svg{color:#c084fc;transform:scale(1.15) rotate(5deg)}.skills-container .skills-grid .skill h3{font-size:1.3rem;font-weight:700;margin-bottom:8px;margin-top:14px}.skills-container .skills-grid .skill p{color:#d4d4d8;font-size:.95rem;line-height:1.6;margin-bottom:18px}.chip{background-color:#5000ca33!important;border:1px solid #a78bfa4d!important;color:#fff!important;font-size:.8rem!important;height:28px!important;margin-bottom:8px;transition:all .2s ease!important}.chip:hover{background-color:#5000ca!important;transform:translateY(-2px)}.chip span{color:#fff!important;font-family:Lato,sans-serif!important;font-weight:600}.light-mode .skills-container h1{color:#0d1116!important}.light-mode .skills-container .skills-grid .skill{background:#fff!important;border:1px solid #0000001f!important;box-shadow:0 4px 15px #0000000d!important}.light-mode .skills-container .skills-grid .skill:hover{border-color:#5000ca!important;box-shadow:0 8px 25px #5000ca26!important}.light-mode .skills-container .skills-grid .skill:hover svg{color:#5000ca!important}.light-mode .skills-container .skills-grid .skill h3{color:#0d1116!important}.light-mode .skills-container .skills-grid .skill p{color:#27272a!important;font-weight:500}.light-mode .skills-container .skills-grid .skill svg{color:#5000ca!important}.light-mode .skills-container .chip{background-color:#5000ca14!important;border:1px solid #5000ca40!important}.light-mode .skills-container .chip span{color:#5000ca!important}.light-mode .skills-container .chip:hover{background-color:#5000ca!important}.light-mode .skills-container .chip:hover span{color:#fff!important}.light-mode .skills-container .flex-chips .chip-title{color:#3f3f46!important}.flex-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px;line-height:2.2;margin-top:auto}.flex-chips .chip-title{color:#a1a1aa;font-size:.85rem;font-weight:700;margin-right:4px}@media screen and (max-width:768px){.skills-container{display:block;padding-left:5%;padding-right:5%}.skills-container .skills-grid{display:inline;display:initial}.skills-container .skills-grid .skill{padding-bottom:5%}}@media screen and (max-width:567px){.skills{font-size:12px}}.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)}}.vertical-timeline span{color:#fff;font-family:Courier Prime,monospace}.vertical-timeline p{color:#272822}.vertical-timeline-element p{color:#272822;line-height:1.5}.vertical-timeline-element h3{color:#272822;font-size:1.2em;margin-bottom:5px}.vertical-timeline-element h4{color:#272822;font-size:1.1em;margin-bottom:10px}.vertical-timeline-element span{color:#272822;font-weight:700}.vertical-timeline-element .vertical-timeline-element-date{color:#fff;font-size:.9em;font-style:italic}.svg-inline--fa{color:#fff}@media screen and (max-width:1170px){.vertical-timeline-element .vertical-timeline-element-date{color:#272822}}.projects-container{display:flex;flex-direction:column;padding:5% 10%;text-align:left}.projects-container h1{display:inline-block;font-size:2.2rem;font-weight:700;margin-bottom:25px;margin-top:20px;position:relative}.projects-container h1:after{background:linear-gradient(90deg,#5000ca,#a78bfa);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:60px}.projects-container .projects-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:50px}@media(max-width:768px){.projects-container .projects-grid{grid-gap:25px;grid-template-columns:1fr}}.projects-container .projects-grid .project{animation:fadeInUp .7s ease forwards;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-align:left;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),border-color .35s ease,box-shadow .35s ease,background .35s ease}.projects-container .projects-grid .project:before{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);transition:left .75s ease;width:60%}.projects-container .projects-grid .project:hover{background:#ffffff0d;border-color:#5000ca99;box-shadow:0 14px 35px #5000ca33;transform:translateY(-8px)}.projects-container .projects-grid .project:hover:before{left:150%}.projects-container .projects-grid .project:hover .project-image{transform:scale(1.06)}.projects-container .projects-grid .project:hover h2{color:#c084fc}.project-image-container{align-items:center;aspect-ratio:16/9;background-color:#0000004d;border:1px solid #ffffff0f;border-radius:12px;box-sizing:border-box;display:flex;height:280px;justify-content:center;margin-bottom:18px;overflow:hidden;padding:8px;width:100%}@media(max-width:1200px){.project-image-container{height:240px}}@media(max-width:768px){.project-image-container{height:220px}}@media(max-width:480px){.project-image-container{height:190px}}.project-image{border-radius:8px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .4s ease-in-out;width:auto}.project h2{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:10px;margin-top:6px;transition:color .2s ease}.project p{color:#d4d4d8;font-size:.95rem;line-height:1.6}.light-mode .projects-container h1{color:#0d1116!important}.light-mode .projects-container .projects-grid .project{background:#fff!important;border:1px solid #0000001f!important;box-shadow:0 4px 15px #0000000d!important}.light-mode .projects-container .projects-grid .project:hover{background:#fff!important;border-color:#5000ca!important;box-shadow:0 10px 30px #5000ca26!important}.light-mode .projects-container .projects-grid .project:hover h2{color:#5000ca!important}.light-mode .projects-container .projects-grid .project h2{color:#0d1116!important}.light-mode .projects-container .projects-grid .project p{color:#27272a!important;font-weight:500}.light-mode .projects-container .projects-grid .project .project-image-container{background-color:#00000008!important;border:1px solid #00000014!important}@media(max-width:700px){.projects-container{padding-left:5%;padding-right:5%}}.education-container{padding:5% 0}.education-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px}@media(max-width:900px){.education-grid{grid-gap:20px;grid-template-columns:1fr}}.education-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;position:relative;text-align:left;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.education-card:hover{border-color:#5000ca80;box-shadow:0 12px 30px #5000ca26;transform:translateY(-6px)}.education-card .education-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}@media(max-width:480px){.education-card .education-card-header{flex-direction:column;gap:12px}}.education-card .education-header-left{align-items:center;display:flex;gap:14px}.education-card .education-icon-wrapper{align-items:center;background:linear-gradient(135deg,#5000ca,#7c3aed);border-radius:12px;display:flex;height:46px;justify-content:center;width:46px}.education-card .education-icon-wrapper svg{color:#fff;font-size:1.5rem}.education-card .education-badge{background:#5000ca33;border:1px solid #a78bfa40;border-radius:20px;color:#a78bfa;display:inline-block;font-size:.78rem;font-weight:700;margin-right:8px;padding:3px 10px}.education-card .education-duration{color:#a1a1aa;font-size:.82rem;font-style:italic}.education-card .education-score-pill{background:#10b9811f;border:1px solid #34d39940;border-radius:20px;color:#34d399;font-size:.85rem;font-weight:700;padding:6px 14px;white-space:nowrap}.education-card h2{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:4px}.education-card .education-degree{color:#c084fc;font-size:1.05rem;font-weight:600;margin-bottom:16px}.education-card .education-coursework-section{border-top:1px dashed #ffffff14;margin-top:16px;padding-top:14px}.education-card .coursework-title{color:#a1a1aa;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.education-card .education-highlights{display:flex;flex-wrap:wrap;gap:8px}.education-card .education-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#e4e4e7;font-size:.8rem;padding:5px 12px;transition:background-color .2s ease}.education-card .education-tag:hover{background:#5000ca26;border-color:#a78bfa4d}.light-mode .education-card{background:#fff;border:1px solid #00000014;box-shadow:0 4px 16px #0000000a}.light-mode .education-card:hover{border-color:#5000ca;box-shadow:0 12px 30px #5000ca1f}.light-mode .education-card h2{color:#0d1116}.light-mode .education-card .education-degree{color:#5000ca}.light-mode .education-card .education-duration{color:#71717a}.light-mode .education-card .coursework-title{color:#52525b}.light-mode .education-card .education-tag{background:#0000000a;border:1px solid #00000014;color:#27272a}.light-mode .education-card .education-tag:hover{background:#5000ca14;border-color:#5000ca40}.light-mode .education-card .education-badge{background:#5000ca14;border:1px solid #5000ca33;color:#5000ca}.light-mode .education-card .education-score-pill{background:#10b98114;border:1px solid #10b98133;color:#059669}.light-mode .education-card .education-coursework-section{border-top:1px dashed #0000001a}.contact_wrapper svg{font-size:1em;margin-right:5px;vertical-align:middle}.contact-form{animation:fadeInUp .7s ease forwards;padding-top:20px}.contact-form .button-wrapper{display:flex;justify-content:flex-end;margin-top:10px}.contact-form button{background:linear-gradient(135deg,#5000ca,#7c3aed)!important;border-radius:24px!important;box-shadow:0 4px 15px #5000ca4d!important;color:#fff!important;font-weight:700!important;letter-spacing:.5px!important;padding:10px 28px!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.contact-form button:hover{background:linear-gradient(135deg,#6d10e1,#8b5cf6)!important;box-shadow:0 8px 25px #5000ca80!important;transform:translateY(-3px) scale(1.04)!important}.form-flex{display:flex;gap:15px;padding-bottom:15px}@media(max-width:768px){.form-flex{flex-direction:column;gap:15px}}.form-flex .MuiFormControl-root{width:100%}.body-form,form{width:100%!important}.body-form{margin-bottom:15px!important}.contact-form .MuiInputLabel-root{color:#a78bfa!important;font-weight:600}.contact-form .MuiInputLabel-root.Mui-focused{color:#c084fc!important}.contact-form .MuiOutlinedInput-root{background-color:#ffffff0d!important;border-radius:10px!important;color:#fff!important;transition:all .3s ease!important}.contact-form .MuiOutlinedInput-root input,.contact-form .MuiOutlinedInput-root textarea{color:#fff!important}.contact-form .MuiOutlinedInput-root input::placeholder,.contact-form .MuiOutlinedInput-root textarea::placeholder{color:#a1a1aa!important;opacity:.8}.contact-form .MuiOutlinedInput-root fieldset{border-color:#ffffff2e!important}.contact-form .MuiOutlinedInput-root:hover fieldset{border-color:#a78bfa99!important}.contact-form .MuiOutlinedInput-root.Mui-focused{background-color:#ffffff14!important;box-shadow:0 0 20px #5000ca4d!important}.contact-form .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#a78bfa!important;border-width:2px!important}.contact-form .MuiFormHelperText-root{color:#f87171!important}.light-mode .contact-form .MuiInputLabel-root,.light-mode .contact-form .MuiInputLabel-root.Mui-focused{color:#5000ca!important}.light-mode .contact-form .MuiOutlinedInput-root{background-color:#fff!important;box-shadow:0 2px 8px #0000000f!important;color:#0d1116!important}.light-mode .contact-form .MuiOutlinedInput-root input,.light-mode .contact-form .MuiOutlinedInput-root textarea{color:#0d1116!important}.light-mode .contact-form .MuiOutlinedInput-root input::placeholder,.light-mode .contact-form .MuiOutlinedInput-root textarea::placeholder{color:#71717a!important;opacity:.8}.light-mode .contact-form .MuiOutlinedInput-root fieldset{border-color:#0003!important}.light-mode .contact-form .MuiOutlinedInput-root:hover fieldset{border-color:#5000ca!important}.light-mode .contact-form .MuiOutlinedInput-root.Mui-focused{background-color:#fff!important;box-shadow:0 0 15px #5000ca33!important}.light-mode .contact-form .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#5000ca!important;border-width:2px!important}@keyframes bodyWalkBob{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes legWalkLeft{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-10deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(2px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes legWalkRight{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(2px) rotate(5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-5px) rotate(-10deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes armWalkLeft{0%{transform:rotate(0deg)}25%{transform:rotate(12deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-12deg)}to{transform:rotate(0deg)}}@keyframes armWalkRight{0%{transform:rotate(0deg)}25%{transform:rotate(-12deg)}50%{transform:rotate(0deg)}75%{transform:rotate(12deg)}to{transform:rotate(0deg)}}@keyframes robotJumpAction{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-28px) scale(1.2)}70%{transform:translateY(-32px) scale(1.25)}to{transform:translateY(0) scale(1)}}@keyframes robotFlipAction{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(-180deg) scale(1.3) translateY(-15px)}to{transform:rotate(-1turn) scale(1)}}@keyframes robotSpinAction{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(1turn) scale(1)}}@keyframes robotWaveAction{0%{transform:rotate(0deg)}25%{transform:rotate(-16deg) scale(1.1)}50%{transform:rotate(16deg) scale(1.1)}75%{transform:rotate(-16deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}@keyframes robotDanceAction{0%{transform:translateX(0) rotate(0deg)}20%{transform:translateX(-8px) rotate(-10deg) scale(1.1)}40%{transform:translateX(8px) rotate(10deg) scale(1.1)}60%{transform:translateX(-8px) rotate(-10deg) scale(1.1)}80%{transform:translateX(8px) rotate(10deg) scale(1.1)}to{transform:translateX(0) rotate(0deg)}}@keyframes robotBounceAction{0%,to{transform:translateY(0)}25%{transform:translateY(-16px) scaleY(1.1)}50%{transform:translateY(0) scaleY(.9)}75%{transform:translateY(-10px) scaleY(1.05)}}@keyframes robotShakeAction{0%,to{transform:translateX(0)}20%{transform:translateX(-10px) rotate(-8deg)}40%{transform:translateX(10px) rotate(8deg)}60%{transform:translateX(-8px) rotate(-6deg)}80%{transform:translateX(8px) rotate(6deg)}}@keyframes robotZoomAction{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes robotNodAction{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(8px) rotate(15deg)}60%{transform:translateY(-2px) rotate(-5deg)}}@keyframes robotFloatAction{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.1)}}@keyframes robotRollAction{0%{transform:rotate(0deg) translateX(0)}50%{transform:rotate(180deg) translateY(-10px)}to{transform:rotate(1turn) translateX(0)}}@keyframes robotPulseAction{0%,to{transform:scale(1)}50%{filter:drop-shadow(0 0 20px #fbbf24);transform:scale(1.3)}}@keyframes robotSquatAction{0%,to{transform:translateY(0) scaleY(1)}40%{transform:translateY(12px) scaleY(.7) scaleX(1.2)}70%{transform:translateY(-15px) scaleY(1.1)}}@keyframes robotZigzagAction{0%,to{transform:translate(0)}25%{transform:translate(-10px,-10px) rotate(-10deg)}50%{transform:translate(10px,-15px) rotate(10deg)}75%{transform:translate(-6px,-5px) rotate(-5deg)}}@keyframes reactorPulse{0%{box-shadow:0 0 4px #38bdf8}50%{box-shadow:0 0 16px #38bdf8,0 0 24px #a78bfa}to{box-shadow:0 0 4px #38bdf8}}.dribbble-robot-wrapper{pointer-events:auto;position:fixed;transition:all .05s linear;z-index:1300}@media(max-width:768px){.dribbble-robot-wrapper{transform:scale(.75);transform-origin:top left}}.dribbble-robot{cursor:pointer;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));position:relative;touch-action:manipulation;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.dribbble-robot.action-walk{animation:bodyWalkBob .6s ease-in-out infinite}.dribbble-robot.action-walk .left-leg{animation:legWalkLeft .6s ease-in-out infinite;transform-origin:41px 80px}.dribbble-robot.action-walk .right-leg{animation:legWalkRight .6s ease-in-out infinite;transform-origin:59px 80px}.dribbble-robot.action-walk .left-arm{animation:armWalkLeft .6s ease-in-out infinite;transform-origin:23px 52px}.dribbble-robot.action-walk .right-arm{animation:armWalkRight .6s ease-in-out infinite;transform-origin:77px 52px}.dribbble-robot.action-jump{animation:robotJumpAction .9s cubic-bezier(.175,.885,.32,1.275)}.dribbble-robot.action-flip{animation:robotFlipAction 1s cubic-bezier(.175,.885,.32,1.275)}.dribbble-robot.action-spin{animation:robotSpinAction .9s cubic-bezier(.175,.885,.32,1.275)}.dribbble-robot.action-wave{animation:robotWaveAction .9s ease-in-out}.dribbble-robot.action-dance{animation:robotDanceAction 1s ease-in-out}.dribbble-robot.action-bounce{animation:robotBounceAction .8s ease-in-out}.dribbble-robot.action-shake{animation:robotShakeAction .8s ease-in-out}.dribbble-robot.action-zoom{animation:robotZoomAction .8s ease-in-out}.dribbble-robot.action-nod{animation:robotNodAction .8s ease-in-out}.dribbble-robot.action-float{animation:robotFloatAction 1s ease-in-out}.dribbble-robot.action-roll{animation:robotRollAction 1s ease-in-out}.dribbble-robot.action-pulse{animation:robotPulseAction .9s ease-in-out}.dribbble-robot.action-squat{animation:robotSquatAction .9s cubic-bezier(.175,.885,.32,1.275)}.dribbble-robot.action-zigzag{animation:robotZigzagAction .9s ease-in-out}.dribbble-robot .reactor-core{animation:reactorPulse 1.5s infinite}
/*# sourceMappingURL=main.34713737.css.map*/