.friends-wrapper{max-width:1040px;margin:20px auto 0;padding:0 12px}.friends-container{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:24px;margin-top:20px}.friend-box{border:1px solid #e0e0e0;border-radius:14px;padding:22px;position:relative;min-height:160px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,8%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.friend-box:hover{border-color:#8ab6f9;box-shadow:0 12px 30px rgba(37,99,235,.16);transform:translateY(-4px)}.friend-name{font-size:1.35em;font-weight:700;margin-bottom:10px;color:#1f2937;transition:color .25s ease}.friend-description{color:#4b5563;margin-bottom:44px;line-height:1.7;transition:color .25s ease}.friend-link{position:absolute;bottom:16px;right:18px;text-decoration:none;color:#2563eb;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px;transition:color .25s ease}.friend-link::after{content:"→";font-size:.95em;transition:transform .2s ease}.friend-link:hover{color:#1d4ed8}.friend-link:hover::after{transform:translateX(3px)}@media(max-width:640px){.friends-container{grid-template-columns:1fr}}