@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-image:linear-gradient(90deg,#f0f0f0 1px,#0000 0),linear-gradient(180deg,#f0f0f0 1px,#0000 0);background-size:40px 40px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em}.main-container{background-color:#0000;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none;transition:all .2s ease}a,button,h1,h2,h3,h4,h5,h6,label,p{color:#000}h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;line-height:1}h2{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}h3{font-size:1.5rem;font-weight:500;line-height:1.4}p{color:#666;font-size:1.25rem;line-height:1.7}.highlight{background:linear-gradient(90deg,#c084fc 0,#c084fc);background-position:0 75%;background-repeat:no-repeat;background-size:100% 35%;padding:0 8px}#navigation{background-color:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;justify-content:center!important;padding:1.5rem 0!important}#navigation,.navigation-bar{align-items:center!important}.navigation-bar{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background-color:#fffffff2!important;border:1px solid #0000000f!important;border-radius:9999px!important;box-shadow:0 4px 20px #00000014,0 2px 6px #0000000a!important;display:inline-flex!important;flex-grow:0!important;gap:8px;margin:0 auto;max-width:90vw;min-height:auto!important;min-width:auto!important;padding:10px 16px 10px 10px!important;width:-webkit-fit-content!important;width:fit-content!important}.navigation-bar svg{background-color:#0000000a;border-radius:50%;color:#666;cursor:pointer;flex-shrink:0;height:36px;margin-right:4px;padding:8px;transition:all .2s ease;width:36px}.navigation-bar svg:hover{background-color:#00000014;color:#000}.navigation-bar .MuiIconButton-root{color:#666}.navigation-bar .MuiIconButton-root:hover{background-color:#0000000a}.navigation-bar .MuiBox-root{align-items:center;display:flex;gap:4px}.navigation-bar button{background:#0000!important;border:none!important;border-radius:50px!important;color:#666!important;font-size:.875rem!important;font-weight:400!important;letter-spacing:0!important;margin:0!important;min-width:auto!important;padding:8px 16px!important;text-transform:none!important;transition:all .2s ease!important;white-space:nowrap}.navigation-bar button:hover{background-color:#0000000d!important;color:#000!important}.navigation-bar button.nav-item-active{background-color:#00000014!important;color:#000!important;font-weight:500!important}.navigation-bar button.nav-item-active:hover{background-color:#0000001f!important}.navigation-bar button:last-child{background-color:#000!important;color:#fff!important;font-weight:500!important;margin-left:4px!important;padding:8px 20px!important}.navigation-bar button:last-child:hover{background-color:#1a1a1a!important;color:#fff!important}.navigation-bar button:last-child.nav-item-active{background-color:#000!important;color:#fff!important}.navigation-bar button:last-child.nav-item-active:hover{background-color:#1a1a1a!important}.navigation-bar-responsive p,.navigation-bar-responsive span{color:#000}.container{margin-top:64px;width:100%}.mobile-menu-top{align-items:center;font-weight:600;gap:8px;padding:1rem}.items-container,.mobile-menu-top{display:flex;justify-content:center}.items-container{flex-direction:column;padding:6% 10%;text-align:left}.dark-mode{background-color:#0a0a0a;background-image:linear-gradient(90deg,#1a1a1a 1px,#0000 0),linear-gradient(180deg,#1a1a1a 1px,#0000 0);background-size:40px 40px}.dark-mode #navigation{background-color:#0000!important}.dark-mode .navigation-bar{background-color:#1a1a1af2!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 24px #0006,0 2px 8px #0003!important}.dark-mode .navigation-bar svg{background-color:#ffffff14;color:#ffffffb3}.dark-mode .navigation-bar svg:hover{background-color:#ffffff26;color:#fff}.dark-mode .navigation-bar .MuiIconButton-root{color:#ffffffb3}.dark-mode .navigation-bar .MuiIconButton-root:hover{background-color:#ffffff14}.dark-mode .navigation-bar button{color:#ffffffb3!important}.dark-mode .navigation-bar button:hover{background-color:#ffffff14!important;color:#fff!important}.dark-mode .navigation-bar button.nav-item-active{background-color:#ffffff1f!important;color:#fff!important;font-weight:500!important}.dark-mode .navigation-bar button.nav-item-active:hover{background-color:#ffffff2e!important}.dark-mode .navigation-bar button:last-child{background-color:#fff!important;color:#000!important}.dark-mode .navigation-bar button:last-child:hover{background-color:#f5f5f5!important;color:#000!important}.dark-mode .navigation-bar button:last-child.nav-item-active{background-color:#fff!important;color:#000!important}.dark-mode .navigation-bar button:last-child.nav-item-active:hover{background-color:#f5f5f5!important}.dark-mode a,.dark-mode button,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode label{color:#fff}.dark-mode p{color:#ffffffb3}@media screen and (max-width:768px){.items-container{padding:5%}}html{scroll-behavior:smooth}::selection{background:#c084fc;color:#fff}.nav-link{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.02em;padding:8px 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#fff}.nav-link:after{background:#ab47bc;border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .2s ease;width:100%}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-item-active{color:#fff}.nav-item-active:after{transform:scaleX(1);transform-origin:left}.light-mode .nav-link{color:#0a0a0ab3}.light-mode .nav-item-active,.light-mode .nav-link:hover{color:#0a0a0a}.mainContainer{align-items:center;background-color:#0000;display:flex;justify-content:center;min-height:100vh;padding:0}.mainContent{margin:15vh auto 0;max-width:1400px;padding:120px 80px;width:100%}@media(max-width:1024px){.mainContent{margin:12vh auto 0;padding:100px 60px}}@media(max-width:768px){.mainContent{margin:8vh auto 0;padding:100px 24px}}.introSection{display:flex;flex-direction:column;gap:60px}.contentWrapper{align-items:flex-start;display:flex;gap:80px;justify-content:space-between}@media(max-width:968px){.contentWrapper{flex-direction:column;gap:60px}}.introText{flex:1 1;max-width:700px}.introText h3{color:#666;font-size:1.75rem;font-style:italic;font-weight:400;margin-bottom:16px}@media(max-width:768px){.introText h3{font-size:1.5rem}}.introText h1{color:#000;font-size:clamp(2.75rem,7vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:32px}@media(max-width:768px){.introText h1{font-size:clamp(2.25rem,9vw,3.25rem)}}.introText .highlight{background:linear-gradient(90deg,#c084fc 0,#c084fc);background-position:0 55%;background-repeat:no-repeat;background-size:100% 65%;padding:0 8px}.typewriter-wrapper{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.typewriter-wrapper .inline-text h2{color:#000;display:inline;font-size:1.5rem;font-weight:500;margin:0}@media(max-width:768px){.typewriter-wrapper .inline-text h2{font-size:1.25rem}}.typewriter-wrapper .typewriter-component{color:#000;display:inline;font-size:1.5rem;font-weight:700}@media(max-width:768px){.typewriter-wrapper .typewriter-component{font-size:1.25rem}}.introText p{color:#666;font-size:1.25rem;line-height:1.7;margin-bottom:40px;max-width:650px}@media(max-width:768px){.introText p{font-size:1.125rem}}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.primary-button,.secondary-button{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:14px 32px;text-decoration:none;transition:all .2s ease}.primary-button{background:#000;border-color:#000;color:#fff}.primary-button:hover{background:#333;border-color:#333;transform:translateY(-1px)}.secondary-button{background:#0000;border-color:#e0e0e0;color:#000}.secondary-button:hover{background:#fafafa;border-color:#000}.socialIcons{display:flex;gap:12px}.socialIcons a{align-items:center;border:2px solid #e0e0e0;border-radius:50%;color:#000;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.socialIcons a:hover{background:#c084fc1a;border-color:#c084fc;color:#c084fc}.socialIcons a svg{height:20px;width:20px}.photoWrapper{flex-shrink:0;margin-top:-60px;position:relative}@media(max-width:968px){.photoWrapper{align-self:center;margin-top:20px}}.polaroid{background:#fff;box-shadow:0 10px 40px #00000026;padding:12px 12px 40px;transform:rotate(3deg);transition:transform .3s ease;width:360px}.polaroid:hover{transform:rotate(0deg)}.polaroid img{display:block;height:430px;object-fit:cover;width:100%}.polaroid .polaroidCaption{color:#666;font-family:Courier New,monospace;font-size:.875rem;font-style:italic;margin-top:12px;text-align:center}.stickyNote{align-items:center;background:#fef08a;box-shadow:0 4px 12px #0000001a;color:#000;display:flex;font-size:.875rem;font-weight:600;height:110px;justify-content:center;line-height:1.3;padding:20px;position:absolute;right:-40px;text-align:center;top:-30px;transform:rotate(8deg);width:140px;z-index:10}.stickyNote:before{content:"📌";font-size:1.5rem;left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.purpleArrow{animation:bounceLeft 2s infinite;bottom:80px;color:#c084fc;font-size:3rem;left:-80px;position:absolute;transform:rotate(-30deg)}@media(max-width:968px){.purpleArrow{display:none}}@keyframes bounceLeft{0%,to{transform:rotate(-30deg) translateX(0)}50%{transform:rotate(-30deg) translateX(8px)}}.wave{animation:wave 2.5s infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}}.dark-mode .mainContainer{background-color:#0000}.dark-mode .introText h1,.dark-mode .introText h3{color:#fff}.dark-mode .introText h3{color:#ffffffb3}.dark-mode .introText p{color:#fff9}.dark-mode .typewriter-wrapper .inline-text h2{color:#ffffffb3}.dark-mode .typewriter-wrapper .typewriter-component{color:#fff;font-weight:700}.dark-mode .primary-button{background:#fff;border-color:#fff;color:#000}.dark-mode .primary-button:hover{background:#e5e5e5;border-color:#e5e5e5}.dark-mode .secondary-button{border-color:#ffffff4d;color:#fff}.dark-mode .secondary-button:hover{background:#ffffff1a;border-color:#fff}.dark-mode .socialIcons a{border-color:#ffffff4d;color:#fff}.dark-mode .socialIcons a:hover{background:#c084fc1a;border-color:#c084fc;color:#c084fc}.dark-mode .polaroid{background:#1a1a1a;box-shadow:0 10px 40px #00000080}.dark-mode .polaroid .polaroidCaption{color:#ffffffb3}.dark-mode .purpleArrow{color:#c084fc}.about-container{align-items:center;background-color:#fff;box-sizing:border-box;color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 80px;width:100%}@media(max-width:1024px){.about-container{padding:100px 60px}}@media(max-width:768px){.about-container{padding:80px 24px}}.about-content{margin:0 auto;max-width:900px;width:100%}.about-text{width:100%}.about-text .about-title{color:#000;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:40px;text-align:left}.about-text .view-toggle{border:2px solid #e5e5e5;border-radius:32px;display:flex;gap:0;margin-bottom:50px;padding:4px;width:-webkit-fit-content;width:fit-content}.about-text .view-toggle button{background:#0000;border:none;border-radius:28px;color:#666;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:10px 28px;transition:all .2s ease}.about-text .view-toggle button:hover{color:#000}.about-text .view-toggle button.active{background:#000;color:#fff}.about-text .story-view p{color:#000;font-size:1.25rem;line-height:1.8;margin-bottom:24px;text-align:justify}.about-text .story-view p:last-child{margin-bottom:0}.about-text .story-view p .strikethrough{color:#ccc;text-decoration:line-through;-webkit-text-decoration-color:#e5e5e5;text-decoration-color:#e5e5e5}.about-text .tldr-view p{color:#000;font-size:1.25rem;line-height:1.8;margin-bottom:24px;text-align:justify}.about-text .tldr-view p:last-child{margin-bottom:0}.about-text .tldr-view p strong{color:#000;font-weight:600}.about-text .tldr-view p .strikethrough{color:#ccc;text-decoration:line-through;-webkit-text-decoration-color:#e5e5e5;text-decoration-color:#e5e5e5}.dark-mode .about-container{background-color:#0a0a0a;color:#fff}.dark-mode .about-container .about-text .about-title{color:#fff}.dark-mode .about-container .about-text .view-toggle{border-color:#fff3}.dark-mode .about-container .about-text .view-toggle button{color:#fff9}.dark-mode .about-container .about-text .view-toggle button:hover{color:#fff}.dark-mode .about-container .about-text .view-toggle button.active{background:#fff;color:#000}.dark-mode .about-container .about-text .story-view p{color:#fff;text-align:justify}.dark-mode .about-container .about-text .story-view p .strikethrough{color:#555;-webkit-text-decoration-color:#444;text-decoration-color:#444}.dark-mode .about-container .about-text .tldr-view p{color:#fff;text-align:justify}.dark-mode .about-container .about-text .tldr-view p strong{color:#fff}.dark-mode .about-container .about-text .tldr-view p .strikethrough{color:#555;-webkit-text-decoration-color:#444;text-decoration-color:#444}.expertise-container{background-color:#0a0a0a;box-sizing:border-box;color:#fff;min-height:100vh;padding:120px 40px}.light-mode .expertise-container{background-color:#fafafa;color:#0a0a0a}.light-mode .expertise-container .section-title{color:#0a0a0a}.light-mode .expertise-container .expertise-card{background:#00000005;border-color:#00000014}.light-mode .expertise-container .expertise-card:hover{border-color:#ab47bc4d;box-shadow:0 20px 40px #00000014}.light-mode .expertise-container .expertise-card .card-title{color:#0a0a0a}.light-mode .expertise-container .expertise-card .card-description{color:#0a0a0ab3}.light-mode .expertise-container .expertise-card .card-icon{color:#0a0a0a}.light-mode .expertise-container .tech-tag{background:#ab47bc14;border-color:#ab47bc26;color:#0a0a0acc}@media(max-width:768px){.expertise-container{padding:80px 24px}}.expertise-content{margin:0 auto;max-width:1200px;width:100%}.section-title{color:#fff;display:inline-block;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;left:50%;letter-spacing:.08em;margin-bottom:60px;position:relative;text-align:center;transform:translateX(-50%)}.section-title .title-underline{background:#ab47bc;border-radius:2px;bottom:-12px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.expertise-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.expertise-grid{gap:24px;grid-template-columns:1fr}}.expertise-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.expertise-card:before{background:linear-gradient(90deg,#ab47bc,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.expertise-card:hover{border-color:#ab47bc33;box-shadow:0 20px 40px #ab47bc1a;transform:translateY(-8px)}.expertise-card:hover:before{opacity:1}.expertise-card:hover .card-icon{color:#ab47bc;transform:scale(1.1)}.card-icon{color:#ffffffe6;font-size:2.2rem;margin-bottom:20px;transition:all .3s ease}.card-icon svg{height:40px;width:40px}.card-title{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.01em;margin-bottom:12px}.card-description{color:#fff9;font-size:.95rem;line-height:1.6;margin-bottom:20px}.tech-stack span{color:#fff6;display:block;font-size:.8rem;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#fffc;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:6px 12px;transition:all .2s ease}.tech-tag:hover{background:#ab47bc26;border-color:#ab47bc4d;color:#ab47bc}.container{background-color:#0a0a0a;min-height:100vh;padding:60px 15%}.container h1{color:#fff;font-size:2.5rem;margin-bottom:3rem}.skills-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.skill{color:#fff}.skill svg{font-size:2.5rem;margin-bottom:1.5rem}.skill h3{font-size:1.5rem;font-weight:500;margin-bottom:1rem}.skill p{color:#fff9;font-size:.95rem;line-height:1.6;margin-bottom: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)}}#experience{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:120px 80px}@media(max-width:1024px){#experience{padding:100px 60px}}@media(max-width:768px){#experience{padding:80px 24px}}#experience .items-container{max-width:1200px;padding:0;width:100%}#experience .items-container h1{color:#000;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:80px;text-align:left}.vertical-timeline:before{background:#e5e5e5!important;width:3px!important}.vertical-timeline-element{margin:2em 0!important}.vertical-timeline-element .vertical-timeline-element-icon{box-shadow:0 0 0 4px #fff,0 0 0 6px #c084fc,0 4px 20px #c084fc4d!important}.vertical-timeline-element .vertical-timeline-element-icon .svg-inline--fa{color:#fff}.vertical-timeline-element .vertical-timeline-element-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:28px 32px;position:relative;transition:all .3s ease}.vertical-timeline-element .vertical-timeline-element-content:hover{border-color:#c084fc;box-shadow:0 12px 32px #c084fc26;transform:translateY(-5px)}.vertical-timeline-element .vertical-timeline-element-content:hover:before{opacity:1}.vertical-timeline-element .vertical-timeline-element-content:hover h3{color:#c084fc}.vertical-timeline-element .vertical-timeline-element-content:before{background:linear-gradient(90deg,#c084fc,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.vertical-timeline-element .vertical-timeline-element-content .vertical-timeline-element-title{margin-bottom:0}.vertical-timeline-element .vertical-timeline-element-content h3{color:#000;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;transition:color .3s ease}.vertical-timeline-element .vertical-timeline-element-content h4{color:#666;font-size:1.125rem;font-weight:500;letter-spacing:0;margin-bottom:16px}.vertical-timeline-element .vertical-timeline-element-content p{color:#666;font-size:1.0625rem;line-height:1.7;margin:0}.vertical-timeline-element .vertical-timeline-element-content .vertical-timeline-element-date{color:#999;font-size:.9375rem;font-weight:500}.dark-mode #experience{background-color:#0a0a0a}.dark-mode #experience .items-container h1{color:#fff}.dark-mode .vertical-timeline:before{background:#ffffff1a!important}.dark-mode .vertical-timeline-element .vertical-timeline-element-icon{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #c084fc,0 4px 20px #c084fc4d!important}.dark-mode .vertical-timeline-element .vertical-timeline-element-content{background:#ffffff08;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.dark-mode .vertical-timeline-element .vertical-timeline-element-content:hover{border-color:#c084fc;box-shadow:0 12px 32px #c084fc33}.dark-mode .vertical-timeline-element .vertical-timeline-element-content h3{color:#fff}.dark-mode .vertical-timeline-element .vertical-timeline-element-content h4{color:#ffffffb3}.dark-mode .vertical-timeline-element .vertical-timeline-element-content p{color:#fff9}.dark-mode .vertical-timeline-element .vertical-timeline-element-content .vertical-timeline-element-date{color:#ffffff80}.projects-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:120px 80px;width:100%}@media(max-width:1024px){.projects-container{padding:100px 60px}}@media(max-width:768px){.projects-container{padding:80px 24px}}.projects-container .content-wrapper{max-width:1400px;padding:0;width:100%}.projects-container h1{color:#000;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:20px;text-align:center}.projects-container .subtitle{color:#666;font-size:1.25rem;margin-bottom:60px;text-align:center}.projects-container .filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:60px}.projects-container .filter-buttons .filter-btn{background-color:#0000;border:2px solid #e5e5e5;border-radius:24px;color:#666;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.projects-container .filter-buttons .filter-btn:hover{background:#c084fc0d;border-color:#c084fc;color:#000;transform:translateY(-1px)}.projects-container .filter-buttons .filter-btn.active{background:#000;border-color:#000;color:#fff}.projects-container .filter-buttons .filter-btn.active:hover{background:#333;border-color:#333}.projects-container .projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);width:100%}.projects-container .projects-grid.single-item{display:flex;justify-content:flex-start}.projects-container .projects-grid.single-item .project{max-width:600px;width:100%}@media(max-width:968px){.projects-container .projects-grid{gap:32px;grid-template-columns:1fr}}.projects-container .projects-grid .project{animation:fadeInUp .5s ease forwards;background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;opacity:0;overflow:hidden;transform:translateY(20px);transition:all .3s ease}.projects-container .projects-grid .project:first-child{animation-delay:.1s}.projects-container .projects-grid .project:nth-child(2){animation-delay:.2s}.projects-container .projects-grid .project:nth-child(3){animation-delay:.3s}.projects-container .projects-grid .project:nth-child(4){animation-delay:.4s}.projects-container .projects-grid .project:nth-child(5){animation-delay:.5s}.projects-container .projects-grid .project:nth-child(6){animation-delay:.6s}.projects-container .projects-grid .project:hover{border-color:#c084fc;box-shadow:0 16px 40px #c084fc26;transform:translateY(-6px)}.projects-container .projects-grid .project:hover img.zoom{transform:scale(1.05)}.projects-container .projects-grid .project:hover h2{color:#c084fc}.projects-container .projects-grid .project a:first-of-type{background:#f5f5f5;display:block;overflow:hidden;position:relative}.projects-container .projects-grid .project a:first-of-type:after{background:linear-gradient(0deg,#0000000d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.projects-container .projects-grid .project a:first-of-type:hover:after{opacity:1}.projects-container .projects-grid .project img{height:240px;object-fit:cover;transition:transform .4s ease;width:100%}.projects-container .projects-grid .project .project-content{display:flex;flex-direction:column;flex-grow:1;padding:28px}.projects-container .projects-grid .project h2{color:#000;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin:0 0 14px;transition:color .2s ease}.projects-container .projects-grid .project p{color:#666;flex-grow:1;font-size:1.0625rem;line-height:1.7;margin:0}.projects-container .projects-grid .project a{color:inherit;text-decoration:none}.zoom{height:240px;object-fit:cover;transition:transform .4s ease;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .projects-container{background-color:#0a0a0a}.dark-mode .projects-container h1{color:#fff}.dark-mode .projects-container .subtitle{color:#fff9}.dark-mode .projects-container .filter-buttons .filter-btn{border-color:#fff3;color:#fff9}.dark-mode .projects-container .filter-buttons .filter-btn:hover{background:#c084fc1a;border-color:#c084fc;color:#fff}.dark-mode .projects-container .filter-buttons .filter-btn.active{background:#fff;border-color:#fff;color:#000}.dark-mode .projects-container .filter-buttons .filter-btn.active:hover{background:#e5e5e5;border-color:#e5e5e5}.dark-mode .projects-container .projects-grid .project{background:#ffffff08;border-color:#ffffff1a;box-shadow:0 2px 12px #0000004d}.dark-mode .projects-container .projects-grid .project a:first-of-type{background:#0000004d}.dark-mode .projects-container .projects-grid .project:hover{border-color:#c084fc;box-shadow:0 16px 40px #c084fc33}.dark-mode .projects-container .projects-grid .project h2{color:#fff}.dark-mode .projects-container .projects-grid .project p{color:#fff9}#contact{align-items:center;background-color:#0a0a0a;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:120px 40px}#contact .contact-container{margin:0 auto;max-width:600px;width:100%}#contact .contact-container .section-title{color:#fff;display:inline-block;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;left:50%;letter-spacing:.08em;margin-bottom:50px;position:relative;text-align:center;transform:translateX(-50%)}#contact .contact-container .section-title:after{background:#ab47bc;border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}#contact .contact-container .contact-form{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:48px;transition:all .3s ease}#contact .contact-container .contact-form:hover{border-color:#ab47bc26;box-shadow:0 20px 40px #ab47bc14}#contact .contact-container .contact-form .form-group{margin-bottom:24px}#contact .contact-container .contact-form .form-group .input-group{align-items:center;display:flex;position:relative}#contact .contact-container .contact-form .form-group .input-group .input-icon{color:#fff6;font-size:1rem;left:18px;position:absolute;transition:color .2s ease}#contact .contact-container .contact-form .form-group .input-group input{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:16px 18px 16px 52px;transition:all .2s ease;width:100%}#contact .contact-container .contact-form .form-group .input-group input::placeholder{color:#fff6}#contact .contact-container .contact-form .form-group .input-group input:focus{background:#ffffff0d;border-color:#ab47bc;outline:none}#contact .contact-container .contact-form .form-group .input-group input:focus+.input-icon,#contact .contact-container .contact-form .form-group .input-group input:focus~.input-icon{color:#ab47bc}#contact .contact-container .contact-form .form-group .input-group input.error{border-color:#ef5350}#contact .contact-container .contact-form .form-group textarea{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;min-height:160px;padding:18px;resize:vertical;transition:all .2s ease;width:100%}#contact .contact-container .contact-form .form-group textarea::placeholder{color:#fff6}#contact .contact-container .contact-form .form-group textarea:focus{background:#ffffff0d;border-color:#ab47bc;outline:none}#contact .contact-container .contact-form .form-group textarea.error{border-color:#ef5350}#contact .contact-container .contact-form .form-group .error-message{color:#ef5350;display:block;font-size:.85rem;margin-top:8px}#contact .contact-container .contact-form .submit-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#0a0a0a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .2s ease;width:100%}#contact .contact-container .contact-form .submit-btn:hover{background:#ab47bc;color:#fff;transform:translateY(-2px)}#contact .contact-container .contact-form .submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}#contact .contact-container .contact-form .submit-btn svg{height:20px;width:20px}@media(max-width:768px){#contact{padding:80px 24px}#contact .contact-container .contact-form{padding:32px 24px}}.light-mode #contact{background-color:#fafafa}.light-mode #contact .contact-container .section-title{color:#0a0a0a}.light-mode #contact .contact-container .contact-form{background:#00000005;border-color:#0000000f}.light-mode #contact .contact-container .contact-form:hover{box-shadow:0 20px 40px #0000000f}.light-mode #contact .contact-container .contact-form .form-group .input-group .input-icon{color:#0a0a0a66}.light-mode #contact .contact-container .contact-form .form-group .input-group input{background:#00000005;border-color:#00000014;color:#0a0a0a}.light-mode #contact .contact-container .contact-form .form-group .input-group input::placeholder{color:#0a0a0a66}.light-mode #contact .contact-container .contact-form .form-group .input-group input:focus{border-color:#ab47bc}.light-mode #contact .contact-container .contact-form .form-group textarea{background:#00000005;border-color:#00000014;color:#0a0a0a}.light-mode #contact .contact-container .contact-form .form-group textarea::placeholder{color:#0a0a0a66}.light-mode #contact .contact-container .contact-form .form-group textarea:focus{border-color:#ab47bc}.light-mode #contact .contact-container .contact-form .submit-btn{background:#0a0a0a;color:#fff}.light-mode #contact .contact-container .contact-form .submit-btn:hover{background:#ab47bc}.footer{background-color:#0a0a0a;border-top:1px solid #ffffff0f;padding:60px 40px 40px}.footer .footer-content{align-items:center;display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px}.footer .footer-content .footer-links{display:flex;gap:32px}.footer .footer-content .footer-links a{align-items:center;color:#fff9;display:flex;font-size:.95rem;gap:8px;text-decoration:none;transition:all .2s ease}.footer .footer-content .footer-links a:hover{color:#ab47bc;transform:translateY(-2px)}.footer .footer-content .footer-links a svg{height:20px;width:20px}.footer .footer-content .footer-text{color:#fff6;font-size:.85rem;line-height:1.6;text-align:center}.footer .footer-content .footer-text a{color:#ab47bc;text-decoration:none;transition:color .2s ease}.footer .footer-content .footer-text a:hover{color:#d81b60}.light-mode .footer{background-color:#fafafa;border-top-color:#0000000f}.light-mode .footer .footer-content .footer-links a{color:#0a0a0a99}.light-mode .footer .footer-content .footer-links a:hover{color:#ab47bc}.light-mode .footer .footer-content .footer-text{color:#0a0a0a66}@media screen and (max-width:768px){.footer{padding:48px 24px 32px}.footer .footer-content{gap:24px}.footer .footer-content .footer-links{flex-wrap:wrap;gap:24px;justify-content:center}}
/*# sourceMappingURL=main.3496c7cb.css.map*/