.navigation{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .3s ease}.navigation.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 0;box-shadow:0 5px 20px #0000000d}.navigation .nav-container{max-width:1200px;margin:auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navigation .logo{font-size:1.3rem;font-weight:500;text-decoration:none;color:#000}.navigation .logo .logo-dot{display:inline-block;width:6px;height:6px;background:#000;border-radius:50%;margin-left:4px;position:relative;top:-3px}.navigation .desktop-menu{display:none}@media(min-width:768px){.navigation .desktop-menu{display:flex;gap:2.5rem}}.navigation .desktop-menu a{text-decoration:none;color:#666;font-size:.95rem;position:relative}.navigation .desktop-menu a span{position:relative;padding-bottom:3px}.navigation .desktop-menu a span:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:right;transition:transform .3s}.navigation .desktop-menu a:hover,.navigation .desktop-menu a.active{color:#000}.navigation .desktop-menu a:hover span:after,.navigation .desktop-menu a.active span:after{transform:scaleX(1);transform-origin:left}.navigation .menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:16px;background:none;border:none;cursor:pointer}.navigation .menu-toggle span{height:2px;background:#000;width:100%;transition:.3s}.navigation .menu-toggle.open span:nth-child(1){transform:rotate(45deg) translateY(6px)}.navigation .menu-toggle.open span:nth-child(2){opacity:0}.navigation .menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}@media(min-width:768px){.navigation .menu-toggle{display:none}}.navigation .mobile-menu{position:fixed;top:0;left:0;height:0;width:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:height .4s ease}.navigation .mobile-menu.open{height:100vh}.navigation .mobile-menu a{font-size:2rem;text-decoration:none;color:#000}@media(min-width:768px){.navigation .mobile-menu{display:none}}.hero{min-height:100vh;display:flex;align-items:center;background:#fff;position:relative}.hero .hero-container{max-width:1200px;margin:auto;padding:0 2rem;display:flex;align-items:center;gap:4rem}@media(max-width:768px){.hero .hero-container{flex-direction:column;text-align:center}}.hero .hero-content{flex:1}.hero .hero-content .hero-title{font-size:4.5rem;font-weight:300;line-height:1.2;margin-bottom:1rem;opacity:0;transform:translateY(30px);transition:.7s ease}.hero .hero-content .hero-title span{font-weight:500;border-bottom:3px solid #000000}.hero .hero-content .hero-title.show{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero .hero-content .hero-title{font-size:3rem}}.hero .hero-content .hero-subtitle{font-size:1.5rem;color:#666;margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:.7s ease .2s}.hero .hero-content .hero-subtitle.show{opacity:1;transform:translateY(0)}.hero .hero-content .hero-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:.7s ease .4s}.hero .hero-content .hero-tags span{border:1px solid #e0e0e0;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;color:#666;transition:.3s}.hero .hero-content .hero-tags span:hover{background:#000;color:#fff}.hero .hero-content .hero-tags.show{opacity:1;transform:translateY(0)}.hero .hero-content .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:.7s ease .6s}.hero .hero-content .hero-buttons.show{opacity:1;transform:translateY(0)}.hero .hero-content .hero-buttons a{text-decoration:none;padding:.7rem 1.4rem;font-size:.9rem;border-radius:4px;transition:.3s}.hero .hero-content .hero-buttons .btn-primary{border:1px solid #000000}.hero .hero-content .hero-buttons .btn-primary:hover{background:#000;color:#fff}.hero .hero-content .hero-buttons .btn-secondary{background:#333;color:#fff}.hero .hero-content .hero-buttons .btn-secondary:hover{transform:translateY(-2px)}.hero .hero-content .hero-buttons .btn-linkedin{background:#0077b5;color:#fff}.hero .hero-content .hero-buttons .btn-linkedin:hover{transform:translateY(-2px)}.hero .hero-image{flex:1;position:relative;display:flex;justify-content:center;opacity:0;transform:translateY(30px);transition:.8s ease .8s}.hero .hero-image.show{opacity:1;transform:translateY(0)}.hero .hero-image .blob{position:absolute;width:350px;height:350px;background:#0000000d;border-radius:50%;animation:float 6s ease-in-out infinite}.hero .hero-image .photo-wrapper{width:300px;height:300px;overflow:hidden;border-radius:50%;z-index:2;box-shadow:0 20px 40px #0000001a}.hero .hero-image .photo-wrapper img{width:100%;height:100%;object-fit:cover}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.about{background-color:#fff}.about .about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about .about-container h2{font-size:2.5rem;margin-bottom:4rem}@media(min-width:768px){.about .about-container h2{font-size:3rem}}.about .about-container .about-content{display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.about .about-container .about-content{flex-direction:row}}.about .about-container .about-content .about-text{flex:1}.about .about-container .about-content .about-text p{font-size:1.125rem;color:#666;margin-bottom:2rem;line-height:1.8}@media(min-width:768px){.about .about-container .about-content .about-text p{font-size:1.25rem}}.about .about-container .about-content .about-skills{flex:1;display:flex;flex-direction:column;gap:1.5rem}.about .about-container .about-content .about-skills .skill-card{padding:1.5rem;border-left:2px solid #e0e0e0;transition:all .3s ease}.about .about-container .about-content .about-skills .skill-card:hover{border-color:#000;transform:translate(10px)}.about .about-container .about-content .about-skills .skill-card h3{font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.about .about-container .about-content .about-skills .skill-card p{color:#666;line-height:1.6}.education{background-color:#fff;padding:6rem 0}.education .education-container{max-width:1200px;margin:0 auto;padding:0 2rem}.education .education-container h2{font-size:2.5rem;font-weight:300;margin-bottom:4rem}@media(min-width:768px){.education .education-container h2{font-size:3rem}}.education .education-container .education-timeline{position:relative}.education .education-container .education-timeline:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:1px;background-color:#e0e0e0}@media(min-width:768px){.education .education-container .education-timeline:before{left:50%;transform:translate(-50%)}}.education .education-container .education-timeline .education-card{position:relative;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;margin-bottom:3rem;margin-left:3rem;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}@media(min-width:768px){.education .education-container .education-timeline .education-card{width:80%;margin-left:auto;margin-right:auto}}.education .education-container .education-timeline .education-card:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#000;left:-38px;top:2rem;box-shadow:0 0 0 4px #0000000d}@media(min-width:768px){.education .education-container .education-timeline .education-card:before{left:-8px}}.education .education-container .education-timeline .education-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.education .education-container .education-timeline .education-card .education-header{display:flex;flex-direction:column;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:1.5rem}@media(min-width:768px){.education .education-container .education-timeline .education-card .education-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.education .education-container .education-timeline .education-card .education-header .degree-info{margin-bottom:1rem}@media(min-width:768px){.education .education-container .education-timeline .education-card .education-header .degree-info{margin-bottom:0}}.education .education-container .education-timeline .education-card .education-header .degree-info h3{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;line-height:1.3}.education .education-container .education-timeline .education-card .education-header .degree-info .institution{font-size:1.1rem;color:#000;margin-bottom:.25rem}.education .education-container .education-timeline .education-card .education-header .degree-info .location{font-size:.9rem;color:#666}.education .education-container .education-timeline .education-card .education-header .education-meta{display:flex;flex-direction:column;align-items:flex-start}@media(min-width:768px){.education .education-container .education-timeline .education-card .education-header .education-meta{align-items:flex-end}}.education .education-container .education-timeline .education-card .education-header .education-meta .period{font-size:.9rem;color:#666;margin-bottom:.5rem}.education .education-container .education-timeline .education-card .education-header .education-meta .gpa{font-size:1rem}.education .education-container .education-timeline .education-card .education-header .education-meta .gpa span{font-weight:500}.education .education-container .education-timeline .education-card .education-description{font-size:1rem;line-height:1.7;color:#666;margin-bottom:1.5rem}.education .education-container .education-timeline .education-card .key-courses h4{font-size:1.1rem;font-weight:500;margin-bottom:1rem}.education .education-container .education-timeline .education-card .key-courses .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.education .education-container .education-timeline .education-card .key-courses .courses-grid .course{font-size:.9rem;color:#666;background-color:#f9f9f9;padding:.5rem .75rem;border-radius:4px;transition:all .3s ease}.education .education-container .education-timeline .education-card .key-courses .courses-grid .course:hover{background-color:#f1f1f1;transform:translateY(-2px)}.internship-timeline{position:relative}.internship-timeline:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:1px;background-color:#e0e0e0}@media(min-width:768px){.internship-timeline:before{left:50%;transform:translate(-50%)}}.internship-timeline .internship-card{position:relative;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;margin-bottom:3rem;margin-left:3rem;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}@media(min-width:768px){.internship-timeline .internship-card{width:80%;margin-left:auto;margin-right:auto}}.internship-timeline .internship-card:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#000;left:-38px;top:2rem;box-shadow:0 0 0 4px #0000000d}@media(min-width:768px){.internship-timeline .internship-card:before{left:-8px}}.internship-timeline .internship-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.internship-timeline .internship-card .internship-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.internship-timeline .internship-card .internship-header h3{font-size:1.4rem;font-weight:400;margin-bottom:.3rem}.internship-timeline .internship-card .internship-header .company{font-size:1rem;color:#000}.internship-timeline .internship-card .internship-header .period{font-size:.9rem;color:#666}.internship-timeline .internship-card .internship-description{font-size:1rem;line-height:1.7;color:#666}.skills{background-color:#f9f9f9;padding:6rem 0}.skills .skills-container{max-width:1200px;margin:0 auto;padding:0 2rem}.skills .skills-container h2{font-size:2.5rem;font-weight:300;margin-bottom:3rem}@media(min-width:768px){.skills .skills-container h2{font-size:3rem}}.skills .skills-container .skills-filter{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.skills .skills-container .skills-filter .filter-btn{padding:.5rem 1.25rem;background-color:transparent;border:1px solid #e0e0e0;font-size:.9rem;cursor:pointer;transition:all .3s ease}.skills .skills-container .skills-filter .filter-btn:hover{background-color:#00000008}.skills .skills-container .skills-filter .filter-btn.active{background-color:#000;color:#fff;border-color:#000}.skills .skills-container .skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:576px){.skills .skills-container .skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.skills .skills-container .skills-grid{grid-template-columns:repeat(3,1fr)}}.skills .skills-container .skills-grid .skill-card{background-color:#fff;padding:1.5rem;border:1px solid #e0e0e0;transition:all .3s ease}.skills .skills-container .skills-grid .skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.skills .skills-container .skills-grid .skill-card .skill-header{margin-bottom:1rem}.skills .skills-container .skills-grid .skill-card .skill-header .skill-name{font-size:1.25rem;font-weight:400;margin:0}.skills .skills-container .skills-grid .skill-card .skill-description{font-size:.9rem;color:#666;line-height:1.6;margin:0}.project-card{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.project-card{flex-direction:row;align-items:center;gap:4rem}.project-card.reversed{flex-direction:row-reverse}}.project-card .project-image{flex:2;overflow:hidden;position:relative;aspect-ratio:16/9;border-radius:4px;box-shadow:0 4px 20px #00000014}.project-card .project-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .7s ease;filter:grayscale(20%)}.project-card .project-image:hover img{transform:scale(1.05);filter:grayscale(0%)}.project-card .project-image .youtube-link{display:block;position:relative;width:100%;height:100%}.project-card .project-image .youtube-link img{width:100%;height:100%;object-fit:cover}.project-card .project-image .youtube-link .youtube-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.project-card .project-image .youtube-link .youtube-overlay .youtube-icon{width:50px;height:50px;margin-bottom:10px;color:#fff}.project-card .project-image .youtube-link .youtube-overlay span{font-size:.9rem;letter-spacing:.5px}.project-card .project-image .youtube-link:hover .youtube-overlay{opacity:1}.project-card .project-details{flex:1}.project-card .project-details .project-number{font-size:.75rem;font-weight:500;color:#666;letter-spacing:.1em}.project-card .project-details .project-title{font-size:1.75rem;font-weight:300;margin:.5rem 0 1rem;transition:transform .3s ease}@media(min-width:768px){.project-card .project-details .project-title{font-size:2rem}}.project-card .project-details .project-description{color:#666;margin-bottom:1.5rem;line-height:1.7}.project-card .project-details .project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .project-details .project-tags .tag{display:inline-block;padding:.25rem .75rem;font-size:.75rem;background-color:#f0f0f0;border-radius:20px;transition:all .3s ease}.project-card .project-details .project-tags .tag:hover{background-color:#e0e0e0;transform:translateY(-2px)}.project-card:hover .project-title{transform:translate(10px)}.image-slider{position:relative;width:100%;height:100%}.image-slider img{width:100%;height:100%;object-fit:cover}.image-slider button{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;padding:8px 12px;cursor:pointer;z-index:2;border-radius:4px}.image-slider .prev{left:10px}.image-slider .next{right:10px}.project-link{display:inline-block;margin-top:1rem;font-size:.85rem;letter-spacing:.05em;text-decoration:none;color:#111;border-bottom:1px solid #111;transition:all .3s ease}.project-link:hover{opacity:.6}.work{background-color:#f9f9f9;padding:6rem 0}.work .work-container{max-width:1200px;margin:0 auto;padding:0 2rem}.work .work-container h2{font-size:2.5rem;font-weight:300;margin-bottom:4rem}@media(min-width:768px){.work .work-container h2{font-size:3rem}}.work .work-container .projects-grid{display:flex;flex-direction:column;gap:6rem}.work .work-container .projects-grid .project-image{aspect-ratio:16/9;overflow:hidden}.work .work-container .projects-grid .project-image img{width:100%;height:100%;object-fit:cover}.contact{background-color:#fff}.contact .contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact .contact-container h2{font-size:2.5rem;margin-bottom:4rem;text-align:center}@media(min-width:768px){.contact .contact-container h2{font-size:3rem}}.contact .contact-container .contact-content{display:flex;justify-content:center}.contact .contact-container .contact-content .contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;width:100%;max-width:1000px}@media(min-width:768px){.contact .contact-container .contact-content .contact-info{grid-template-columns:repeat(5,1fr);gap:2rem}}.contact .contact-container .contact-content .contact-info .info-item{text-align:center}.contact .contact-container .contact-content .contact-info .info-item h3{font-size:1.125rem;font-weight:500;margin-bottom:.75rem;color:#000}.contact .contact-container .contact-content .contact-info .info-item a,.contact .contact-container .contact-content .contact-info .info-item p{font-size:1rem;color:#666;line-height:1.5}@media(min-width:768px){.contact .contact-container .contact-content .contact-info .info-item a,.contact .contact-container .contact-content .contact-info .info-item p{font-size:.9rem}}.contact .contact-container .contact-content .contact-info .info-item .underline-link{position:relative;display:inline-block;transition:color .3s ease;text-decoration:none}.contact .contact-container .contact-content .contact-info .info-item .underline-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#000;transition:width .3s ease}.contact .contact-container .contact-content .contact-info .info-item .underline-link:hover{color:#000}.contact .contact-container .contact-content .contact-info .info-item .underline-link:hover:after{width:100%}.footer{background-color:#f9f9f9;padding:2rem 0;border-top:1px solid #e0e0e0}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer .footer-container p{font-size:.875rem;color:#666}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.6;color:#000;background-color:#f9f9f9;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}button{background:none;border:none;font-family:inherit}input,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.animate-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{padding:6rem 0}