@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#2c2c2c;background-color:#faf3e1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#faf3e1}#root{min-height:100vh}.portfolio{background-color:#faf3e1;min-height:100vh}html{scroll-behavior:smooth}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-stagger{opacity:0;transform:translate(-20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-stagger.visible{opacity:1;transform:translate(0)}.scroll-animate-stagger:nth-child(1){transition-delay:.1s}.scroll-animate-stagger:nth-child(2){transition-delay:.2s}.scroll-animate-stagger:nth-child(3){transition-delay:.3s}.scroll-animate-stagger:nth-child(4){transition-delay:.4s}.scroll-animate-stagger:nth-child(5){transition-delay:.5s}.scroll-animate-stagger:nth-child(6){transition-delay:.6s}.scroll-animate-stagger:nth-child(7){transition-delay:.7s}.scroll-animate-stagger:nth-child(8){transition-delay:.8s}.scroll-animate-stagger:nth-child(9){transition-delay:.9s}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;animation:fadeIn 1s ease-in}.hero-name{font-size:4.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;letter-spacing:-.02em}.hero-title{font-size:1.5rem;font-weight:500;color:#8b7355;margin-bottom:2rem;letter-spacing:.05em}.hero-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.hero-link{color:#5c5c5c;text-decoration:none;font-size:1rem;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.hero-link:hover{color:#8b7355}.scroll-indicator{margin-top:2rem;color:#8b7355;font-size:.9rem;animation:bounce 2s infinite}.section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-title{font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:#8b7355}.about-content{font-size:1.2rem;line-height:1.8;color:#5c5c5c;margin-top:3rem;max-width:900px}.experience-container{margin-top:3rem}.experience-item{margin-bottom:4rem;padding-left:2rem;border-left:3px solid #8b7355;position:relative}.experience-item:before{content:"";position:absolute;left:-8px;top:0;width:13px;height:13px;background-color:#8b7355;border-radius:50%}.experience-header{margin-bottom:1.5rem}.experience-title{font-size:1.5rem;font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.experience-company{font-size:1.2rem;font-weight:500;color:#8b7355;margin-bottom:.3rem}.experience-period{font-size:1rem;color:#7a7a7a;font-style:italic}.experience-highlights{list-style:none;padding:0}.experience-highlights li{position:relative;padding-left:1.5rem;margin-bottom:1rem;color:#5c5c5c;line-height:1.7}.experience-highlights li:before{content:"▸";position:absolute;left:0;color:#8b7355;font-weight:700}.education-card{background-color:#8b73550d;padding:2rem;border-radius:12px;margin-top:3rem;border-left:4px solid #8b7355}.education-degree{font-size:1.4rem;font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.education-institution{font-size:1.2rem;color:#8b7355;margin-bottom:.5rem}.education-details{color:#5c5c5c;font-size:1rem}.tech-container{margin-top:3rem}.tech-category{margin-bottom:2.5rem}.tech-category-title{font-size:1.2rem;font-weight:600;color:#8b7355;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background-color:#8b73551a;color:#5c5c5c;padding:.5rem 1rem;border-radius:20px;font-size:.95rem;font-weight:500;transition:all .3s ease;border:1px solid transparent}.tech-tag:hover{background-color:#8b7355;color:#faf3e1;transform:translateY(-2px)}.footer{text-align:center;padding:3rem 2rem;border-top:1px solid rgba(139,115,85,.2)}.footer-text{color:#7a7a7a;font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.2rem}.section-title{font-size:2rem}.hero-links{flex-direction:column;gap:1rem}.experience-item{padding-left:1.5rem}.section{padding:3rem 1.5rem}}