*{box-sizing:border-box;padding:0;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#1e1e30;color:#fff}.header{padding:0 16px;width:100%;height:56px;display:flex;justify-content:space-between;align-items:center;background-color:#1e1e30;border-bottom:2px solid #27293d}.errorModalBackdrop{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center}.errorModalContent{position:absolute;bottom:0;background-color:#842029;padding:10px 20px;border-radius:4px;box-shadow:0 0 10px #0003;color:#f8d7db}.description{margin-bottom:16px;font-size:18px}.descriptionContainer{width:100%;color:#fff}.buttonContainer{display:flex;justify-content:flex-start;align-items:flex-start;gap:5px}.buttonContainerColumn{display:flex;justify-content:flex-start;align-items:flex-start;gap:5px;flex-direction:row}.button{padding:10px 14px;font-size:16px;font-weight:700;text-transform:uppercase;color:#1e1e30;background-color:#3de8a0;border:1px solid transparent;border-radius:4px}.buttonBack,.buttonMyAccount{padding:10px 14px;font-size:16px;font-weight:700;text-transform:uppercase;color:#3de8a0;border:1px solid #3de8a0;border-radius:4px}.buttonWallet{padding:4px 12px;font-size:12px;font-weight:700;text-transform:uppercase;color:#1e1e30;background-color:#3de8a0;border:1px solid transparent;border-radius:4px}@media (max-width: 1000px){.buttonContainer{justify-content:space-between}.buttonContainerColumn{flex-direction:column}.button,.buttonBack,.buttonMyAccount{width:100%}}@media (max-width: 375px){.buttonBack{width:min-content}}.bookContainer{display:flex;justify-content:center;align-items:center;position:relative;transform-style:preserve-3d;perspective:800px;z-index:2}@keyframes initAnimation{0%{transform:rotateY(0)}to{transform:rotateY(30deg)}}.book{position:relative;width:200px;height:300px;transform-style:preserve-3d;transform:rotateY(30deg);transition:transform 5s ease;animation:3s ease 0s 1 initAnimation}.book:focus{transform:rotateY(180deg)}.book:active{transform:rotateY(180deg)}.side{position:absolute;top:0;left:0;backface-visibility:hidden;width:40px;height:300px;background-size:auto 100%;background-position:50%;transform-origin:right;transform:rotateY(-90deg)}.back{position:absolute;top:0;left:40px;backface-visibility:hidden;width:170px;height:300px;background-size:auto 100%;background-position:18%;transform:rotateY(180deg) translateZ(40px)}.front{position:absolute;top:0;left:40px;backface-visibility:hidden;width:170px;height:300px;background-size:auto 100%;background-position:87%}.cardContainer{margin:16px 0;background-color:#27293d;border:1px solid transparent;border-radius:10px}.boxContent{position:relative;width:100%;height:350px}.gifContent{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:#27293d;border-radius:10px;overflow:hidden}.videoGifContent{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:#0a090a;border-radius:10px;overflow:hidden}.gifContent:before{content:"";position:absolute;width:500%;height:500%;border-radius:10px;background-image:conic-gradient(transparent,transparent,transparent,transparent,#3de8a0);animation:animate 4s linear infinite}.gifContent:after{content:"";position:absolute;width:500%;height:500%;border-radius:10px;background-image:conic-gradient(transparent,transparent,transparent,transparent,#1e1e30);animation:animate 4s linear infinite;animation-delay:-2s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gif{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;background-color:#1e1e30;z-index:1}.iconReplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infoContainer{padding:16px}.info{margin-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;font-size:18px}.cardFooter{text-align:end;opacity:.5}.buttonContainer{display:flex;justify-content:flex-start;align-items:center;gap:10px}.videoContainer{width:100%;max-width:350px;height:auto}@media (min-width: 1500px){.boxContent{height:600px}}.pageContainer{margin:0 16px 16px}