Workout PDFs body { margin: 0; font-family: system-ui, sans-serif; background: #f5f5f5; color: #f26023; padding: 40px 20px; } .wrap { max-width: 1100px; margin: 0 auto; } header h1 { margin: 0 0 20px; font-size: 2rem; text-align: center; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .card { background: #fff; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; text-align: center; transition: transform .2s ease, box-shadow .2s ease; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 16px; } .card:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0,0,0,0.1); } .card img { max-width: 80%; height: 160px; object-fit: contain; display: block; margin: 0 auto 12px auto; background: #fff; padding: 12px; } .card h3 { margin: 12px 0 6px; font-size: 1.1rem; } .actions { display: flex; justify-content: center; gap: 12px; padding: 12px 0 16px; } .btn { padding: 8px 14px; border-radius: 8px; text-decoration: none; color: #fff; background: #f26023; font-weight: 600; transition: background .2s ease; } .btn:hover { background: #d54e1d; } .btn-secondary { background: #555; } .btn-secondary:hover { background: #333; }