#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 10000; } #modal { background-color: #2E4600; color: #fff; padding: 30px; border-radius: 15px; text-align: center; width: 90%; max-width: 500px; border: 2px solid #A2C523; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } #modal h3 { margin: 0 0 15px 0; color: #A2C523; font-size: 24px; } #modal p { margin: 10px 0; line-height: 1.6; font-size: 16px; } #modal p em { color: #A2C523; font-style: italic; } .buttons { display: flex; justify-content: space-around; margin-top: 25px; gap: 15px; } button { background-color: #A2C523; color: #2E4600; padding: 12px 24px; border: none; border-radius: 8px; width: 45%; cursor: pointer; font-weight: bold; font-size: 16px; transition: all 0.3s ease; } button:hover { background-color: #6FB98F; transform: translateY(-2px); }