.bio-link{--card-color:#8792a2;--icon-color:var(--card-color);display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:15px;align-items:center;min-height:96px;padding:20px;background:#17181d;border:1px solid #2c2d35;border-radius:18px;color:#f2f2f5;text-decoration:none;position:relative;transition:transform .22s,border-color .22s,background .22s;font-family:"Segoe UI",Tahoma,sans-serif;line-height:1.5}
.bio-link .link-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-color),#191a20 87%);color:var(--icon-color);flex:none}.bio-link .app-icon{width:25px;height:25px;object-fit:contain;grid-area:1/1}.bio-link .icon-symbol{font:500 24px/1 "Segoe UI Emoji","Segoe UI Symbol",sans-serif;grid-area:1/1}.bio-link .link-copy{min-width:0}.bio-link strong{display:block;font-size:15px;font-weight:600;letter-spacing:.005em;overflow-wrap:anywhere}.bio-link .link-description{display:block;color:#a7a8b4;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.bio-link .arrow{display:grid;place-items:center;width:28px;height:28px;color:#a2a4b0;transition:transform .22s,color .22s}.bio-link .arrow svg{width:18px;height:18px}
.bio-link.card-glass{background:linear-gradient(125deg,#202127,#16171c);border-color:#32333c;box-shadow:inset 0 1px 0 #ffffff06}.bio-link.card-solid{background:color-mix(in srgb,var(--card-color),#14151b 84%);border-color:color-mix(in srgb,var(--card-color),#272832 68%)}.bio-link.card-outline{background:transparent;border-color:color-mix(in srgb,var(--card-color),#272832 50%)}.bio-link.card-gradient{background:linear-gradient(112deg,color-mix(in srgb,var(--card-color),#16171c 74%),#17181d 85%);border-color:color-mix(in srgb,var(--card-color),#272832 58%)}
.bio-link.featured:before{content:"";position:absolute;left:-1px;top:30px;bottom:30px;width:2px;background:var(--card-color);border-radius:3px}
@media(hover:hover){.bio-link:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color),#454651 45%)}.bio-link:hover .arrow{color:#fff;transform:translate(2px,-2px)}}
.bio-link:focus-visible{outline:2px solid var(--card-color);outline-offset:4px}
.bio-link[data-animation="float"] .app-icon,.bio-link[data-animation="float"] .icon-symbol{animation:bioFloat 5s ease-in-out infinite}
.bio-link[data-animation="pulse"] .link-icon{animation:bioPulse 4s ease-in-out infinite}
.bio-link[data-animation="spin"] .app-icon,.bio-link[data-animation="spin"] .icon-symbol{animation:bioSpin 10s linear infinite}
@keyframes bioFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bioPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes bioSpin{to{transform:rotate(360deg)}}
@media(max-width:420px){.bio-link{padding:16px;gap:12px;grid-template-columns:44px minmax(0,1fr) 22px;min-height:88px}.bio-link .link-icon{width:44px;height:44px}.bio-link .arrow{width:22px}}
@media(prefers-reduced-motion:reduce){.bio-link,.bio-link *{animation:none!important;transition:none!important}}