@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition-property:background-color,color;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light{background-color:#f8f9fa;color:#1b262c}body.dark{background-color:#1b262c;color:#bbe1fa}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1.5rem}h1{font-size:3rem}@media(min-width:768px){h1{font-size:4rem}}h2{font-size:1.875rem}@media(min-width:768px){h2{font-size:2.25rem}}h3{font-size:1.5rem}@media(min-width:768px){h3{font-size:1.875rem}}a{text-decoration:none;color:inherit;transition-property:color,opacity;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}button{font-family:inherit;cursor:pointer;border:none;background:none;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}section{min-height:100vh;padding:6rem 2rem}@media(min-width:768px){section{padding:6rem 3rem}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.container{padding:0 3rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1030;padding:1.5rem 0;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.light .navbar.scrolled{background:#f8f9fae6}body.dark .navbar.scrolled{background:#1b262ce6}.navbar__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.navbar__container{padding:0 3rem}}.navbar__container{display:flex;justify-content:space-between;align-items:center}.navbar__logo{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;cursor:pointer;transition-property:color,transform;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .navbar__logo{color:#3282b8}body.dark .navbar__logo{color:#bbe1fa}.navbar__logo:hover{transform:scale(1.05)}.navbar__menu{display:none;gap:2rem}@media(min-width:768px){.navbar__menu{display:flex}}.navbar__menu li button{font-size:1rem;font-weight:500;padding:.5rem 1.5rem;border-radius:.5rem;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .navbar__menu li button{color:#1b262c}body.light .navbar__menu li button:hover{color:#3282b8;background:#3282b81a}body.dark .navbar__menu li button{color:#bbe1fa}body.dark .navbar__menu li button:hover{color:#bbe1fa;background:#bbe1fa1a}.navbar__theme-toggle{font-size:1.5rem;padding:.5rem;border-radius:.5rem;transition-property:transform;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}.navbar__theme-toggle:hover{transform:rotate(20deg) scale(1.1)}.hero{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0}body.light .hero{background:linear-gradient(135deg,#f8f9fa,#c6dff0)}body.dark .hero{background:linear-gradient(135deg,#1b262c,#0f4c75)}.hero__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.hero__container{padding:0 3rem}}.hero__container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;text-align:center}.hero__content{max-width:1000px;margin:0 auto}.hero__name{font-size:clamp(2rem,6vw,4.5rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1}body.light .hero__name{color:#1b262c;text-shadow:2px 2px 4px rgba(0,0,0,.1)}body.dark .hero__name{background:linear-gradient(135deg,#bbe1fa,#3282b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__title{font-size:clamp(1.2rem,3vw,2rem);font-weight:600;letter-spacing:.3em;margin-bottom:4rem}body.light .hero__title{color:#0f4c75}body.dark .hero__title{color:#3282b8}.hero__cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero__button{padding:1.5rem 3rem;font-size:1.125rem;font-weight:600;border-radius:.75rem;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out;cursor:pointer}body.light .hero__button--primary{background:#3282b8;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.light .hero__button--primary:hover{background:#0f4c75;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .hero__button--primary{background:#bbe1fa;color:#1b262c;box-shadow:0 10px 30px #bbe1fa4d}body.dark .hero__button--primary:hover{background:#3282b8;color:#fff;transform:translateY(-2px);box-shadow:0 15px 40px #3282b866}body.light .hero__button--secondary{background:transparent;color:#3282b8;border:2px solid #3282B8}body.light .hero__button--secondary:hover{background:#3282b8;color:#fff;transform:translateY(-2px)}body.dark .hero__button--secondary{background:transparent;color:#bbe1fa;border:2px solid #BBE1FA}body.dark .hero__button--secondary:hover{background:#bbe1fa;color:#1b262c;transform:translateY(-2px)}.hero__scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.hero__scroll-mouse{width:30px;height:50px;border-radius:15px;position:relative}body.light .hero__scroll-mouse{border:2px solid #3282B8}body.dark .hero__scroll-mouse{border:2px solid #BBE1FA}.hero__scroll-mouse:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;animation:scroll 2s infinite}body.light .hero__scroll-mouse:before{background:#3282b8}body.dark .hero__scroll-mouse:before{background:#bbe1fa}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}body.light .about{background:#f8f9fa}body.dark .about{background:#0d1419}.about__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.about__container{padding:0 3rem}}.about__title{text-align:center;margin-bottom:6rem}body.light .about__title{color:#1b262c}body.dark .about__title{color:#bbe1fa}.about__content{display:grid;gap:3rem;margin-bottom:6rem}@media(min-width:1024px){.about__content{grid-template-columns:1fr 1fr;gap:4rem}}.about__bio p{font-size:1.125rem;line-height:1.8}body.light .about__bio p{color:#4a5568}body.dark .about__bio p{color:#cbd5e0}.about__info{display:flex;flex-direction:column;gap:2rem}.info-card{padding:3rem;border-radius:1rem;transition-property:transform,box-shadow;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .info-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}body.light .info-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}body.dark .info-card{background:#1b262c;border:1px solid #2d3748;box-shadow:0 4px 6px #0000004d}body.dark .info-card:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-5px)}.info-card h3{font-size:1.25rem;margin-bottom:1.5rem}body.light .info-card h3{color:#3282b8}body.dark .info-card h3{color:#bbe1fa}.info-card p{line-height:1.6}body.light .info-card p{color:#4a5568}body.dark .info-card p{color:#cbd5e0}.education-item:not(:last-child){margin-bottom:2rem;padding-bottom:2rem}body.light .education-item:not(:last-child){border-bottom:1px solid #e2e8f0}body.dark .education-item:not(:last-child){border-bottom:1px solid #2d3748}.education-item h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}body.light .education-item h4{color:#1b262c}body.dark .education-item h4{color:#bbe1fa}.education-item .institution{font-weight:500;margin-bottom:.5rem}body.light .education-item .institution{color:#0f4c75}body.dark .education-item .institution{color:#3282b8}.education-item .period{font-size:.875rem}body.light .education-item .period{color:#4a5568}body.dark .education-item .period{color:#cbd5e0}.about__skills .skills__title{text-align:center;margin-bottom:4rem}body.light .about__skills .skills__title{color:#1b262c}body.dark .about__skills .skills__title{color:#bbe1fa}.about__skills .skills__grid{display:grid;gap:3rem}@media(min-width:768px){.about__skills .skills__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.about__skills .skills__grid{grid-template-columns:repeat(3,1fr)}}.skill-category h4{font-size:1.25rem;margin-bottom:1.5rem}body.light .skill-category h4{color:#3282b8}body.dark .skill-category h4{color:#bbe1fa}.skill-category .skill-tags{display:flex;flex-wrap:wrap;gap:1rem}.skill-category .skill-tag{padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .skill-category .skill-tag{background:#3282b81a;color:#0f4c75;border:1px solid rgba(50,130,184,.2)}body.light .skill-category .skill-tag:hover{background:#3282b8;color:#fff;transform:translateY(-2px)}body.dark .skill-category .skill-tag{background:#bbe1fa1a;color:#bbe1fa;border:1px solid rgba(187,225,250,.2)}body.dark .skill-category .skill-tag:hover{background:#3282b8;color:#fff;transform:translateY(-2px)}body.light .experience{background:#fff}body.dark .experience{background:#1b262c}.experience__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.experience__container{padding:0 3rem}}.experience__title{text-align:center;margin-bottom:6rem}body.light .experience__title{color:#1b262c}body.dark .experience__title{color:#bbe1fa}.experience__timeline{max-width:900px;margin:0 auto;position:relative}.experience-card{position:relative;padding:3rem;margin-bottom:4rem;border-radius:1rem;transition-property:transform,box-shadow;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .experience-card{background:#f8f9fa;border-left:4px solid #3282B8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.light .experience-card:hover{transform:translate(10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .experience-card{background:#0d1419;border-left:4px solid #BBE1FA;box-shadow:0 4px 6px #0006}body.dark .experience-card:hover{transform:translate(10px);box-shadow:0 10px 20px #0009}.experience-card__badge{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.experience-card__badge .badge-current,.experience-card__badge .badge-type{padding:.5rem 1.5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}body.light .experience-card__badge .badge-current{background:linear-gradient(135deg,#10b981,#059669);color:#fff}body.dark .experience-card__badge .badge-current{background:linear-gradient(135deg,#34d399,#10b981);color:#1b262c}body.light .experience-card__badge .badge-type{background:#3282b826;color:#0f4c75}body.dark .experience-card__badge .badge-type{background:#bbe1fa26;color:#bbe1fa}.experience-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.experience-card__position{font-size:1.5rem;margin-bottom:.5rem}body.light .experience-card__position{color:#1b262c}body.dark .experience-card__position{color:#bbe1fa}.experience-card__company{font-size:1.25rem;font-weight:600}body.light .experience-card__company,body.dark .experience-card__company{color:#3282b8}.experience-card__date-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.experience-card__period{font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;border-radius:.5rem;white-space:nowrap}body.light .experience-card__period{background:#3282b81a;color:#0f4c75}body.dark .experience-card__period{background:#bbe1fa1a;color:#cbd5e0}.experience-card__duration{font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:.375rem;white-space:nowrap}body.light .experience-card__duration{background:linear-gradient(135deg,#3282b8,#0f4c75);color:#fff}body.dark .experience-card__duration{background:linear-gradient(135deg,#0f4c75,#3282b8);color:#bbe1fa}.experience-card__description{line-height:1.8;margin-bottom:2rem}body.light .experience-card__description{color:#4a5568}body.dark .experience-card__description{color:#cbd5e0}.experience-card__technologies h5{font-size:1rem;font-weight:600;margin-bottom:1.5rem}body.light .experience-card__technologies h5{color:#1b262c}body.dark .experience-card__technologies h5{color:#bbe1fa}.experience-card__technologies .tech-tags{display:flex;flex-wrap:wrap;gap:1rem}.experience-card__technologies .tech-tag{padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .experience-card__technologies .tech-tag{background:linear-gradient(135deg,#3282b8,#0f4c75);color:#fff}body.light .experience-card__technologies .tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.dark .experience-card__technologies .tech-tag{background:linear-gradient(135deg,#0f4c75,#3282b8);color:#bbe1fa}body.dark .experience-card__technologies .tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #3282b866}.experience-card__connector{position:absolute;left:-4px;bottom:-4rem;width:4px;height:4rem}body.light .experience-card__connector{background:linear-gradient(to bottom,#3282B8,transparent)}body.dark .experience-card__connector{background:linear-gradient(to bottom,#BBE1FA,transparent)}body.light .projects{background:#f8f9fa}body.dark .projects{background:#0d1419}.projects__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.projects__container{padding:0 3rem}}.projects__title{text-align:center;margin-bottom:6rem}body.light .projects__title{color:#1b262c}body.dark .projects__title{color:#bbe1fa}.projects__grid{display:grid;gap:3rem}@media(min-width:768px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects__grid{gap:4rem}}.project-card{position:relative;padding:3rem;border-radius:1rem;overflow:hidden;transition-property:transform,box-shadow;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .project-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.light .project-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .project-card{background:#1b262c;border:1px solid #2d3748;box-shadow:0 4px 6px #0006}body.dark .project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0009}.project-card__featured{position:absolute;top:1.5rem;right:-3rem;padding:.5rem 4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transform:rotate(45deg)}body.light .project-card__featured{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.dark .project-card__featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1b262c;box-shadow:0 2px 4px #0000004d}.project-card__content{display:flex;flex-direction:column;height:100%}.project-card__name{font-size:1.5rem;margin-bottom:1.5rem}body.light .project-card__name{color:#1b262c}body.dark .project-card__name{color:#bbe1fa}.project-card__description{flex:1;line-height:1.8;margin-bottom:2rem}body.light .project-card__description{color:#4a5568}body.dark .project-card__description{color:#cbd5e0}.project-card__technologies{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.project-card__technologies .tech-tag{padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .project-card__technologies .tech-tag{background:#3282b81a;color:#0f4c75;border:1px solid rgba(50,130,184,.2)}body.light .project-card__technologies .tech-tag:hover{background:#3282b8;color:#fff;transform:scale(1.05)}body.dark .project-card__technologies .tech-tag{background:#bbe1fa1a;color:#bbe1fa;border:1px solid rgba(187,225,250,.2)}body.dark .project-card__technologies .tech-tag:hover{background:#3282b8;color:#fff;transform:scale(1.05)}.project-card__links{display:flex;gap:1.5rem}.project-card__links .project-link{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;border-radius:.5rem;font-weight:600;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .project-card__links .project-link{background:#3282b8;color:#fff}body.light .project-card__links .project-link:hover{background:#0f4c75;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .project-card__links .project-link{background:#bbe1fa;color:#1b262c}body.dark .project-card__links .project-link:hover{background:#3282b8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3282b866}.project-card__links .project-link svg{width:20px;height:20px}body.light .contact{background:linear-gradient(135deg,#f8f9fa,#daeaf5)}body.dark .contact{background:linear-gradient(135deg,#1b262c,#0d1419)}.contact__container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.contact__container{padding:0 3rem}}.contact__container{text-align:center}.contact__title{margin-bottom:1.5rem}body.light .contact__title{color:#1b262c}body.dark .contact__title{color:#bbe1fa}.contact__subtitle{font-size:1.25rem;margin-bottom:6rem}body.light .contact__subtitle{color:#4a5568}body.dark .contact__subtitle{color:#cbd5e0}.contact__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:6rem;max-width:1200px;margin-left:auto;margin-right:auto}.contact__location{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;margin:6rem auto;max-width:600px;border-radius:.75rem}body.light .contact__location{background:#fff9;color:#4a5568;border:1px solid #e2e8f0}body.dark .contact__location{background:#1b262c99;color:#cbd5e0;border:1px solid #2d3748}.contact__location svg{flex-shrink:0}body.light .contact__location svg{color:#3282b8}body.dark .contact__location svg{color:#bbe1fa}.contact__location p{text-align:left;line-height:1.6}.contact__footer{padding-top:6rem;border-top:1px solid}body.light .contact__footer{border-color:#e2e8f0;color:#4a5568}body.dark .contact__footer{border-color:#2d3748;color:#cbd5e0}.contact__footer p{font-size:.875rem}.contact-card{display:flex;flex-direction:column;align-items:center;padding:3rem;border-radius:1rem;text-align:center;min-width:250px;flex:0 1 250px;transition-property:all;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out;cursor:pointer}body.light .contact-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.light .contact-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#3282b8}body.dark .contact-card{background:#1b262c;border:1px solid #2d3748;box-shadow:0 4px 6px #0006}body.dark .contact-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px #0009;border-color:#bbe1fa}.contact-card__icon{width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;transition-property:transform;transition-duration:.3s ease-in-out;transition-timing-function:ease-in-out}body.light .contact-card__icon{background:linear-gradient(135deg,#3282b8,#0f4c75);color:#fff}body.dark .contact-card__icon{background:linear-gradient(135deg,#0f4c75,#3282b8);color:#bbe1fa}.contact-card:hover .contact-card__icon{transform:scale(1.1) rotate(5deg)}.contact-card h3{font-size:1.25rem;margin-bottom:1rem}body.light .contact-card h3{color:#1b262c}body.dark .contact-card h3{color:#bbe1fa}.contact-card p{font-size:.875rem;word-break:break-word}body.light .contact-card p{color:#4a5568}body.dark .contact-card p{color:#cbd5e0}