.modal-overlay {display: none;position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}.modal-content {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.7);background: white;border-radius: 12px;padding: 10px;max-width: 900px;width: 90%;box-shadow: 0 5px 15px rgba(0,0,0,0.3);transition: transform 3s ease-out;}.modal-overlay.show .modal-content {transform: translate(-50%, -50%) scale(1);}