.popup-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:50;background-color:transparent;backdrop-filter:blur(0);opacity:0;visibility:hidden;transition:all .5s ease-in-out}.popup-container[data-visible=true]{animation:showPopup .5s ease-in-out 5s forwards}.popup-content{position:relative;margin:0 .5rem;padding:3rem 2rem;transform:scale(.9) translateY(20px);opacity:0;background-color:transparent;border-radius:1rem;max-width:90%}.popup-container[data-visible=true] .popup-content{animation:slideContent .5s ease-in-out 5s forwards}.popup-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.popup-title{font-size:1.75rem;font-weight:700;text-align:center;color:#333;margin:0;opacity:0;transform:translateY(-10px);animation:fadeInDown .5s ease-in-out 5.2s forwards}.button-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;opacity:0;transform:translateY(10px);animation:fadeInUp .5s ease-in-out 5.4s forwards}.challenge-button{padding:.75rem 1.5rem;border:2px solid #007bff;border-radius:8px;background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.challenge-button:hover{background-color:#0056b3;border-color:#0056b3;transform:translateY(-2px)}.close-button{position:absolute;margin-top:.5rem;right:2.5rem;z-index:10;padding:.25rem;color:#fff;background-color:hsla(0,0%,100%,.2);border-radius:9999px;transition:all .2s}.close-button:hover{background-color:#fff;color:rgba(0,0,0,.5);transform:rotate(90deg)}.popup-image{border-radius:1rem;width:70%;-o-object-fit:contain;object-fit:contain;margin-top:0;opacity:0;animation:fadeIn .5s ease-in-out forwards}@keyframes showPopup{to{opacity:1;visibility:visible;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}}@keyframes slideContent{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.popup-content{padding:2rem;margin:0 6rem;max-width:650px;background-color:transparent}.close-button{right:1rem;top:1rem;margin-top:0}.popup-image{width:100%;max-width:800px;margin-top:0}.button-container{flex-direction:row;max-width:500px;justify-content:center}.challenge-button{min-width:200px}}