body{background:#eef2f3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px}.app{max-width:1000px;margin:0 auto}h1{text-align:center;color:#2c3e50;margin-bottom:30px}.filter{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.filter input{width:260px;padding:10px;border:1px solid #ccc;border-radius:30px;font-size:16px}.filter button{background:#7f8c8d;border:none;padding:10px 18px;border-radius:30px;color:#fff;cursor:pointer;font-weight:700}.filter button:hover{background:#95a5a6}.movies{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.movie-card{background:white;width:200px;border-radius:16px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:.2s;text-align:center;padding-bottom:12px}.movie-card:hover{transform:scale(1.02);box-shadow:0 6px 12px #00000026}.poster-placeholder{width:100%;height:260px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;text-transform:uppercase;background-color:#34495e}.info{padding:8px 12px}.info h3{font-size:1rem;margin:8px 0 4px;color:#1e2a36}.year{color:#6c7a89;margin:4px 0;font-size:.85rem}.rating{font-weight:700;color:#f39c12;margin:4px 0 0}.nothing{text-align:center;margin-top:50px;color:#7f8c8d;font-size:1.2rem}