.friends-page{color:#f8f5fc;max-width:1180px;margin:0 auto;padding:44px 5% 90px}.friends-back{color:#f2d675;margin-bottom:58px;text-decoration:none;display:inline-block}.friends-page h1{margin:12px 0;font-size:clamp(48px,8vw,88px);line-height:.95}.friends-page h1 em{color:#d4af37}.friends-page>p{color:#bdb3c1;font-size:18px}.friends-search{color:#fff;width:min(500px,100%);font:inherit;background:#17131b;border:1px solid #55435b;border-radius:10px;margin:28px 0 34px;padding:14px}.friends-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.friend-card{background:#1a171e;border:1px solid #3d3443;border-radius:16px;min-height:220px;padding:22px}.friend-avatar{color:#171219;background:linear-gradient(135deg,#d4af37,#553c16);border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:20px;font-size:32px;font-weight:900;display:grid;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-card h2{margin:0 0 8px}.friend-card p{color:#c2b8c5;min-height:44px;line-height:1.45}.friend-card small{color:#958a9d}.friends-empty{color:#aaa1ae}@media (max-width:900px){.friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.friends-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.friends-grid{grid-template-columns:1fr}}