.filters { max-width: 1200px; margin: 48px auto 32px; padding: 0 24px; }
.filters .filters-bar { background: #111827; border-radius: 12px; padding: 16px 20px; display: flex; flex-wrap: wrap; gap: 12px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
.filters .filters-bar::-webkit-scrollbar { display: none; }
.filters .filter-chip { display: inline-flex; padding: 8px 16px; background: #1a2332; border-radius: 9999px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #94a3b8; cursor: pointer; transition: all 150ms ease; white-space: nowrap; border: none; }
.filters .filter-chip:hover { background: #243044; color: #e2e8f0; }
.filters .filter-chip.active { background: rgba(0,229,255,0.1); color: #00e5ff; outline: 1px solid rgba(0,229,255,0.25); }