#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;}#modal{background:linear-gradient(135deg,#f06,#4a90e2);padding:20px;border-radius:10px;text-align:center;width:80%;max-width:400px;box-shadow:0 4px 8px rgba(0,0,0,0.2);}#modal p{margin-bottom:20px;color:#fff;font-size:18px;}#modal .buttons{display:flex;justify-content:space-between;}#modal button{flex:1;margin:0 5px;padding:10px;background-color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;color:#4a90e2;}#modal button:hover{background-color:#f0f0f0;}@media(max-width:500px){#modal{width:90%;}#modal .buttons{flex-direction:column;}#modal button{margin:5px 0;}}