*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;padding:0;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.6rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.container-wide{width:100%;margin:0 auto}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit}header{background-color:#ffffffe6;border-bottom:1px solid #cbbfae;flex-direction:row;justify-content:space-between;align-items:center;height:80px;padding:1rem 2rem;display:flex}header .logo{color:#111;margin:0;font-size:1.5rem}header nav ul{gap:1.5rem;margin:0;padding:0;list-style-type:none;display:flex}header nav ul li a{color:#3d3d3d;font-weight:700;text-decoration:none}header nav ul li a:hover,header nav ul li a:active{color:#3d3d3d}.hero{background-color:#fff;padding:4rem 2rem}.hero .hero-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.hero .hero-container .hero-text{flex:1;padding:0 1rem}.hero .hero-container .hero-text h1{margin:.5rem 0;font-size:2.5rem}.hero .hero-container .hero-text .highlight{color:#3d3d3d}.hero .hero-container .hero-text .tech{color:#3d3d3d;font-weight:700}.hero .hero-container .hero-text .hero-cta{margin-top:1.5rem}.hero .hero-container .hero-text .hero-cta .btn{border-radius:6px;margin-right:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none}.hero .hero-container .hero-text .hero-cta .btn.primary{color:#fff;background:#111}.hero .hero-container .hero-text .hero-cta .btn.primary:hover{background:#3d3d3d}.hero .hero-container .hero-text .hero-cta .btn.secondary{color:#111;background:0 0;border:1px solid #111}.hero .hero-container .hero-text .hero-cta .btn.secondary:hover{background:#faf7f2}.hero .hero-container .hero-image img{border-radius:12px;width:300px;box-shadow:0 4px 12px #0003}.hero .hero-container .hero-image img:hover{box-shadow:0 4px 12px #0006}.about-us,.skills{padding:2rem 3rem}.skills .skills-grid{flex-wrap:wrap;justify-content:flex-start;gap:1%;display:flex}.skills .skills-grid .skills-category{flex-basis:24%}.skills .skills-grid .skills-category .skills-list{padding-left:0}.projects,#contact{padding:2rem 3rem}#contact form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;display:flex}#contact .linkedin-profile{margin-top:1.5rem}#contact .linkedin-profile a{color:#0a66c2;font-size:2rem}footer{color:#7a6e5c;text-align:center;background-color:#faf7f2;border-top:1px solid #cbbfae;padding:1.5rem}footer div a{color:#3d3d3d}footer div a:hover{color:#111}footer div{margin-bottom:1rem}footer div a.icon-linkedin,footer div a.icon-github,footer div a.icon-twitter{margin:0 10px;font-size:1.5rem}footer p{margin:0}