.popup { display: none; position: fixed; z-index: 999999; left: 50%; top: 50%; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); transform: translate(-50%, -50%);}
.popup-content { background-color: #fff; margin: 10px auto; padding: 20px; border-radius: 8px; width: 100%; text-align: center; max-width: 800px; }
.close { color: #aaa; float: right; font-size: 28px; cursor: pointer; }
.close:hover { color: #000; }