.app{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px}h1{color:#42b983;text-align:center;margin-bottom:30px}.loading,.error{text-align:center;padding:20px;font-size:1.2em}.error{color:#dc3545}.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.category-card{background:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.category-card:hover{transform:translateY(-5px)}.category-card h3{color:#2c3e50;margin-top:0;margin-bottom:10px}.category-card p{color:#666;margin:0;line-height:1.4}