*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit}.container{max-width:720px;margin:0 auto;padding:0 1.25rem}.header{border-bottom:1px solid #e5e5e5}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem;display:flex}.nav nav{gap:1.25rem;display:flex}.nav nav a{color:#555;text-decoration:none}.nav nav a:hover{color:#000;text-decoration:underline}section{padding:2.5rem 0}.hero{padding:4rem 0 2rem}.hero h1{margin-bottom:.75rem;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.2}.hero p{color:#555;font-size:1.1rem}h2{margin-bottom:1rem;font-size:1.4rem}h3{margin-bottom:.25rem;font-size:1.05rem}.skills{flex-wrap:wrap;gap:.5rem;margin-top:1rem;list-style:none;display:flex}.skills li{border:1px solid #ddd;border-radius:4px;padding:.2rem .7rem;font-size:.9rem}.grid{grid-template-columns:1fr;gap:1rem;display:grid}.card{border:1px solid #ddd;border-radius:6px;padding:1rem;text-decoration:none;display:block}.card:hover{border-color:#222}.card p{color:#555;font-size:.95rem}.footer{color:#777;border-top:1px solid #e5e5e5;padding:1.5rem 0;font-size:.9rem}@media (min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}