body {
  margin:0;
  font-family:sans-serif;
  background:#0d0d0d;
  color:#fff;
  display:flex;
  justify-content:center;
  padding:20px;
}

.page {width:100%; max-width:840px;}

.profile-card {
  background:#141414;
  border-radius:28px;
  padding:40px 28px 30px;
  text-align:center;
  border:1px solid #262626;
  box-shadow:0 20px 50px rgba(0,0,0,0.85);
}

.avatar-wrap {
  width:160px;height:160px;margin:0 auto 20px;
  border-radius:50%;padding:6px;
  background:linear-gradient(135deg,#4a6bff,#9b4dff);
  display:flex;align-items:center;justify-content:center;
}

.avatar {
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #141414;
}

.display-name {font-size:1.6rem;font-weight:700;margin:0 0 4px;}
.subtitle {font-size:1.25rem;font-weight:700;margin:4px 0 16px;}

.cta-text {font-size:1.05rem;color:#bbb;margin:10px 0 10px;}
.cta-strong {color:#fff;font-weight:700;font-size:1.1rem;}

.links {margin-top:26px;display:flex;flex-direction:column;gap:14px;}

.link-card {
  display:flex;align-items:center;gap:16px;
  padding:15px 18px;border-radius:18px;
  background:#1a1a1a;border:1px solid #262626;
  text-decoration:none;color:#fff;
  transition:.2s;cursor:pointer;
}

.link-card:hover {
  transform:translateY(-2px);
  border-color:#9b4dff;
  box-shadow:
    0 0 0 1px rgba(155,77,255,0.4),
    0 8px 25px rgba(155,77,255,0.25),
    0 0 30px rgba(155,77,255,0.15);
}

.link-card--primary {
  padding:22px 20px;
  background:radial-gradient(circle at top left,#2a2a3d,#111);
  border-color:#9b4dffbb;
  position:relative;
  overflow:hidden;
  animation:pulse 3s infinite;
}

.link-card--primary:hover {
  transform:translateY(-3px) scale(1.01);
  border-color:#ffd54f;
}

.link-thumb {
  width:52px;height:52px;border-radius:18px;
  background:#2b2b2b;
  display:flex;align-items:center;justify-content:center;
}

.link-thumb--primary {
  width:96px;height:96px;border-radius:22px;overflow:hidden;
}

.link-thumb--primary img {
  width:100%;height:100%;object-fit:cover;
}

.link-text {flex:1;text-align:left;}

.link-title {font-weight:600;}
.link-title--primary {font-size:1.25rem;font-weight:700;}

.link-label-pill {
  font-size:.72rem;padding:3px 9px;
  border-radius:999px;background:#00c853;margin-left:6px;
}

.link-desc {font-size:.86rem;color:#c0c0c0;margin-top:4px;}

.badge-top {
  position:absolute;top:10px;right:14px;
  font-size:.7rem;padding:4px 9px;border-radius:999px;
  color:#ffd54f;border:1px solid rgba(255,255,255,0.2);
}

.icon-svg {
  width:22px;height:22px;color:#fff;
}

@keyframes pulse {
  0%,100% {box-shadow:0 0 0 rgba(0,0,0,0);}
  50% {
    box-shadow:
      0 0 20px rgba(155,77,255,0.2),
      0 0 30px rgba(255,213,79,0.15);
  }
}

@keyframes bounceDown {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(6px);}
}

.down-anim {
  display:inline-block;
  animation:bounceDown 1.4s infinite;
}