웹페이지 하나를 만들어 줘.

- 할 일 카드 6개(제목, 중요도, 마감일)가 있고, 위에 "중요한 순", "마감 순" 버튼 두 개.
- 버튼을 누르면 카드 순서가 바뀌면서 각 카드가 새 자리로 부드럽게 미끄러져 가게.
- 애니메이션은 Motion(motion.dev) 최신 버전(14.x)에 새로 들어온 animateLayout 기능으로 해 줘.
- 빌드 도구 없이 index.html 파일 하나로, 라이브러리는 CDN에서 불러와. 디자인은 깔끔하게.
- 설치나 실행은 하지 말고 파일만 만들어 줘. 마지막에 어떤 버전·방식으로 만들었는지 짧게 알려 줘.
