body { margin: 0; font-family: sans-serif; background: #f0f2f5; }
.container { max-width: 800px; margin: 0 auto; text-align: center; padding: 50px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; }
.card { background: white; padding: 20px; border-radius: 10px; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: 0.2s; }
.card:hover { transform: translateY(-5px); border: 1px solid #3498db; }
.avatar { font-size: 40px; }