:root{--primary: #64ffda;--primary-dark: #4fd1c5;--bg-primary: #0a0e17;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #d0d0d0;--text-muted: #a0aec0;--tech-react: #4299e1;--tech-js: #48bb78;--tech-state: #9f7aea;--tech-build: #ecc94b;--tech-backend: #a0aec0;--tech-ui: #38b2ac;--tech-devops: #333333;--code-keyword: #c678dd;--code-string: #98c379;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "Fira Code", "Courier New", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--font-5xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--section-padding: 4rem 0;--transition-fast: all .2s ease;--transition-medium: all .3s ease;--accent: var(--primary)}.app{position:relative;overflow-x:hidden;width:100%}.content{margin:0 auto;padding:0 20%;position:relative;z-index:100;width:100%;max-width:100vw;box-sizing:border-box;display:flex;flex-direction:column;gap:100px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}section{position:relative;z-index:1;overflow-x:hidden;margin-bottom:50px;margin-top:30px}section:not(:first-child){padding:var(--spacing-2xl) 0}#hero,#about,#projects,#contact,#educationAndExperienceRef,#skillsRef{padding-top:var(--spacing-lg);scroll-margin-top:var(--spacing-lg);width:100%;overflow-x:hidden}@media (max-width: 1400px){.content{padding:0 15%}}@media (max-width: 1200px){.content{padding:0 10%}}@media (max-width: 992px){.content{padding:0 7%}section:not(:first-child){padding:var(--spacing-xl) 0}}@media (max-width: 768px){.content{padding:0 var(--spacing-md)}section:not(:first-child){padding:var(--spacing-lg) 0}}@media (max-width: 576px){.content{padding:0 var(--spacing-sm);margin-bottom:20%!important}#hero,#about,#projects,#contact,#educationAndExperienceRef,#skillsRef{padding-top:var(--spacing-lg);scroll-margin-top:var(--spacing-lg)}}.sidebar{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:100}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.sidebar-nav li{width:40px;height:40px;background-color:#141c2ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-secondary);transition:all .3s ease;border:2px solid transparent}.sidebar-nav li:hover,.sidebar-nav li.active{background-color:#64ffda1a;color:var(--accent);border-color:var(--accent)}.sidebar-nav .icon{font-size:1.2rem}.sidebar-nav .tooltip{position:absolute;right:50px;background-color:var(--bg-secondary);color:var(--text-primary);padding:6px 12px;border-radius:4px;font-size:.85rem;white-space:nowrap;visibility:hidden;opacity:0;transition:all .3s ease}.sidebar-nav li:hover .tooltip{visibility:visible;opacity:1}@media (max-width: 768px){.sidebar{bottom:0;top:auto;right:0;transform:none;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300}.sidebar-nav ul{flex-direction:row;justify-content:space-around;background-color:var(--bg-secondary);padding:10px}.sidebar-nav .tooltip{display:none}.sidebar-nav li{width:50px;height:50px}.sidebar-nav .icon{font-size:1.6rem}}.language-switcher{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.selected-language{display:flex;align-items:center;gap:4px}.language-code{font-size:14px}.flag-icon{max-width:100%!important;max-height:100%!important;border-radius:50%;object-fit:cover}.language-switcher .dropdown-menu{background-color:var(--bg-secondary);color:var(--text-primary);padding:6px 12px;border-radius:4px;font-size:.85rem;white-space:nowrap;border:none;box-shadow:0 2px 8px #00000026;margin-top:-10px;left:auto!important;right:300%!important;transform:translate(50px)!important}.language-option{display:flex;align-items:center;gap:6px;padding:4px 0;border-radius:4px;transition:color .2s;background-color:transparent!important}.dropdown-item:hover,.dropdown-item:focus{background-color:transparent!important;color:var(--accent-color, #4fd1c5)!important}.language-option.active{color:var(--accent-color, #4fd1c5)!important;background-color:transparent!important}@media (max-width: 768px){.language-switcher .dropdown-menu{left:auto!important;right:0!important;transform:translateY(-100%) translate(0)!important;top:-20px!important;height:85px;z-index:1050!important}.language-option{padding:8px 4px!important;margin:2px 0!important}.language-switcher{position:relative!important;z-index:1000!important}}#hero-section{z-index:1;padding:0 15px}.hero-content{z-index:2;width:100%}.description{font-size:var(--font-md);line-height:1.6}.typewriter-container{height:170px;min-height:170px}.button-container{width:99%}.btn-row{display:flex;gap:1rem}.btn-hero{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-medium);text-decoration:none;border:none;outline:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary);color:var(--bg-primary)}.btn-primary:hover{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--text-primary);box-shadow:0 0 0 2px var(--text-muted)}.btn-secondary:hover{background-color:#ffffff1a;box-shadow:0 0 0 2px var(--text-primary);transform:translateY(-2px)}@media (max-width: 768px){.description{font-size:var(--font-base);text-align:center}.typewriter-container{height:100px!important;min-height:100px!important}.btn-row{display:flex;flex-direction:column;gap:.75rem}.btn-row button:nth-child(1),.btn-row button:nth-child(2){width:48%}.btn-row{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.resume-link{width:100%;margin-top:.75rem}.resume-link button{width:100%!important}.btn-hero.btn-secondary.mx-md-3{margin-left:0!important;margin-right:0!important}}@media (min-width: 769px){.btn-row{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.resume-link{display:inline-block;width:auto}}.typewriter{position:relative;transition:opacity .2s ease-out}.typewriter.restarting{opacity:0}.typewriter:after{content:"|";position:relative;display:inline-block;color:var(--accent-color, #4fd1c5);opacity:1;animation:cursor-blink 1s infinite;margin-left:3px}@keyframes cursor-blink{0%,70%{opacity:1}71%,to{opacity:0}}.language-transition .typewriter{opacity:0;transition:opacity .15s ease-out}.typewriter{font-size:26px;text-align:center!important}@media (min-width: 768px){.typewriter{font-size:44px}}#education-section{margin:0 auto}#education-section h2{font-size:2rem;margin-bottom:1rem;color:#fff;text-align:center}.vertical-timeline{padding:1rem 0}.vertical-timeline-element-content{box-shadow:0 4px 12px #00000026!important;padding:1.5rem!important;border-radius:8px!important;transition:transform .3s ease,box-shadow .3s ease}.vertical-timeline-element-content:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003!important}.vertical-timeline-element-title{font-size:1.25rem!important;font-weight:600!important;color:#fff!important;margin-bottom:.5rem!important}.vertical-timeline-element-subtitle{font-size:1rem!important;color:#a0aec0!important;margin-bottom:.75rem!important;font-weight:500!important}.vertical-timeline-element-content p{font-size:.95rem!important;line-height:1.6!important;color:#d0d0d0!important}.vertical-timeline-element-date{font-size:.9rem!important;font-weight:500!important;color:#fff!important;margin:0!important;padding:.5rem 0!important}.vertical-timeline-element-icon i{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{animation-name:timeline-bounce-in;animation-duration:.8s}@keyframes timeline-bounce-in{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(-8px)}to{transform:translateY(0)}}@media only screen and (max-width: 1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{animation-name:timeline-bounce-in-mobile}@keyframes timeline-bounce-in-mobile{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-8px)}to{transform:translate(0)}}.vertical-timeline-element-date{margin-top:1rem!important;background-color:#0000001a;padding:.5rem!important;border-radius:4px;text-align:center}}.vertical-timeline-element:last-child .vertical-timeline-element-icon{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10cc5266}70%{box-shadow:0 0 0 10px #10cc5200}to{box-shadow:0 0 #10cc5200}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@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{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.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{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-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)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.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{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{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{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.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{top:24px;left:auto;right:100%;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{top:24px;left:100%;right:auto;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{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@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;-moz-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{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(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)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.small-btn{padding:10px!important}.medium-btn{padding:10px 20px!important}.common-header{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-weight-medium);text-align:center}.common-description{color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-weight-normal);margin:var(--spacing-md) 0 var(--spacing-xl);line-height:1.6;text-align:center}.section-background-circles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.section-circle{position:absolute;border-radius:50%;background-color:var(--accent, #64ffda);opacity:.03;animation:subtle-pulse 15s infinite ease-in-out}@keyframes subtle-pulse{0%,to{transform:scale(1);opacity:.03}50%{transform:scale(1.03);opacity:.04}}.section-container{position:relative;overflow-x:hidden;width:100%}@media (max-width: 768px){.section-circle{transform:scale(.6);transform-origin:center;max-width:80vw;max-height:80vh}}.twinkle{animation:twinkle linear infinite}@keyframes twinkle{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.shooting-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:10}.shooting-star.left-to-right{background:radial-gradient(ellipse at 100% 50%,#fff,#f0f5ffe6 10%,#dce6ff99 25%,#c8dcff4d,#b4c8ff1a,#a0b4ff00);box-shadow:0 0 12px #fffc,0 0 6px #dcf0ff99;border-radius:50% 20% 20% 50%;transform-origin:100% 50%}.shooting-star.right-to-left{background:radial-gradient(ellipse at 0% 50%,#fff,#f0f5ffe6 10%,#dce6ff99 25%,#c8dcff4d,#b4c8ff1a,#a0b4ff00);box-shadow:0 0 12px #fffc,0 0 6px #dcf0ff99;border-radius:20% 50% 50% 20%;transform-origin:0% 50%}#contact-section{padding:var(--section-padding);display:flex;align-items:center;justify-content:center;text-align:center}.contact-container{max-width:600px;margin:0 auto}.social-links{display:flex;justify-content:center;gap:30px;margin-top:40px}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);transition:all .3s ease}.social-link:hover{transform:translateY(-5px)}.social-link img{filter:brightness(0) saturate(100%) invert(100%)}.social-link:hover img{filter:brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(400%) hue-rotate(127deg) brightness(105%) contrast(101%)}.memory-monitor-container{position:fixed;bottom:10px;left:10px;background-color:#000000b3;padding:4px 8px;border-radius:4px;font-size:12px;z-index:9999;font-family:monospace;display:flex;flex-direction:column;gap:2px}.memory-item,.memory-normal{color:#2ed573}.memory-medium{color:#ffa502}.memory-high{color:#ff6b6b}@media (max-width: 768px){.memory-monitor-container{bottom:80px}}