* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #eee8e1; font-family: system-ui, sans-serif; color: #3a3029; padding: 30px; }
.card { width: min(100%, 390px); padding: 34px; background: #fffdf9; border-radius: 14px; box-shadow: 0 10px 40px #3a30290a; }
.avatar { width: 50px; height: 50px; display: grid; place-items: center; background: #bc674b; color: white; font: italic 30px Georgia; border-radius: 50%; margin-bottom: 28px; }
.status { font-size: 8px; letter-spacing: .16em; color: #978c82; }
h1 { font: 38px/1.05 Georgia, serif; letter-spacing: -.04em; }
p { font-size: 11px; line-height: 1.9; color: #96897d; }
a { display: flex; justify-content: space-between; color: inherit; font-size: 11px; text-decoration: none; border-top: 1px solid #eae3dc; padding-top: 20px; margin-top: 30px; }