*{box-sizing:border-box}
:root{--primary:#3a5fff;--ink:#192b76;--button:#f4f6ff}
html{min-height:100%;background:var(--primary)}
body{margin:0;min-height:100vh;background:var(--primary);color:white;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.linktree{width:min(100%,620px);margin:0 auto;padding:64px 24px 48px}
.profile{text-align:center;margin-bottom:32px}
.avatar{display:block;width:96px;height:96px;object-fit:cover;margin:0 auto 18px;border-radius:50%;background:#edf1ff;border:4px solid #edf1ff;box-shadow:0 4px 16px #1634b52b}
h1{margin:0;font-size:24px;line-height:1.4;font-weight:800;overflow-wrap:anywhere}
.links{display:grid;gap:14px}
.card{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:66px;padding:17px 22px;border:1px solid #fff;border-radius:14px;background:var(--button);color:var(--ink);text-decoration:none;transition:transform .18s ease,background .18s ease;touch-action:manipulation}
.card-icon{display:grid;place-items:center;color:var(--primary)}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card-title{text-align:center;font-size:16px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
.card:hover{background:#fff;transform:translateY(-2px)}
.card:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:600px){.linktree{padding:40px 20px}.profile{margin-bottom:28px}.card{padding:16px 18px;min-height:64px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

.socials{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.social-link,.social-label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:white}
.social-link{width:44px;border-radius:50%;text-decoration:none;transition:background .18s ease;touch-action:manipulation}
.social-link:hover{background:#ffffff20}
.social-link:focus-visible{outline:3px solid white;outline-offset:3px}
.socials .icon{display:block;width:25px;height:25px}
.social-label{position:relative;border:0;padding:0;background:transparent;font:inherit;cursor:pointer}
.social-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:9px 13px;border-radius:9px;background:#192b76;color:white;font-size:14px;line-height:1.5;font-weight:500;white-space:nowrap;box-shadow:0 4px 16px #17224c30;z-index:1}
.social-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#192b76}
.social-tooltip[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.social-link{transition:none}}