.modal-container{position:fixed;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container,.modal-overlay{top:0;left:0;width:100%;height:100%}.modal-overlay{position:absolute;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:#1a1a1a;border-radius:12px;padding:2rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 30px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{color:#fff;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .3s ease;position:absolute;top:1rem;right:1rem;z-index:10}.close-button:hover{opacity:1}.modal-content:has(.video-modal-content) .modal-header{display:none}.modal-content:has(.video-modal-content){padding:0!important;overflow:hidden;background:transparent;border:none;box-shadow:none}.video-modal-content{width:100%;height:100%;overflow:hidden;position:relative;padding-top:56.25%}.video-modal-content video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px}@media (max-width:768px){.modal-content{width:95%;padding:1.5rem}.video-modal-content:after{content:"×";position:absolute;top:10px;right:10px;width:30px;height:30px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;z-index:1000;cursor:pointer;transition:background-color .3s ease}.video-modal-content:after:hover{background:rgba(0,0,0,.7)}.modal-header h3{font-size:1.25rem}.video-modal-content{padding-top:75%}}@media (max-width:480px){.modal-content{width:100%;height:100%;border-radius:0;max-height:none}.video-modal-content{padding-top:100%}.video-modal-content:after{top:5px;right:5px}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a1a1a}.modal-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}