.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .7);backdrop-filter:blur(5px);animation:fadeIn 0.5s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;margin:15% auto;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .3);max-width:500px;text-align:center;position:relative;font-family:sans-serif;transform:translateY(-50px);animation:slideIn 0.5s forwards}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{color:#aaa;position:absolute;top:15px;right:25px;font-size:28px;font-weight:700;cursor:pointer;transition:color 0.3s}.close-btn:hover,.close-btn:focus{color:#333}#closeModalButton{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:5px;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color 0.3s}#closeModalButton:hover{background-color:#0056b3}