@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700&display=swap";html{box-sizing:border-box;margin:0;padding:0;font-size:10px}*{scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:montserrat,sans-serif;background-color:var(--background-color)}:root{--primary-color:#bb9b6a;--secondary-color:#9e9fb3;--success-color:#258616;--warning-color:#efba00;--danger-color:#bf0413;--light-color:#ffffff;--background-color:#031a3b;--info-color:#3bafda}h1,h2,h3,h4,h5,h6{color:var(--light-color);font-weight:500;margin:0;padding:0;font-size:1.4rem}a{text-decoration:none;color:var(--light-color);transition:all .4s ease}img{width:100%}p{color:var(--light-color);margin:0;padding:0}.btn{width:120px;border:none;color:var(--light-color);padding:.8rem;border-radius:5px;margin-right:.5rem;transition:all .5s ease;font-size:1rem;font-weight:500}.btn-full{width:100%;border:none;color:var(--light-color);padding:.8rem;border-radius:5px;transition:all .5s ease;font-size:1rem;font-weight:500}.btn:hover{transform:scale(1.1);cursor:pointer}.btn-primary{background-color:var(--primary-color);filter:drop-shadow(0 4px 5px var(--primary-color))}.btn-success{background-color:var(--success-color);filter:drop-shadow(0 4px 5px var(--success-color))}.btn-danger{background-color:var(--danger-color);filter:drop-shadow(0 4px 5px var(--danger-color))}.btn-info{background-color:var(--info-color);filter:drop-shadow(0 4px 5px var(--info-color))}.btn-warning{background-color:var(--warning-color);filter:drop-shadow(0 4px 5px var(--warning-color))}.logo{width:150px}.header-tittle{margin-top:.2rem}.content{max-width:600px;width:calc(100% - 20px);margin:auto}.navbar-menu{display:flex;font-size:1.2rem;margin-top:1rem;text-align:center}.navbar-menu i{color:#9e9fb4}.menu-item{width:145px;padding:.6rem;border-bottom:1px solid;border-image:linear-gradient( 90deg,var(--background-color) 0%,var(--secondary-color) 50%,var(--background-color) 100% );color:#9e9fb4;border-image-slice:1}.menu-item a,i{color:#9e9fb4;margin-right:.2rem}.menu-item a:hover{color:var(--light-color)}.menu-item a:active{color:var(--light-color)}.active{background:linear-gradient( 90deg,var(--background-color) 0%,var(--primary-color) 50%,var(--background-color) 100% );border-top:2px solid;border-image:linear-gradient( 90deg,var(--background-color) 0%,var(--primary-color) 50%,var(--background-color) 100% );border-image-slice:1}.active a{color:var(--light-color)}.main-bonus-card h2{font-size:4.2rem;padding-top:2rem;padding-left:2rem}.main-bonus-card h3{font-size:1.6rem;padding-left:2rem;font-weight:100;margin-top:-.5rem}@media(max-width:375px){.main-bonus-card{background-size:320px!important;width:100%;height:110px;border-radius:15px;margin-top:2rem}.main-bonus-buttons{position:relative;top:85px!important;left:125px!important}}.main-bonus-buttons{position:relative;top:120px;left:85px}@media(max-width:576px){.navbar-menu{display:flex;font-size:1rem;margin-top:2rem;text-align:center}}.product-bonus{display:flex;gap:10px;margin-top:1rem;margin-bottom:1rem}.double-bonus-card{position:relative;width:100%;border-radius:15px;padding:1rem;background:linear-gradient( 262.5deg,var(--primary-color) -7.78%,var(--background-color) 109.1% )}.double-bonus-card h2{font-size:2.4rem}.bonus-text-content{min-height:75px}.bonus-list-item{display:flex;align-items:center;margin-bottom:1rem;background:linear-gradient( 261.76deg,var(--primary-color) -70.68%,var(--background-color) 115% );padding:1rem;border-radius:15px}.bonus-category{margin-left:.5rem;margin-right:1rem}.bonus-name h2{font-size:2.4rem}.bonus-name h3{font-size:1rem;font-weight:300}.bonus-button{margin-left:auto}.bonus-content{margin-bottom:80px}.bar-container{position:fixed;bottom:0;left:0;right:0}.bar-container i{color:var(--light-color);margin-right:1rem}.bottom-bar{display:flex;width:100%;height:50px;padding:1rem;background:linear-gradient( 262.5deg,var(--primary-color) -7.78%,var(--background-color) 109.1% );cursor:pointer;align-items:center}.popup{position:fixed;top:100%;left:0;width:100%;height:100%;background-color:var(--background-color);display:none;justify-content:center;animation:slideUp .3s forwards}@keyframes slideUp{0%{top:100%}100%{top:0}}.popup.closed{animation:slideDown .3s forwards}@keyframes slideDown{0%{top:0}100%{top:100%}}.popup h2,.popup p{color:#fff}.close-btn{position:absolute;top:0;right:15px;color:#fff;font-size:60px;cursor:pointer}.popup-content{width:100%;margin:auto;padding:1rem}.popup-header{text-align:center;margin:1rem 0}.info-h3{font-size:1.4rem!important}.info-p{margin-top:.4rem;color:var(--secondary-color)!important}.content{display:none}#form-container{display:none;background-color:var(--background-color);padding:2rem}.form-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}#username-form{display:flex;flex-direction:column;margin-bottom:10px}.login-input{padding:1rem;margin-bottom:1rem}.category-tags{cursor:pointer;text-align:center;padding:.2rem 1rem;background-color:var(--primary-color);border-radius:5px;min-width:55px;font-size:13px}.sport-tag{cursor:pointer;text-align:center;padding:.2rem 1rem;background-color:var(--success-color);border-radius:5px;margin-bottom:.5rem;min-width:55px;font-size:13px}.casino-tag{cursor:pointer;text-align:center;padding:.2rem 1rem;background-color:var(--primary-color);border-radius:5px;margin-bottom:.5rem;min-width:55px;font-size:13px}.extra-tag{cursor:pointer;text-align:center;padding:.2rem 1rem;background-color:var(--warning-color);border-radius:5px;margin-bottom:.5rem;min-width:55px;font-size:13px}.product-info{position:absolute;display:flex;gap:.5rem;right:1rem}.fa-circle-up{font-size:3rem!important;margin-left:auto;padding-right:2rem}.hide{display:none!important}.toast-message{font-size:15px!important}#history{overflow-y:scroll;max-height:calc(100vh - 200px)}#history .bonus-list-item{max-width:750px;margin:auto}.menu-item.categorySwitch{cursor:pointer}.mt-1{margin-top:1rem!important}.mb-1{margin-bottom:1rem!important}