.modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:9999;perspective:2000px;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container{width:56%;max-width:1000px;height:530px;transform-style:preserve-3d;background:#000;border:1px solid #ffffff1a;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #000000b3}.modal-close{color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:25px;right:25px}.modal-close:hover{color:#000;background:#fff;transform:rotate(180deg)scale(1.1)}.modal-content-wrapper{border:10px solid #fff;width:100%;height:100%;position:relative}.modal-slider{width:100%;height:100%;position:relative;overflow:hidden}.slider-image-container{opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.slider-image-container.active{opacity:1}.modal-image{object-fit:cover;width:100%;height:100%}.slider-controls{z-index:50;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;width:10px;height:10px;transition:all .3s}.slider-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 15px #ffffff80}.slider-nav{pointer-events:none;z-index:50;justify-content:space-between;width:100%;padding:0 30px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;pointer-events:auto;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.image-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:2px;text-transform:uppercase;z-index:50;background:#00000080;border:1px solid #fff3;border-radius:40px;padding:10px 20px;font-size:.85rem;position:absolute;top:30px;left:30px}@media (max-width:1400px){.modal-container{width:60%;max-width:1000px;height:460px}}@media (max-width:768px){.modal-container{height:450px}.image-badge{padding:6px 15px;font-size:.7rem;top:20px;left:20px}.nav-btn{width:40px;height:40px}}