body{margin:0;font-family:Arial,sans-serif;background-color:#fff;color:#222}.hero{text-align:left;padding:10px}.hero h1{text-align:left;font-size:22px;font-weight:lighter;font-family:Verdana,Geneva,Tahoma,sans-serif}.work-title{text-align:left;font-size:35px;font-weight:700;padding:0}.hero-intro{font-size:18px;line-height:1.5;max-width:800px;text-align:left;line-height:1.8;margin:20px auto}.hero-img{width:350px;height:350px;object-fit:cover;border-radius:50%}.hero-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.btn-primary{background:#47b88e;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700}.btn-secondary{background:white;border:2px solid #47b88e;color:#47b88e;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700}.btn-live:hover{background:#1a6247;cursor:pointer}.btn-code:hover{background:#1a6247;color:#fff;cursor:pointer;border-color:#1a6247}.skills{padding:20px;text-align:center}.skills h2{font-size:38px;font-weight:700;margin-bottom:20px}.skills ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}.skills li{padding:4px 0;background:none;border-radius:0;font-size:22px}.divider{border:none;border-top:2px solid #47b88e;margin:60px auto 50px;width:42vw;max-width:500px}.project-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;width:100%;max-width:380px;margin:0 auto;min-height:370px;box-sizing:border-box}.project-image{width:100%;height:300px;object-fit:cover;border-radius:4px}.project-title{font-size:20px;font-weight:600;text-align:center}.project-tags,.project-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.project-description{text-align:center;line-height:1.5;flex-grow:1}.tag{background:#eee;padding:4px 8px;border-radius:6px;font-size:12px}.project-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.project-buttons a{flex:1;min-width:120px;text-align:center;padding:10px;border-radius:6px;text-decoration:none;font-weight:600;box-sizing:border-box}.btn-live{background:#47b88e;color:#fff}.btn-code{background:white;border:2px solid #47b88e;color:#47b88e}.project-buttons a:hover{transform:scale(1.05);filter:brightness(1.2)}.featured-wrapper{padding:20px 0;overflow:hidden}.featured-wrapper h2,.projects h2{text-align:center;margin-top:20px;margin-bottom:40px}.featured-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-left:16px;padding-right:16px;scrollbar-width:none}.featured-scroll::-webkit-scrollbar{display:none}.featured-card{scroll-snap-align:start;flex:0 0 92%}.featured-card .project-image{height:300px;object-fit:cover;width:100%;border-radius:4px}.projects .grid{display:grid;gap:20px;padding:20px}.contact{padding:20px}.contact p.linkedIn{display:flex;color:#1a6247;align-items:center;gap:8px;margin-top:2px}.contact p.linkedIn a{display:flex;align-items:center;gap:8px;text-decoration:none;transition:transform .3s,filter .3s}.contact p.linkedIn a img{width:24px;height:24px;transition:transform .3s,filter .3s}.contact p.linkedIn a:hover{transform:scale(1.05);filter:brightness(1.2)}@media (min-width: 700px){.hero{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;max-width:1100px;margin:10px auto;padding:30px 20px;text-align:left}.hero-text{max-width:600px}.hero h1,.work-title{padding:0}.hero h1,.work-title,.hero-intro{text-align:left;margin:0 0 20px}.hero-intro{line-height:1.2}.hero-img{width:300px;height:300px;margin-top:40px;padding:60px}.projects .grid{grid-template-columns:repeat(2,1fr);align-items:stretch}.featured-card{flex:0 0 410px}}@media (min-width: 1024px){.hero{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;max-width:1100px;margin:0 auto;padding:40px 20px;text-align:left}.hero-text{max-width:600px}.hero h1,.work-title{padding:0}.hero h1,.work-title,.hero-intro{text-align:left;margin:0 0 20px}.hero-img{width:450px;height:450px;margin-top:0;padding:5px}.projects .grid{grid-template-columns:repeat(3,1fr)}.featured-card{flex:0 0 410px}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px}.contact p.linkedIn{display:flex;color:#1a6247;align-items:center;gap:8px;margin-top:2px}.contact p.linkedIn a{display:flex;align-items:center;gap:8px;text-decoration:none;transition:transform .3s,filter .3s}.contact p.linkedIn a img{width:24px;height:24px;transition:transform .3s,filter .3s}.contact p.linkedIn a:hover{transform:scale(1.05);filter:brightness(1.2)}.skills{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:40px;text-align:left;justify-content:center;max-width:300px;margin:0 auto;padding-bottom:80px}.skills h2{grid-column:1 / -1;text-align:center;margin-bottom:20px;font-size:50px}.skills li{padding:4px 0;background:none;border-radius:0;font-size:30px}.divider{border-top:none;border-left:2px solid #47b88e;height:100%;width:0;margin:0 auto}.skills ul{display:flex;flex-direction:column;gap:10px;align-items:flex-start}}