.link-page{min-height:100vh;padding:clamp(92px,11vh,126px) 24px 48px;color:#33425e}.my-link,.friends-link{position:relative;box-sizing:border-box;display:grid;justify-items:start;gap:clamp(14px,2vw,20px);width:min(90vw,1180px);margin:0 auto;padding:clamp(16px,2vw,24px);background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);border-radius:14px;box-shadow:0 28px 80px var(--glass-panel-shadow-color);backdrop-filter:var(--glass-panel-blur)}.friends-link{margin-top:clamp(24px,4vw,36px);text-align:left}.my-link h2,.friends-link h2{margin:0;color:#34425b;font-size:clamp(1.28rem,2vw,1.65rem);font-weight:500;letter-spacing:0;line-height:1}.link-list{display:grid;gap:clamp(12px,1.6vw,16px);width:100%;margin:0 auto}.link-item{position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(10px,1.6vw,14px);min-height:clamp(56px,5vw,66px);padding:8px clamp(16px,2vw,22px) 8px clamp(16px,2vw,20px);border:1px solid rgba(112,130,158,.12);border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#fffffff5,#f8fbffbd),#ffffffbd;box-shadow:0 14px 34px #465a7817,inset 0 1px #ffffffeb;color:#33425e;font-family:inherit;text-decoration:none;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.link-item[href]:before{position:absolute;inset:1px;content:"";pointer-events:none;background:linear-gradient(120deg,#7da6e600,#9fbeeb2e,#7da6e600);border-radius:inherit;opacity:0;transform:translate(-12%);transition:opacity .26s ease,transform .36s cubic-bezier(.22,1,.36,1)}.link-item[href]:after{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 92% 50%,rgba(100,151,225,.22),transparent 34%);border-radius:inherit;opacity:0;transition:opacity .26s ease}.link-item[href]:hover,.link-item[href]:focus-visible{background:linear-gradient(135deg,#fff,#e6f3fffa),#ffffffe6;border-color:#4a79cc85;box-shadow:0 20px 42px #445b802e,inset 0 1px #fff,inset 0 0 0 1px #699ae24d;transform:translate(3px)}.link-item[href]:hover:before,.link-item[href]:focus-visible:before{opacity:1;transform:translate(12%)}.link-item[href]:hover:after,.link-item[href]:focus-visible:after{opacity:1}.link-item:focus-visible{outline:2px solid #819ed6;outline-offset:5px}.link-left{display:inline-flex;align-items:center;justify-content:center;width:clamp(40px,4.6vw,50px);height:clamp(40px,4.6vw,50px);border-radius:50%;background:linear-gradient(180deg,#fff,#f4f8ffeb);box-shadow:0 10px 24px #4c5f801f,inset 0 1px #fff;transition:background .22s ease,box-shadow .22s ease}.link-left,.link-body,.link-right{position:relative;z-index:1}.link-item[href]:hover .link-left,.link-item[href]:focus-visible .link-left{background:linear-gradient(180deg,#fff,#eef6fffa)}.link-icon{display:block;width:62%;height:62%;object-fit:contain;transition:transform .26s cubic-bezier(.22,1,.36,1)}.link-item[href]:hover .link-icon,.link-item[href]:focus-visible .link-icon{transform:scale(1.06)}.link-icon.is-compact{width:42%;height:42%}.link-left.is-empty{background:transparent;box-shadow:none;visibility:hidden}.link-body{display:grid;gap:5px;min-width:0}.link-title,.link-description{display:block;overflow-wrap:anywhere}.link-title{color:#2f3d56;font-size:clamp(.94rem,1.35vw,1.08rem);line-height:1.2;transition:color .22s ease}.link-description{color:#8190ad;font-size:clamp(.8rem,1vw,.9rem);line-height:1.25;transition:color .22s ease}.link-item[href]:hover .link-title,.link-item[href]:focus-visible .link-title{color:#1f3969}.link-item[href]:hover .link-description,.link-item[href]:focus-visible .link-description{color:#526f9c}.link-right{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#64748d;transition:color .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.link-right:before{width:8px;height:8px;content:"";border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-1px) rotate(45deg)}.link-right:after{position:absolute;left:0;width:10px;height:2px;content:"";background:currentColor;border-radius:999px;opacity:0;transform:translate(-6px) scaleX(.5);transform-origin:right center;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.link-item[href]:hover .link-right,.link-item[href]:focus-visible .link-right{color:#2f64b3;transform:translate(7px)}.link-item[href]:hover .link-right:after,.link-item[href]:focus-visible .link-right:after{opacity:1;transform:translate(-3px) scaleX(1)}.friends-banners{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:28px;width:100%}.friend-banner{display:block}.friend-banner:focus-visible{outline:2px solid #819ed6;outline-offset:5px}.friend-banner img{display:block}@media(min-width:600px){.link-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:600px)and (max-width:760px){.link-item{grid-template-columns:auto minmax(0,1fr);padding-right:18px}.link-right{display:none}}@media(max-width:560px){.link-page{padding:112px 18px 48px}.link-list{grid-template-columns:1fr}.link-item{gap:12px;min-height:60px;padding:10px 16px}.link-left{width:42px;height:42px}.friends-link{width:min(100%,420px);margin-top:32px}.my-link,.friends-link{padding:14px;border-radius:12px}}