:root { font-family: Inter, Arial, Helvetica, sans-serif; }
body { display:flex; min-height:100vh; align-items:center; justify-content:center; background:#f6f8fb; margin:0; }
.card { background:#fff; border-radius:12px; padding:28px; width:340px; box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.avatar { border-radius:50%; width:80px; height:80px; }
header { text-align:center; }
h1 { margin:8px 0 0 0; font-size:20px; }
.role { color:#666; margin:6px 0 16px; }
.contact p { margin:6px 0; font-size:14px; }
.btn { display:inline-block; margin-top:12px; padding:10px 14px; border-radius:8px; text-decoration:none; background:#1f7aeb; color:white; }
summary { margin-top:8px; cursor:pointer; }