.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-family:Arial,sans-serif;max-width:600px;padding:30px;position:relative;text-align:center;width:80%}.modal .close{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#333;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:-15px;top:-15px;width:30px}.modal .close:hover{background-color:#f5f5f5;color:#000}.modal-content h2{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.modal-content p{color:#555;font-size:16px;line-height:1.5;margin-bottom:20px;text-align:left}.modal-content img{height:auto;margin:20px 0;max-width:50%}.modal-content .button{background-color:#d50000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.modal-content .button:hover{background-color:#b80000}@media (max-width:768px){.modal-content{padding:20px;width:90%}.modal-content h2{font-size:20px}.modal-content p{font-size:14px}.modal-content .button{font-size:14px;padding:8px 16px}}