Pawan — Kalyan Filmography

);

// initial load function init() updateStats(); render(); initFilters(); attachCardEvents(); pawan kalyan filmography

<div class="toolbar"> <div class="search-box"> <input type="text" id="searchInput" placeholder="🔍 Search by movie name, role, director..."> </div> <div class="filter-group" id="filterGroup"> <button data-filter="all" class="filter-btn active">🎬 All Movies</button> <button data-filter="lead" class="filter-btn">⭐ Lead Role</button> <button data-filter="cameo" class="filter-btn">✨ Cameo / Special</button> <button data-filter="2000s" class="filter-btn">📀 2000s</button> <button data-filter="2010s" class="filter-btn">🎞️ 2010s</button> <button data-filter="2020s" class="filter-btn">🔥 2020+</button> </div> </div> ); // initial load function init() updateStats(); render();

function matchesSearch(movie, query) movie.director.toLowerCase().includes(q) // initial load function init() updateStats()

.film-card background: rgba(18, 20, 32, 0.75); backdrop-filter: blur(2px); border-radius: 28px; overflow: hidden; transition: all 0.25s ease-in-out; border: 1px solid rgba(255,200,100,0.2); box-shadow: 0 12px 20px -12px rgba(0,0,0,0.4); cursor: pointer;

.stats-badge display: flex; justify-content: center; gap: 2rem; margin: 1.5rem 0 2rem; flex-wrap: wrap;

.filter-btn.active background: #FFB347; color: #0a0c15; box-shadow: 0 4px 12px rgba(255,180,71,0.3);