.hero-media-image.asset-light{max-height:400px}@media (min-width: 641px){.hero-inner{justify-content:space-around}}main{display:flex;flex-direction:column;align-items:center;padding:1em}.video-wrapper{max-width:100%;width:320px;display:flex;justify-content:center;margin-bottom:1.5em}video{width:100%;max-height:100vh;aspect-ratio:9 / 16;border-radius:8px;box-shadow:0 18px 40px #00000052,0 6px 18px #0000001f}.button-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:500px;margin:1em auto 0}.button-container .action-button{width:60px;height:60px;background-color:#182538;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.button-container .action-button:hover{background-color:#223f6b}.button-container .icon{width:30px;height:30px;color:#f0f0f0}@media (min-width: 768px){.button-container{gap:.75rem}}.progress{padding:4px;background:#05062dcc;-webkit-box-shadow:inset 0 1px 2px rgb(5 6 45 / 80%),0 1px rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #05062dcc,0 1px #ffffff14}.progress-bar{height:16px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:linear-gradient(to bottom,#ffffff4d,#ffffff0d);-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);box-shadow:0 0 1px 1px #00000040,inset 0 1px #ffffff1a}.progress-bar{width:0;background-color:#be351d}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:40px 0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;padding-top:60px;text-align:center}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:90%;max-width:500px;border-radius:10px;box-shadow:0 4px 8px #0000004d;text-align:center}.modal-content h2{margin-top:0;font-size:1.5em;margin-bottom:20px}#qrCodeContainer{margin:0 auto;display:block;max-width:100%;height:auto;max-height:300px}.close{color:#aaa;font-size:28px;font-weight:700;position:absolute;top:10px;right:20px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}