*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f6f2ea;--ink:#1d1b18;--mute:#6b645a;--line:#ddd5c7;--card:#fffdf8;--acc:#b5552b}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:17px/1.6 ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center}
main{width:100%;max-width:520px;padding:56px 22px 24px;flex:1}
header{text-align:center;margin-bottom:28px}
.avatar{width:104px;height:104px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font:600 46px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--line)}
h1{font:600 34px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.tag{color:var(--mute);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-top:8px}
.about{text-align:center;margin-bottom:32px}
.about p+p{margin-top:10px;color:var(--mute)}
.links{list-style:none;display:grid;gap:10px}
.links a{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;font-weight:600;transition:border-color .15s,transform .15s}
.links a:hover,.links a:focus-visible{border-color:var(--acc);transform:translateY(-1px);outline:none}
.links .h{color:var(--mute);font-weight:400;font-size:14px}
.contact{text-align:center;margin-top:36px}
h2{font:600 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.mail{color:var(--acc);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
footer{color:var(--mute);font-size:13px;padding:28px 0 32px}
@media (min-width:768px){main{padding-top:88px}h1{font-size:40px}}