@font-face{font-family:Superior;src:url(../fonts/Superior.5abadb08.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;font-family:Superior,sans-serif}img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}main{height:100dvh;width:100vw;background-position:50%;background-size:cover;overflow:hidden;font-size:min(1vw,1vh)}main .container{position:relative;width:100%;height:100%;margin:0 auto;z-index:10}main .container .content{max-width:min(1600px,90vw);height:100%;margin:0 auto;padding:0 min(8px,1vw)}main .container .theme-bg{background-color:#17467e;width:100%}main .container .top-container{height:12vh;margin-top:min(1.5vh,1.5%);border-top:20px solid #17467e;border-bottom:20px solid #17467e;background-color:#041c57}main .container .top-container .content{display:flex;justify-content:center;align-items:center;gap:3.5vw}main .container .top-container .content .logo-sstbm{height:85%;min-width:80px}main .container .top-container .content .tricolor{height:100%;min-width:40px}main .container .top-container .content .sstbm-text{height:65%;min-width:300px}main .container .coins-container{height:28vh}main .container .coins-container .content{position:relative}main .container .coins-container .coin-container{width:28vh}main .container .coins-container .coin-container img{height:100%;width:100%}main .container .coins-container .coin-container.coin1{position:absolute;z-index:10;left:calc(43% - 14vh)}main .container .coins-container .coin-container.coin1 .flare{position:absolute;top:-4vh;left:-35%;width:170%;height:auto}main .container .coins-container .coin-container.coin2{position:absolute;z-index:1;right:calc(43% - 14vh)}main .container .coins-container .coin-container.coin2 .flare{position:absolute;bottom:-6vh;right:-30%;width:140%;height:auto}main .container .sale-container{height:min(3vh,3%);margin-top:3vh}main .container .sale-container .content{display:flex;justify-content:center;align-items:center}main .container .sale-container .content .sale{height:100%;width:auto}main .container .logo-container{height:min(6.3vh,6.3%);width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:min(1.5vh,1.5%)}main .container .logo-container .logo{height:100%;width:auto}main .container .key-container{width:100%;height:min(11.8vh,11.8%);margin-top:4.5vh}main .container .key-container .key-w{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-height:min(212px,12vh);height:100%;margin-top:2vh;left:0;right:0;margin:auto;max-width:min(960px,85vh);gap:min(1vw,10px)}main .container .key-container .key-w .key-wrapper{display:flex;justify-content:center;align-items:center;height:100%;flex:1;position:relative}main .container .key-container .key-w .key-wrapper .key{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%}main .container .key-container .key-w .key-wrapper .key .bg-key{height:100%;width:auto}main .container .key-container .key-w .key-wrapper .key .bg-key.hidden{display:none}main .container .key-container .key-w .key-wrapper .key input{position:absolute;height:100%;width:100%;top:0;left:0;background:none;border:none;outline:none;text-align:center;font-size:8vh;color:#ac8827}main .container .confirm-container{width:100%;display:flex;justify-content:center;align-items:center;height:6.3vh;margin-top:2vh;cursor:pointer}main .container .confirm-container .confirm{height:100%;width:auto}main .container .footer{position:absolute;bottom:min(1.5vh,1.5%);width:100%;height:min(16vh,20%)}main .container .footer .rules{height:2vh;display:block;width:-moz-fit-content;width:fit-content;margin:0 auto}main .container .footer .rules img{height:100%;width:auto}main .container .footer .copiright-container{margin-top:2vh;height:82%;display:flex;justify-content:center;align-items:center}main .container .footer .copiright-container .copiright{height:37.2%;width:auto;max-width:95%}main .wrong-container{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000000000;background-color:rgba(255,0,0,.2)}main .wrong-container .wrong{position:absolute;top:40%;left:50%;margin:0 auto;font-size:2rem;font-weight:700;background-color:red;color:#fff;padding:32px 64px;border-radius:10px;max-width:80%;width:-moz-max-content;width:max-content;z-index:1000;text-align:center;transform-origin:center}@media(max-width:620px){main .container .key-container{margin-top:1vh}main .container .key-container .key-w .key-wrapper .key input{font-size:4rem}main .container .coins-container .coin-container.coin1{left:calc(33% - 12vh)}main .container .coins-container .coin-container.coin2{right:calc(33% - 12vh)}main .wrong-container .wrong{padding:16px 32px}main .container .top-container .content{gap:1vw}}@media(max-width:425px){main .logo-sstbm{display:none}}.wrong{animation:shake .4s infinite;transform:translateX(-50%)}@keyframes shake{0%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 10px))}50%{transform:translateX(calc(-50% + 10px))}75%{transform:translateX(calc(-50% - 10px))}to{transform:translateX(-50%)}}.logo-sstbm{animation:zoom-ina .3s ease-in .2s forwards;transform:scale(0);opacity:0}@keyframes zoom-ina{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sstbm-text{animation:zoom-inb .5s ease-in .4s forwards;transform:scale(0);opacity:0}@keyframes zoom-inb{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirm{animation:slide-up .1s ease-in 1s forwards;opacity:0}@keyframes slide-up{0%{margin-top:150px;opacity:0}to{opacity:1}}.sale-container{animation:up .3s linear .6s forwards;opacity:0}@keyframes up{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.coin1{animation:roll-left .5s ease-out forwards;opacity:0;animation-delay:.5s;transform-origin:center center;position:absolute}@keyframes roll-left{0%{opacity:0;left:0;transform:rotate(-180deg)}50%{opacity:1}to{opacity:1;transform:rotate(0deg)}}.coin2{animation:roll-right .5s ease-out forwards;animation-delay:.5s;opacity:0;position:absolute}@keyframes roll-right{0%{opacity:0;transform:rotate(180deg);right:0}50%{opacity:1}to{opacity:1;transform:rotate(0deg)}}.flare1,.flare12{animation:shine 4.6s linear 1.5s infinite}.flare1,.flare12,.flare2,.flare22{opacity:0;transform-origin:center center}.flare2,.flare22{animation:shine 4.6s linear 2.5s infinite}@keyframes shine{0%{opacity:0;transform:scale(0) rotate(0deg)}14%{opacity:1;transform:scale(1) rotate(37deg)}42%{opacity:1;transform:scale(1) rotate(113deg)}58%{opacity:0;transform:scale(0) rotate(151deg)}to{opacity:0;transform:scale(0) rotate(0deg)}}.congrats{animation:dropDown .3s linear forwards;animation-delay:.2s;opacity:0}.sleva{animation:dropDown .3s linear forwards;animation-delay:.5s;opacity:0}@keyframes dropDown{0%{transform:translate(-50%,-30%);opacity:0}to{transform:translate(-50%);opacity:1}}.newprice{animation:zoom-inx 2s ease-in-out .5s forwards;transform:translateX(-50%) scale(0);opacity:0}@keyframes zoom-inx{0%{transform:translateX(-50%) scale(0);opacity:0}30%{transform:translateX(-50%) scale(1);opacity:1}40%{transform:translateX(-50%) scale(1.1);opacity:1}60%{transform:translateX(-50%) scale(1);opacity:1}80%{transform:translateX(-50%) scale(1.1);opacity:1}to{transform:translateX(-50%) scale(1);opacity:1}}.take{animation:zoom-in2 .3s linear 2.3s forwards,bump 3s ease-in 2.6s infinite;opacity:0;transform:translateX(-50%) scale(0)}@keyframes zoom-in2{0%{transform:translateX(-50%) scale(0);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}@keyframes bump{0%{transform:translateX(-50%) scaleX(1)}10%{transform:translateX(-50%) scale3d(1.05,1.05,1.05)}25%{transform:translateX(-50%) scaleX(1)}35%{transform:translateX(-50%) scale3d(1.05,1.05,1.05)}50%{transform:translateX(-50%) scaleX(1)}to{transform:translateX(-50%) scaleX(1)}}.new{animation:appier .5s ease-in forwards;opacity:0;transform:scale(0)}@keyframes appier{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}