*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8fafc;max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}header{text-align:center;padding:30px 0 40px}h1{color:#1e293b;margin-bottom:10px;font-size:2.5rem}.subtitle{color:#64748b;font-size:1.2rem}.categories{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.category-card{background:#fff;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a}.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.category-card h2{color:#0f172a;margin-bottom:10px;font-size:1.5rem}.category-card p{color:#64748b;margin-bottom:15px}.count{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:.875rem;font-weight:500;display:inline-block}footer{text-align:center;color:#94a3b8;padding:40px 0 20px;font-size:.9rem}@media (max-width:768px){h1{font-size:2rem}.categories{grid-template-columns:1fr}}