.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:16px}
.modal-overlay.hidden{display:none}
.modal-overlay .modal-container{background-color:#1D1919;padding:16px 32px;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;color:#C6C5C5}
.modal-overlay .modal-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;color:white}
.modal-overlay .modal-container .modal-header h3{color:white !important}
.modal-overlay .modal-container .modal-header .modal-close{background:none;border:none;cursor:pointer;color:white;padding:0}
.modal-overlay .modal-container .modal-header .modal-close:hover{opacity:0.8}
.modal-overlay .modal-container .modal-content{padding:1.5rem;line-height:1.6;background-color:#1D1919}