/* VestFeed Links - Front UI */
.vf-wrap{max-width:1200px;margin:40px auto;padding:0 16px}
.vf-title{font-size:clamp(28px,4vw,42px);text-align:center;margin-bottom:24px;font-weight:800;letter-spacing:.5px}
.vf-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:18px;
}
@media (max-width: 980px){
  .vf-grid{grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  .vf-grid{grid-template-columns: 1fr;}
}

.vf-card{
  position:relative;
  display:block;
  border-radius:18px;
  padding:0;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
}

.vf-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  padding:2px;
  border-radius:20px;
  background: conic-gradient(#22c55e 0 12%, transparent 12% 100%);
  -webkit-mask:
     linear-gradient(#000 0 0) content-box,
     linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: vf-rotate 3.5s linear infinite;
  z-index:0;
}
@keyframes vf-rotate{
  to { transform: rotate(1turn); }
}

.vf-card-inner{
  position:relative;
  z-index:1;
  background:#0b0f10;
  color:#e5ffea;
  min-height:120px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  transition: transform .15s ease, background .3s ease;
}
.vf-card:hover .vf-card-inner{
  transform: translateY(-2px);
  background:#0f1416;
}
.vf-card-title{
  font-size:clamp(16px,2.3vw,20px);
  line-height:1.2;
  text-align:center;
  font-weight:700;
  letter-spacing:.3px;
}

.vf-empty{
  grid-column:1/-1;
  text-align:center;
  padding:24px;
  border:1px dashed #a7f3d0;
  border-radius:12px;
  color:#065f46;
  background:#ecfdf5;
}