@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root[data-theme=dark]{--primary-color: hsl(200, 80%, 50%);--primary-hover: hsl(200, 80%, 40%);--secondary-color: hsl(0, 0%, 10%);--third-color: hsla(0, 0%, 18%, .6);--bg-color: hsl(0, 0%, 4%);--headline: hsl(0, 0%, 96%);--paragraph: hsla(0, 0%, 100%, .68);--typing: hsl(0, 0%, 96%);--rover: hsl(0, 1%, 21%);--shadow: rgba(0, 0, 0, .75)}:root[data-theme=light]{--primary-color: hsl(200, 80%, 50%);--primary-hover: hsl(200, 80%, 40%);--secondary-color: hsl(210, 20%, 95%);--third-color: hsl(210, 20%, 90%);--bg-color: hsl(0, 0%, 100%);--headline: hsl(220, 15%, 15%);--paragraph: hsla(220, 15%, 20%, .75);--typing: hsl(220, 15%, 15%);--rover: hsl(210, 20%, 98%);--shadow: rgba(0, 0, 0, .15)}*{font-size:62.5%;margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-color);font-size:1.6rem;text-align:center;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 2rem}ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%}.button{background:none;border:.2rem solid var(--primary-color);color:var(--primary-color);padding:1.4rem 3rem;font-size:1.4rem;font-weight:700;text-transform:uppercase;transition:.4s;display:inline-block}.button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;cursor:pointer}@keyframes typing{0%{width:0}to{width:223px}}@keyframes blink{50%{border-color:transparent}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}nav{width:100vw;height:7.2rem;display:flex;position:fixed;top:0;z-index:100;transition:background .3s;background-color:var(--bg-color)}nav .container{display:flex;align-items:center;justify-content:space-between}nav .nav-menu ul{display:flex;gap:3.2rem}nav .nav-menu ul li a,.logo{color:var(--primary-color);font-size:1.6rem;transition:color .3s;font-weight:900;text-decoration:none}.logo{font-size:2rem}nav .nav-menu ul li a:hover,.logo:hover{color:var(--headline);border-bottom:2px solid var(--primary-color)}.hamburger{display:none;cursor:pointer}.hamburger span{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--primary-color);transition:all .3s ease-in-out}@media (max-width: 768px){.hamburger{display:block}.nav-menu{position:absolute;top:7.2rem;left:0;width:100%;background-color:var(--bg-color);transform:translateY(-150%);transition:transform .3s ease-in-out;padding:2rem 0;box-shadow:0 2px 5px #0000001a}.nav-menu.open{transform:translateY(0)}nav .nav-menu ul{flex-direction:column;align-items:center;gap:2rem}nav .nav-menu ul li a{font-size:1.6rem}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}#home{display:flex;align-items:center;justify-content:center;height:100vh;padding-top:7.2rem;background-color:var(--secondary-color)}#home .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#home .left-column{flex:1 1 50%;text-align:left}#home .left-column header h4{font-size:1.6rem;color:var(--primary-color);margin-bottom:1rem}#home .left-column header h1{font-size:4rem;color:var(--headline);margin-bottom:2rem}#home .content p{font-size:1.8rem;color:var(--paragraph);margin-bottom:2rem}.typing{font-size:24px;white-space:nowrap;overflow:hidden;border-right:3px solid var(--typing);animation:typing 2s steps(20) forwards,blink .9s infinite}#home .right-column{flex:1 1 40%}#home .right-column img{width:100%;max-width:400px;border-radius:1rem;box-shadow:0 0 1rem var(--shadow);border:3px solid var(--paragraph )}@media (max-width: 768px){#home .container{margin-top:-50px;flex-direction:column;align-items:center;text-align:center}#home .left-column{text-align:center;margin-bottom:2rem}#home .right-column{margin-top:2rem}.typing{margin-left:13%}}#about{padding:10rem 0;background-color:var(--bg-color);color:var(--paragraph)}#about .container{padding-top:20px;text-align:center}#about h2{font-size:3rem;color:var(--primary-color);margin-bottom:2rem}#about .content p{font-size:1.7rem;max-width:800px;margin:0 auto;line-height:1.5}#resume{margin:50px 50px 20px}.experience-modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:400}.experience-modal-content{background:var(--secondary-color);padding:3.2rem 2.8rem;border-radius:1.2rem;width:95%;max-width:640px;color:var(--headline);position:relative;box-shadow:0 2rem 4rem var(--shadow);max-height:88vh;overflow-y:auto;text-align:left}.modal-header{display:flex;align-items:center;gap:1.8rem;margin-bottom:.5rem}.modal-company-logo{width:80px;height:80px;object-fit:contain;border-radius:.8rem;background:var(--third-color);padding:.5rem;flex-shrink:0}.modal-header-info{display:flex;flex-direction:column;align-items:flex-start}.modal-header-info h3{font-size:2.2rem;color:var(--headline)}.modal-header-info .period{font-size:1.3rem;color:var(--paragraph);margin-top:.3rem}.modal-divider{border:none;height:1px;background:var(--third-color);margin:2.2rem 0}.role{font-size:1.55rem;font-weight:500;color:var(--paragraph);display:block;margin-bottom:2.4rem}.experience-modal-content h4{margin-top:2.6rem;margin-bottom:1rem;font-size:1.6rem;color:var(--headline)}.modal-list{margin-top:.8rem;padding-left:0;list-style:none}.modal-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:1.35rem;color:var(--paragraph);line-height:1.7;margin-bottom:.9rem;flex-wrap:wrap}.bullet{color:var(--primary-color);font-size:1.8rem;line-height:1;flex-shrink:0;margin-top:.25rem}.tech-list{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.9rem}.tech-list li{background:var(--third-color);padding:.6rem 1.2rem;border-radius:2rem;font-size:1.25rem}.close{position:absolute;top:1rem;right:1.6rem;font-size:2.8rem;cursor:pointer;color:var(--primary-color)}.project-link{font-size:13.5px;font-weight:600;color:var(--primary-color);text-decoration:none;cursor:pointer;transition:color .2s ease,text-decoration .2s ease}.project-link:hover{text-decoration:underline;color:var(--primary-color)}.project-description{font-size:13.5px;color:var(--paragraph);font-weight:400}#experience{padding:10rem 2rem;background:var(--secondary-color)}#experience h2{text-align:center;font-size:3.4rem;color:var(--primary-color);margin-bottom:6rem}.timeline{position:relative;max-width:1100px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:var(--primary-color);transform:translate(-50%)}.timeline-item{position:relative;width:50%;padding:2rem 3rem}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-dot{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--primary-color);border-radius:50%;z-index:3}.timeline-item.left .timeline-dot{right:-6px}.timeline-item.right .timeline-dot{left:-6px}.timeline-card{background:var(--bg-color);padding:4.5rem;border-radius:1.4rem;box-shadow:0 0 1rem var(--shadow);position:relative;transition:background .4s}.timeline-card:hover{background:var(--rover)}.info-button{position:absolute;top:1.6rem;right:1.6rem;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--primary-color);cursor:pointer;z-index:5;transition:background .25s ease,color .25s ease}.info-button:hover{background:var(--primary-color);color:#fff}.experience-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;margin-bottom:2.6rem}.experience-logo{width:100px;height:100px;border-radius:50%;object-fit:cover}.timeline-card h3{font-size:2.3rem;color:var(--headline);margin-bottom:1rem}.company{font-size:1.8rem;color:var(--primary-color);font-weight:600}.meta{display:flex;justify-content:center;gap:.6rem;font-size:2.3rem;color:var(--paragraph)}.description{font-size:1.6rem;color:var(--paragraph);line-height:1.7;margin-bottom:2.2rem}.timeline-card h4{font-size:1.9rem;margin-bottom:1rem;color:var(--headline)}.timeline-card ul{margin-bottom:2rem;padding-right:1.6rem;list-style-type:disc;list-style-position:inside}.timeline-card li{font-size:1.5rem;color:var(--paragraph);line-height:1.7}.techs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.techs span{font-size:1.4rem;padding:.6rem 1.4rem;color:var(--primary-color);background-color:var(--secondary-color);border-radius:2rem}@media (max-width: 768px){.timeline:before{left:8px}.timeline-item{width:100%;left:0!important;padding-left:3rem}.timeline-dot{left:2px!important;right:auto}.timeline-card{padding:3.2rem}.meta{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:2.3rem;color:var(--paragraph)}.meta span:nth-child(2){display:none}}#projects{padding:10rem 0;background-color:var(--bg-color);color:var(--paragraph)}#projects .container{text-align:center}#projects h2{font-size:3rem;color:var(--primary-color);margin-bottom:3rem}#projects .cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#projects .project-card{background:var(--third-color);padding:2.8rem;border-radius:.8rem;box-shadow:0 0 1rem var(--shadow);transition:background .4s;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:0 0 calc((100% - 4rem) / 3)}#projects .project-card:hover{background:var(--rover)}#projects .project-card img{width:100%;height:auto;margin-bottom:1.2rem;border-radius:1rem}#projects .project-card h3{font-size:2rem;margin-bottom:1rem;color:var(--headline)}#projects .project-card p{font-size:1.4rem;line-height:1.5}#projects .project-card .button{margin-top:1.4rem}@media (max-width: 768px){#projects{padding:6rem 0}#projects .project-card{flex:0 0 100%}}#knowledge{padding:10rem 0;background-color:var(--secondary-color);color:var(--paragraph)}#knowledge .container{text-align:center}#knowledge h2{font-size:3rem;color:var(--primary-color);margin-bottom:3rem}#knowledge .cards{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.skill-card{background:var(--secondary-color);padding:2.8rem;border-radius:.6rem;box-shadow:0 0 1rem #0000004d;width:300px;transition:background .4s;text-align:center}.skill-card:hover{background:var(--third-color)}.skill-card h3{font-size:2rem;margin-bottom:1rem;color:var(--headline)}.skill-card p{font-size:1.4rem;line-height:1.5}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:3rem;justify-items:center}.icon{color:var(--headline);font-size:4.5rem;margin-bottom:.5rem}.icon-item{text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border-radius:1.2rem;padding:9px;width:100px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center}.icon-item span{white-space:nowrap;margin-top:.5rem;font-size:1.5rem;font-weight:700;color:var(--headline)}.icon-item:hover{background-color:var(--rover);border-color:var(--primary-hover);color:#fff}.icon svg{width:6.4rem!important;height:6.4rem!important;display:block;fill:currentColor;margin:0 auto}#modal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1.6rem;width:100%}#modal-icon svg{width:8rem!important;height:8rem!important;display:block;margin:0 auto;fill:currentColor}.icon svg path,#modal-icon svg path{fill:currentColor!important}.details{display:none;max-width:800px;margin:2rem auto 0;text-align:left;color:var(--paragraph)}@media (max-width: 768px){#knowledge .cards .skill-card{flex:0 0 100%}}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{color:var(--headline);font-size:1.6rem;background:var(--secondary-color);padding:4rem 2rem;border-radius:.6rem;max-width:420px;width:90%;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 0 2rem #0006}.modal-content h3{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.modal-content p{font-size:1.4rem;color:var(--paragraph);line-height:1.5;margin:0}.close{position:absolute;top:1rem;right:2rem;font-size:3rem;color:var(--primary-color);cursor:pointer}#modal-icon{font-size:4rem;color:var(--headline);margin-bottom:1rem}#contact{padding:10rem 0;background-color:var(--bg-color);color:var(--paragraph);text-align:left;font-size:6.5rem}#contact .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#contact .left-column{flex:1 1 50%}#contact h2{font-size:3rem;color:var(--primary-color);margin-bottom:2rem}#contact ul{margin-bottom:2rem}#contact ul li{font-size:2.6rem;margin-bottom:1rem}#contact ul a{display:flex;align-items:center;gap:.5rem;color:var(--paragraph);transition:color .3s ease,transform .3s ease}#contact ul a:hover{color:var(--headline);transform:scale(1.05);background:var(--third-color)}#contact .right-column{flex:1 1 40%;text-align:center}#contact .right-column img{width:100%;max-width:300px}#contact a{width:20px;height:20px;vertical-align:middle;margin-right:8px;white-space:nowrap}#contact a svg{color:var(--headline);width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){#contact .container{flex-direction:column;align-items:center;text-align:center}#contact .left-column{text-align:center}#contact ul{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact ul li a{display:flex;align-items:center;justify-content:center;gap:.5rem}}footer{background-color:var(--secondary-color);color:var(--paragraph);padding:6rem 0;text-align:center;line-height:1.5;font-size:6.5rem}#toggle{display:flex;position:fixed;bottom:2rem;left:2.5rem;z-index:101}#toggle input{position:absolute;visibility:hidden}#toggle label{width:8rem;height:4rem;background-color:var(--secondary-color);border:.1rem solid var(--primary-color);border-radius:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:relative;cursor:pointer}#toggle label:before{content:"";width:3rem;height:3rem;background-color:var(--primary-color);border-radius:50%;position:absolute;top:.4rem;left:.5rem;transition:.5s;z-index:2}#toggle input:checked+label:before{transform:translate(3.8rem)}#toggle svg{position:relative;z-index:1;width:2rem;height:2rem}#toggle .sun{order:1;fill:var(--headline)}#toggle .moon{order:0;fill:var(--headline)}