:root{
  --fg: #0f172a;
  --fg-soft: #334155;
  --muted: #e2e8f0;
  --link: #2563eb;
  --bg: #fff;
}
*{box-sizing:border-box}
html,body{margin:0; padding:0; background:var(--bg); color:var(--fg); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width: 920px; margin: 0 auto; padding: 48px 20px 80px}

.header{display:grid; grid-template-columns: 1fr 160px; gap: 28px; align-items:start}
.name{font-size: clamp(40px, 6vw, 68px); line-height:1.02; font-weight: 900; margin: 0 0 20px;}
.sub{color: var(--fg-soft); font-size: clamp(17px, 2.3vw, 20px); line-height:1.5; margin: 0 0 18px}
.ctaRow{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; gap:10px; background: var(--link); color:#fff; padding: 12px 18px; border-radius: 999px; font-weight: 600; box-shadow: 0 6px 16px rgba(37,99,235,.25); transition: transform .06s ease, box-shadow .2s}
.btn:hover{text-decoration:none; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(37,99,235,.28)}

.icons{display:flex; gap:12px}
.icon{width:36px; height:36px; display:grid; place-items:center; border-radius:999px; background:#f1f5f9; color:#0f172a; line-height:0}
.icon svg{width:18px; height:18px; display:block}
.icon:hover{background:#e2e8f0}

.avatar{width:160px; height:160px; border-radius:999px; object-fit:cover; box-shadow:0 8px 26px rgba(15,23,42,.18)}

.hr{height:1px; background:var(--muted); margin: 28px 0}
h3.ttl{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#64748b; margin:24px 0 12px; font-weight:700}

.list{display:grid; grid-template-columns: 1fr; gap:8px}
.row{padding:14px 0; border-bottom:1px solid var(--muted)}
.row:last-child{border-bottom:none}

footer{color:#94a3b8; font-size:14px; margin-top:56px}

/* Усиленные заголовки карточек */
.list .row > strong{display:block; font-weight:800; font-size:clamp(18px, 2.2vw, 22px); letter-spacing:-0.01em; margin-bottom:6px; color:var(--fg)}

/* Компактные контакты */
.contacts p{margin:2px 0}
.contacts .sub{margin:2px 0}
.contacts{margin-top:6px}

@media (max-width:720px){
  .header{grid-template-columns: 1fr;}
  .avatar{width:120px;height:120px;}
}