body{
  background:#1a1a1a;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:system-ui, sans-serif;
}

.card{
  background:#2a2a2a;
  padding:25px;
  border-radius:20px;
  display:flex;
  gap:20px;
  color:white;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.avatar{
  width:120px;
  border-radius:18px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.4);
}

.card h1{
  margin:0;
  font-size:22px;
}

.card p{
  margin:4px 0 15px 0;
  opacity:0.7;
  font-size:14px;
}

.buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.buttons a{
  background:#4c4c4c;
  color:white;
  text-decoration:none;
  padding:10px 14px;
  border-radius:10px;

  display:inline-flex;
  align-items:center;
  gap:8px;

  font-size:14px;
}

.buttons a:hover{
  background:#3f3f3f;
}

.buttons svg{
  width:16px;
  height:16px;
  flex-shrink:0;
}