body { margin: 0; padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #f3f4f6; font-family: -apple-system, sans-serif; }
p { margin: 0; }
.profile { background: white; width: 250px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow: hidden; display: flex; flex-direction: column; }
.profile-picture { width: 100%; height: 250px; object-fit: cover; }
.name { font-size: 20px; font-weight: 700; margin: 16px 16px 4px; color: #111827; }
.mutual-friends { color: #6b7280; font-size: 14px; margin: 0 16px 16px; }
.add-friend-button { background-color: #2563eb; color: white; border: none; padding: 12px; margin: 0 16px 16px; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.2s; }
.add-friend-button:hover { background-color: #1d4ed8; }