.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out;overflow:hidden;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:90vw;max-height:90vh;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;margin:auto}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-body{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.modal-body img{max-width:85vw;max-height:85vh;object-fit:contain;border-radius:20px;box-shadow:0 25px 70px #0009}.modal-close-btn{position:fixed!important;top:20px!important;right:20px!important;width:50px;height:50px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#f2f2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000}.modal-close-btn:hover{background:rgba(255,255,255,.25);border-color:#ffffff80;transform:rotate(90deg)}.modal-close-btn svg{width:24px;height:24px}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:95vh}.modal-body img{max-width:90vw;max-height:80vh;border-radius:15px}.modal-close-btn{top:15px;right:15px;width:45px;height:45px}.modal-close-btn svg{width:22px;height:22px}}@media (max-width: 480px){.modal-body img{max-width:95vw;max-height:75vh;border-radius:12px}.modal-close-btn{top:10px;right:10px;width:40px;height:40px}.modal-close-btn svg{width:20px;height:20px}}