.title font-size: 3rem; font-weight: 800; letter-spacing: -0.02em; background: linear-gradient(135deg, #e6b800, #ff4d4d); -webkit-background-clip: text; background-clip: text; color: transparent;
<div class="filter-group"> <label>📅 Decade</label> <select id="decadeFilter"> <option value="all">All</option> <option value="1980">80s</option> <option value="1990">90s</option> <option value="2000">2000s</option> <option value="2010">2010s</option> <option value="2020">2020+</option> </select> </div> HUGE MOVIES COLLECTION
/* Filters Bar */ .filters-bar display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; align-items: center; .title font-size: 3rem
/* Load more */ .load-more-container display: flex; justify-content: center; padding: 2rem; .load-more-btn background: #f5c518
.load-more-btn background: #f5c518; color: #0a0c10; border: none; padding: 0.8rem 2rem; border-radius: 40px; font-weight: bold; cursor: pointer;
// sorting if (activeSort === 'title') filtered.sort((a,b) => a.title.localeCompare(b.title)); if (activeSort === 'year') filtered.sort((a,b) => b.year - a.year); if (activeSort === 'rating') filtered.sort((a,b) => b.rating - a.rating);