Movies - Top Rated Tamil

.movie-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2rem; margin-top: 1.5rem;

function renderMovies(filter = "all") let filtered = [...moviesData]; if (filter === "2000s") filtered = moviesData.filter(m => m.year >= 2000 && m.year <= 2010); else if (filter === "2010s") filtered = moviesData.filter(m => m.year >= 2011 && m.year <= 2020); else if (filter === "2020s") filtered = moviesData.filter(m => m.year >= 2021); top rated tamil movies

.movie-card background: #151522; border-radius: 24px; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.3s; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.05); cursor: pointer; position: relative; .movie-grid display: grid

// Sort by rating descending filtered.sort((a,b) => b.rating - a.rating); = 2000 && m.year &lt

// Optional: Click on movie card to alert (expand later) document.addEventListener("click", (e) => const card = e.target.closest(".movie-card"); if (card) const id = card.getAttribute("data-id"); const movie = moviesData.find(m => m.id == id); if (movie) alert( 🎥 $movie.title ($movie.year)\n⭐ $movie.rating/10\n\n$movie.synopsis );

.filter-btn.active, .filter-btn:hover background: #ff7e05; border-color: #ffb347; color: #0a0a14; transform: scale(1.02);

.year font-size: 0.85rem; color: #ffb347; font-weight: 500; letter-spacing: 0.3px;