Добавляем креативности с HTML Dialog

Используем элемент <dialog> вместе с его псевдоэлементом ::backdrop, фильтрами фона и анимациями для создания модальных окон с уникальным дизайном, сохраняя доступность и семантику.

https://css-tricks.com/getting-creative-with-html-dialog/