body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
.container { max-width: 900px; margin: 0 auto; padding: 2rem; }
.hero { display: grid; grid-template-columns: 120px 1fr; gap: 1rem; align-items: center; }
.avatar { width: 120px; height: 120px; border-radius: 9999px; object-fit: cover; border: 2px solid #eee; }
.links { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .5rem; list-style: none; padding: 0; }
.links a { display:block; padding: .6rem .8rem; border: 1px solid #ddd; border-radius: .5rem; text-decoration: none; }
.bio { color:#444; }