.modal-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:999!important;opacity:0;transition:opacity .3s ease-in-out}.modal-overlay.ReactModal__Overlay--after-open{opacity:1}.modal-overlay.ReactModal__Overlay--before-close{opacity:0}.modal-content{position:relative;background:#0a4b76;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.25);width:100%;max-width:400px;margin:1.5rem;outline:none;z-index:100000!important;color:#fff;text-align:center}.modal-content .modal-inner{position:relative;width:100%;padding:2rem 1.5rem}.modal-content .modal-inner .success-icon{background:#4caf50;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.modal-content .modal-inner .success-icon svg{width:24px;height:24px;color:#fff}.modal-content .modal-inner h2{font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.modal-content .modal-inner p{font-size:1rem;color:hsla(0,0%,100%,.9);margin:0 0 1.5rem}.modal-content .modal-inner .player-indicators{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.modal-content .modal-inner .player-indicators .player-dot{width:32px;height:32px;border-radius:50%;background:#1e88e5;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.modal-content .modal-inner .share-button{background:#1e88e5;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:background-color .2s}.modal-content .modal-inner .share-button:hover{background:#1976d2}.modal-content .modal-inner .share-button .icon{width:20px;height:20px}.modal-content .modal-inner .modal-close-button{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;color:#fff;z-index:100001}.modal-content .modal-inner .modal-close-button:hover{color:#e0e0e0}@media(max-width:768px){.modal-content{max-width:90%;margin:1rem}.modal-content .modal-inner{padding:1.5rem 1rem}}