:root{
    --lt-card:rgba(255,255,255,.07);
    --lt-muted:#e8e8e8;
    --lt-shadow:0 10px 30px rgba(0,0,0,.25);

    --lt-grad-default:linear-gradient(135deg,#6a11cb,#2575fc);
    --lt-grad-website: linear-gradient(135deg,#00c6ff,#0072ff);
    --lt-grad-contact: linear-gradient(135deg,#ff9966,#ff5e62);
    --lt-grad-youtube: linear-gradient(135deg,#ff416c,#ff4b2b);
    --lt-grad-instagram:linear-gradient(135deg,#405de6,#e1306c);
    --lt-grad-tiktok:   linear-gradient(135deg,#69c9d0,#ee1d52);
    --lt-grad-facebook: linear-gradient(135deg,#4c69ba,#3b5998);
    --lt-grad-strava:   linear-gradient(135deg,#fc4c02,#f05a28);
    --lt-grad-polarsteps:linear-gradient(135deg,#00b4db,#0083b0);
    --lt-grad-twitch: linear-gradient(135deg,#9146ff,#6441a5);
    --lt-grad-discord: linear-gradient(135deg,#5865f2,#404eed);
}

.lt-wrap{max-width:600px; margin:0 auto; padding:28px 18px 48px}

.lt-profile{ text-align:center; margin:12px 0 24px }
.lt-avatar{
    width:108px;height:108px;border-radius:50%;object-fit:cover;
    border:3px solid rgba(255,255,255,.25); box-shadow:var(--lt-shadow)
}
.lt-title {
    margin: 14px 0 6px;
    font-family: 'ZabalDEMOBlack', system-ui, sans-serif;
    font-size: clamp(1.4rem, 3.5vw, 2rem);
    line-height: 1.2;
}
.lt-bio{ margin:0 auto; max-width:60ch; color:var(--lt-muted); font-size:.96rem }

.lt-links{ display:grid; gap:14px; margin-top:26px }

.lt-btn{
    --grad:var(--lt-grad-default);
    display:grid; grid-template-columns:42px 1fr; align-items:center; gap:12px;
    padding:14px 16px; text-decoration:none; color:#fff;
    background: linear-gradient(#ffffff14,#ffffff07) padding-box, var(--grad) border-box;
    border:2px solid transparent; border-radius:16px; box-shadow:var(--lt-shadow);
    transition: transform .12s ease, box-shadow .12s ease;
    backdrop-filter:saturate(120%) blur(2px);
}
.lt-btn:hover, .lt-btn:focus-visible{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.35) }
.lt-ico{ width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.18) }
.lt-ico i{ font-size:1.25rem }
.lt-lab{ font-weight:600; font-size:1.05rem; letter-spacing:.2px }

.lt-btn[data-key="website"]    { --grad:var(--lt-grad-website) }
.lt-btn[data-key="contact"]    { --grad:var(--lt-grad-contact) }
.lt-btn[data-key="youtube"]    { --grad:var(--lt-grad-youtube) }
.lt-btn[data-key="instagram"]  { --grad:var(--lt-grad-instagram) }
.lt-btn[data-key="tiktok"]     { --grad:var(--lt-grad-tiktok) }
.lt-btn[data-key="facebook"]   { --grad:var(--lt-grad-facebook) }
.lt-btn[data-key="strava"]     { --grad:var(--lt-grad-strava) }
.lt-btn[data-key="polarsteps"] { --grad:var(--lt-grad-polarsteps) }
.lt-btn[data-key="twitch"]  { --grad: var(--lt-grad-twitch); }
.lt-btn[data-key="discord"] { --grad: var(--lt-grad-discord); }

.lt-footer{ margin-top:34px; text-align:center; color:var(--lt-muted); opacity:.9 }
@media (hover:none){ .lt-btn:hover{ transform:none } }
.lt-error{ background:#3b1d1d; color:#ffdada; padding:12px 14px; border-radius:10px }