:root{--color-accent: #BBEC36;--color-primary: #3EE6E0;--bg-color-btn: #BBEC36;--booi-pink: rgba(255, 92, 255, 1)}html{overflow-x:hidden}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:#fff}html{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:320px}button{outline:none;background:none}body{color:#fff;display:flex;flex-direction:column;min-height:100vh;font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400;position:relative;overflow:auto;overflow-x:hidden;background-image:url(../img/bg.webp);background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:hidden}header{flex-shrink:0;padding:2rem;z-index:3}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-wrap{display:flex;justify-content:space-between}.logo{display:inline-block;width:154px;height:93px;background-image:url(../img/project-logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.logo-provider{display:inline-block;width:337px;height:93px;background-image:url(../img/playngo.webp);background-size:contain;background-repeat:no-repeat;background-position:center}.logo-game{display:inline-block;width:41vw;max-width:587px;height:308px;background-image:url(../img/game-logo.webp);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:0;transform:translateY(-50%);z-index:2}main{position:relative}.container{max-width:1500px;width:75vw;margin:0 auto;align-self:center;position:relative;text-align:center}.card-wrap{display:flex;justify-content:space-between;align-items:center;flex:1}.card-wrap .card{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;background:#35216a;margin:0 20px;padding:10px;border-radius:16px;width:35vw;height:20vw;max-width:700px;max-height:400px;border:2px solid #33b2ca;background:radial-gradient(circle at 51% 53%, #35216A 77%, #33B2CA 150%, #33B2CA 100%);filter:drop-shadow(0 0 16px #33B2CA);container-type:inline-size;container-name:card;font-size:clamp(15px,2cqw,35px);text-transform:uppercase;font-weight:800}.text-wrap{display:inline-block;text-align:center}.accent-color{color:var(--color-accent)}.character{position:absolute;bottom:0;right:0;height:75vh;max-height:911px;width:25vw;background-image:url(../img/character.webp);background-size:cover;background-position:top left;z-index:3}.button-wrap{display:flex;justify-content:center;align-items:center;transform:translateY(100%)}.button{font-family:"Roboto",sans-serif;font-weight:600;font-size:48px;color:rgba(0,0,0,.7);display:inline-block;padding:10px 40px;background-color:var(--bg-color-btn);border-radius:10px;border:1px solid rgba(32,2,41,.1);cursor:pointer;box-shadow:0 4px 0 #7fa125,0 6px 12px rgba(0,0,0,.2);transition:transform .1s ease;animation:1s ease .5s infinite normal none running vertical-shaking}.button:hover{transform:translateY(2px);box-shadow:0 2px 0 #ccff40,0 4px 6px rgba(0,0,0,.15);animation:none}.decor{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-2;overflow:hidden}.decor .decor-1{position:absolute;bottom:-7%;right:20vw;width:176px;height:218px;background-image:url(../img/decor-1.webp);background-size:contain;background-repeat:no-repeat;animation:fly 3s ease infinite alternate}.decor .decor-2{position:absolute;left:5vw;top:20%;width:203px;height:250px;background-image:url(../img/decor-2.webp);background-size:contain;background-repeat:no-repeat;animation:fly 2s ease infinite alternate}.decor .decor-3{position:absolute;left:0;bottom:0;width:25vw;height:20vw;background-image:url(../img/scatter-left.webp);background-size:cover;background-position:top right;background-repeat:no-repeat;animation:saturate 2s ease infinite alternate}.mobile-only{display:none !important}.desktop-only{display:flex}@media screen and (min-width: 711.99px)and (max-width: 1366px)and (orientation: portrait){header{margin-bottom:5vh}header .logo{max-width:117px;max-height:71px}header .logo-provider{max-width:203px;max-height:56px}main{justify-content:flex-start}}@media screen and (min-width: 711.99px)and (max-width: 1366px)and (orientation: portrait)and (max-width: 1024px){.card-wrap{flex-direction:column}.card-wrap .card{margin:20px 0;width:75vw;height:35vw;font-size:clamp(15px,4cqw,35px)}}@media screen and (min-width: 712px)and (max-width: 1024px){.character{left:-4%;right:initial;max-height:34%;width:47vw;max-width:450px;background-image:url(../img/character-mob.webp);background-repeat:no-repeat;background-position:top right;z-index:1}.button-wrap{position:relative;z-index:2}.decor{z-index:0}.decor .decor-1{top:33%;width:20vw;height:20vw;right:0;z-index:2}.decor .decor-2{display:none}.decor .decor-3{left:initial;right:0;width:45vw;height:45vw;background-image:url(../img/scatter-right.webp)}}@media screen and (min-width: 712px)and (max-width: 768px){.character{width:41vw;max-height:30%}}@media screen and (max-width: 711.98px){header{padding:1rem}header .logo{max-width:80px;max-height:48px}header .logo-provider{max-width:156px;max-height:48px}.logo-game{position:initial;width:100%;max-width:390px;height:25vh;max-height:210px;transform:translateY(0)}.container{width:100%;padding:0 15px}.card-wrap{flex-direction:column}.card-wrap .card{width:100%;margin:0 0 20px;min-height:155px;height:45vw;font-size:clamp(15px,4.7cqw,35px)}main{margin-bottom:52vh}.button-wrap{transform:translateY(0)}.button-wrap .button{font-size:9vw;padding:10px 10vw}.decor{display:none}.character{left:0;right:initial;height:49vh;width:100vw;background-image:url(../img/character-mob.webp);background-repeat:no-repeat;z-index:1;animation:1s ease .5s infinite normal none running shadow}}@keyframes headerBlink{from{opacity:.5;filter:blur(0) saturate(1)}to{opacity:.6;filter:blur(5px) saturate(1.1)}}@keyframes shake{0%{transform:translate(-3px, 5px)}50%{transform:translate(3px, -5px)}100%{transform:translate(0, 0)}}@keyframes fallDown{from{opacity:.1;transform:translate(0, -30%)}to{opacity:1;transform:translate(0, 0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{transform:scale(0.9)}20%{transform:scale(1.1)}40%{transform:scale(0.9)}60%{transform:scale(1.03)}80%{transform:scale(0.97)}to{transform:scale(1)}}@keyframes rubberBand{from,to{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1}@keyframes bg-pulse{0%{background-size:105%}50%{background-size:110%}100%{background-size:105%}}@keyframes bg-pulse-tablet{0%{background-size:192%}50%{background-size:198%}100%{background-size:192%}}@keyframes bg-pulse-mob{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes shadow-pulse{0%{filter:drop-shadow(0 1px 1px rgba(154, 92, 255, 0.2509803922));transform:scale(1)}50%{filter:drop-shadow(15px 10px 10px #bf7ca9);transform:scale(1.02)}100%{filter:drop-shadow(0 1px 1px rgba(154, 92, 255, 0.2509803922));transform:scale(1)}}@keyframes shadow{0%{filter:drop-shadow(0 1px 1px var(--color-accent))}50%{filter:drop-shadow(10px 10px 10px var(--color-primary))}100%{filter:drop-shadow(0 1px 1px var(--color-accent))}}@keyframes shadow-pulse-mobile{0%{filter:drop-shadow(0 1px 1px rgba(154, 92, 255, 0.2509803922));transform:scale(1)}50%{filter:drop-shadow(10px 5px 10px #bf7ca9);transform:scale(1.05)}100%{filter:drop-shadow(0 1px 1px rgba(154, 92, 255, 0.2509803922));transform:scale(1)}}@keyframes shadow-light{0%{box-shadow:0 1px 1px #5b2c6b}50%{box-shadow:5px 3px 5px var(--booi-pink)}100%{box-shadow:0 1px 1px #5b2c6b}}@keyframes saturate{0%{filter:saturate(0.9)}50%{filter:saturate(2)}100%{filter:saturate(0.9)}}@keyframes vertical-shaking{0%,100%{transform:translateY(0)}25%,75%{transform:translateY(3px)}50%{transform:translateY(-3px)}}@keyframes vertical-shaking-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes vertical-shaking-slow-coins{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes vertical-shaking-slow-lemons{0%,100%{transform:translate(0, 0)}50%{transform:translate(-5px, 5px)}100%{transform:translateY(0)}}@keyframes bg-pulse-xform{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes fly{0%{transform:translate(3px, 5px)}50%{transform:translate(-3px, -5px)}100%{transform:translate(3px, 0)}}