body { font-family: Arial, sans-serif; margin: 0; background: #121212; color: #fff; }
    header, footer { background: #1e1e1e; padding: 1rem; text-align: center; }
    header h1 { margin: 0; color: #ff9800; }
    header nav a, footer a { color: #ff9800; margin: 0 0.5rem; text-decoration: none; font-size: 0.9rem; }
    header nav a:hover, footer a:hover { text-decoration: underline; }
    h2 { margin: 1rem; color: #ff9800; font-size: 1.1rem; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.5rem; padding: 0.5rem; }
    .card { background: #1e1e1e; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.5); transition: transform 0.2s; }
    .card:hover { transform: scale(1.03); }
    .card img { width: 100%; height: 180px; display: block; object-fit: contain; background: #000; }
    .card h3 { font-size: 0.8rem; padding: 0.3rem; margin: 0; }
    .card p { padding: 0 0.3rem 0.4rem; margin: 0; font-size: 0.7rem; color: #bbb; }