.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.card{text-align:center;background:#f5f5f5;border-radius:8px;flex-direction:column;align-items:center;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 6px #0003}.card:hover{transform:translateY(-5px)}.card img.avatar{object-fit:cover;border-radius:50%;width:60px;height:60px;margin-bottom:12px}.card button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:4px;margin-top:10px;padding:8px 12px}.card button:hover{background:#005bb5}