.modal{align-items:center;display:none;inset:0;justify-content:center;position:fixed;z-index:9999}.modal.active{display:flex}.modal__overlay{background:rgba(0,0,0,.6);inset:0;position:absolute}.modal__content{animation:fadeIn .3s ease;background:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:90%;z-index:2}.modal__close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}