Tamil Movies — Top Rated

.hero h1 font-size: 2.8rem; background: linear-gradient(135deg, #ffb347, #ff7e05); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.5px;

.movie-title font-size: 1.25rem; font-weight: 700; margin-bottom: 0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top rated tamil movies

// 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 ); .hero h1 font-size: 2.8rem

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

// Filter button event listeners filterBtns.forEach(btn => btn.addEventListener("click", () => filterBtns.forEach(b => b.classList.remove("active")); btn.classList.add("active"); const filterValue = btn.getAttribute("data-filter"); renderMovies(filterValue); ); );

footer text-align: center; margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid #22223b; color: #8a8ab3; font-size: 0.85rem;