html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    border:0;
    margin:0;
    padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
[hidden]{
    display:none
}
body{
    line-height:1
}
menu,ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before{
    content:"";
    content:none
}
blockquote:after{
    content:"";
    content:none
}
q:before{
    content:"";
    content:none
}
q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}

*{
    scrollbar-width:thin;
    scrollbar-color:#fb4d01 #0a0c33
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar-track{
    background:#0a0c33
}
::-webkit-scrollbar-thumb{
    background-color:#fb4d01
}
html *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%
}
body{
    cursor:default;
    min-width:320px;
    font-family:Roboto,sans-serif;
    font-weight:400;
    line-height:1.5;
    position:relative
}
.main{
    background:#0a0c33 url(../images/bg_desktop.e99644d0.webp) top/cover no-repeat;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    min-height:100vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative;
    overflow:hidden
}
.wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:720px;
    min-height:100vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative
}
.logos_wrapper{
    z-index:99;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    padding:30px 0 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative
}
.logos_wrapper .mostbet_logo{
    width:auto;
    height:39px
}
.logos_wrapper .cross_icon{
    width:16px;
    height:auto;
    margin:0 16px
}
.logos_wrapper .game_logo{
    width:83px;
    height:auto
}
.content_wrapper{
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    flex-grow:1;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex
}
.content_inner{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex
}
@-webkit-keyframes objectAnimation1{
    0%{
    -webkit-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(4px)rotate(-180deg);
    transform:rotate(180deg)translate(4px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(540deg)translate(4px)rotate(-540deg);
    -ms-transform:rotate(540deg)translate(4px)rotate(-540deg);
    -o-transform:rotate(540deg)translate(4px)rotate(-540deg);
    transform:rotate(540deg)translate(4px)rotate(-540deg)
}
}
@keyframes objectAnimation1{
    0%{
    -webkit-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(4px)rotate(-180deg);
    transform:rotate(180deg)translate(4px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(540deg)translate(4px)rotate(-540deg);
    -ms-transform:rotate(540deg)translate(4px)rotate(-540deg);
    -o-transform:rotate(540deg)translate(4px)rotate(-540deg);
    transform:rotate(540deg)translate(4px)rotate(-540deg)
}
}
@-webkit-keyframes objectAnimation2{
    0%{
    -webkit-transform:rotate(180deg)translate(6px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(6px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(6px)rotate(-180deg);
    transform:rotate(180deg)translate(6px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(-540deg)translate(6px)rotate(540deg);
    -ms-transform:rotate(-540deg)translate(6px)rotate(540deg);
    -o-transform:rotate(-540deg)translate(6px)rotate(540deg);
    transform:rotate(-540deg)translate(6px)rotate(540deg)
}
}
@keyframes objectAnimation2{
    0%{
    -webkit-transform:rotate(180deg)translate(6px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(6px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(6px)rotate(-180deg);
    transform:rotate(180deg)translate(6px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(-540deg)translate(6px)rotate(540deg);
    -ms-transform:rotate(-540deg)translate(6px)rotate(540deg);
    -o-transform:rotate(-540deg)translate(6px)rotate(540deg);
    transform:rotate(-540deg)translate(6px)rotate(540deg)
}
}
@-webkit-keyframes objectAnimation3{
    0%{
    -webkit-transform:rotate(180deg)translate(8px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(8px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(8px)rotate(-180deg);
    transform:rotate(180deg)translate(8px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(540deg)translate(8px)rotate(-540deg);
    -ms-transform:rotate(540deg)translate(8px)rotate(-540deg);
    -o-transform:rotate(540deg)translate(8px)rotate(-540deg);
    transform:rotate(540deg)translate(8px)rotate(-540deg)
}
}
@keyframes objectAnimation3{
    0%{
    -webkit-transform:rotate(180deg)translate(8px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(8px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(8px)rotate(-180deg);
    transform:rotate(180deg)translate(8px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(540deg)translate(8px)rotate(-540deg);
    -ms-transform:rotate(540deg)translate(8px)rotate(-540deg);
    -o-transform:rotate(540deg)translate(8px)rotate(-540deg);
    transform:rotate(540deg)translate(8px)rotate(-540deg)
}
}
@-webkit-keyframes objectAnimation4{
    0%{
    -webkit-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(4px)rotate(-180deg);
    transform:rotate(180deg)translate(4px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(-540deg)translate(4px)rotate(540deg);
    -ms-transform:rotate(-540deg)translate(4px)rotate(540deg);
    -o-transform:rotate(-540deg)translate(4px)rotate(540deg);
    transform:rotate(-540deg)translate(4px)rotate(540deg)
}
}
@keyframes objectAnimation4{
    0%{
    -webkit-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -ms-transform:rotate(180deg)translate(4px)rotate(-180deg);
    -o-transform:rotate(180deg)translate(4px)rotate(-180deg);
    transform:rotate(180deg)translate(4px)rotate(-180deg)
}
to{
    -webkit-transform:rotate(-540deg)translate(4px)rotate(540deg);
    -ms-transform:rotate(-540deg)translate(4px)rotate(540deg);
    -o-transform:rotate(-540deg)translate(4px)rotate(540deg);
    transform:rotate(-540deg)translate(4px)rotate(540deg)
}
}
.photo_block{
    height:82%;
    position:absolute;
    bottom:0
}
.photo_block.left{
    right:565px
}
.photo_block.right{
    left:565px
}
.photo{
    width:auto;
    height:100%;
    display:block
}
.photo_block .card{
    width:auto;
    display:block;
    position:absolute
}
.photo_block .card1{
    height:23.728%;
    -webkit-animation:12s linear infinite objectAnimation1;
    animation:12s linear infinite objectAnimation1;
    top:-31.4%;
    left:-13%
}
.photo_block .card2{
    height:23.22%;
    -webkit-animation:16s linear infinite objectAnimation2;
    animation:16s linear infinite objectAnimation2;
    top:8%;
    left:-43%
}
.photo_block .card3{
    height:21.694%;
    -webkit-animation:14s linear infinite objectAnimation3;
    animation:14s linear infinite objectAnimation3;
    top:-20%;
    left:30%
}
.photo_block .card4{
    height:15.084%;
    -webkit-animation:16s linear infinite objectAnimation4;
    animation:16s linear infinite objectAnimation4;
    top:0;
    left:66%
}
.photo_block .card5{
    height:17.796%;
    -webkit-animation:18s linear infinite objectAnimation1;
    animation:18s linear infinite objectAnimation1;
    top:-7%;
    left:9%
}
.photo_block .card6{
    height:18.135%;
    -webkit-animation:14s linear infinite objectAnimation2;
    animation:14s linear infinite objectAnimation2;
    top:-26.4%;
    left:24%
}
.photo_block .card7{
    height:22.711%;
    -webkit-animation:16s linear infinite objectAnimation3;
    animation:16s linear infinite objectAnimation3;
    top:-17%;
    left:77%
}
.photo_block .card8{
    height:16.44%;
    -webkit-animation:14s linear infinite objectAnimation4;
    animation:14s linear infinite objectAnimation4;
    top:16%;
    left:108%
}
.photo_mobile{
    display:none
}
.text_block{
    z-index:99;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    margin:0 0 20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative
}
.text_block .main_title{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    background:-webkit-linear-gradient(89deg,#7b00f6 -4.66%,#2635ca 56.03%,#cd37e9 104.25%);
    background:-o-linear-gradient(89deg,#7b00f6 -4.66%,#2635ca 56.03%,#cd37e9 104.25%);
    background:linear-gradient(89deg,#7b00f6 -4.66%,#2635ca 56.03%,#cd37e9 104.25%);
    margin:0 0 20px;
    padding:4px 16px;
    font-size:44px;
    font-style:italic;
    font-weight:900;
    line-height:1.3
}
.text_block .description{
    color:#fff;
    text-align:center;
    font-size:20px;
    line-height:1.4
}
.form_wrapper{
    width:100%;
    max-width:410px;
    position:relative
}
.form_inner{
    z-index:100;
    background:#071437;
    border:1px solid #364aff;
    -webkit-border-radius:32px;
    border-radius:32px;
    position:relative
}
.card_mobile{
    display:none
}
@media screen and (orientation:landscape) and (max-width:1024px){
    .photo_block.left{
    right:480px
}
.photo_block.right{
    left:480px
}
.photo_block .card4,.photo_block .card5{
    display:none
}
}
@media screen and (orientation:portrait){
    .photo_block{
    height:calc(50% + 263px)
}
.photo_block.left{
    right:400px
}
.photo_block.right{
    left:400px
}
.photo_block .card3{
    left:26%
}
.photo_block .card4,.photo_block .card5{
    display:none
}
.photo_block .card6{
    left:36%
}
}
@media screen and (max-width:767px){
    .main{
    background:#0a0c33
}
.main:before{
    content:"";
    z-index:10;
    background:url(../images/bg_mobile.17d27c18.webp) top/cover no-repeat;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0
}
.wrapper{
    width:100%;
    position:static
}
.content_wrapper{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.logos_wrapper .mostbet_logo{
    width:160px;
    height:auto
}
.logos_wrapper .cross_icon{
    width:12px;
    margin:0 12px
}
.logos_wrapper .game_logo{
    width:62px
}
.content_inner{
    padding:20px 0 300px;
    position:relative
}
.photo_block{
    display:none
}
.photo_mobile{
    z-index:99;
    width:260px;
    height:auto;
    display:block;
    position:absolute;
    bottom:-220px;
    left:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    -o-transform:translate(-50%);
    transform:translate(-50%)
}
.text_block .main_title{
    width:100%;
    padding:4px 0;
    font-size:32px
}
.form_wrapper{
    max-width:330px
}
.form_inner{
    -webkit-border-radius:24px;
    border-radius:24px
}
.card_mobile{
    height:auto;
    display:block;
    position:absolute
}
.card_mobile.card1{
    width:104px;
    top:20px;
    left:-87px
}
.card_mobile.card2{
    width:88px;
    top:20px;
    right:-64px
}
.card_mobile.card3{
    width:95px;
    top:188px;
    left:-74px
}
.card_mobile.card4{
    width:64px;
    top:216px;
    right:-52px
}
.card_mobile.card5{
    width:78px;
    bottom:-110px;
    left:-10px
}
.card_mobile.card6{
    width:70px;
    bottom:-112px;
    right:-30px
}
.card_mobile.card7{
    width:114px;
    bottom:-266px;
    left:-60px
}
.card_mobile.card8{
    width:85px;
    bottom:-300px;
    right:-40px
}
}
@media screen and (max-width:359px){
    .text_block .main_title{
    font-size:28px
}
.text_block .description{
    font-size:18px
}
.form_wrapper{
    max-width:300px
}
}
input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input
input[type=number]{
    -moz-appearance:textfield
}

.register{
    z-index:999;
    position:relative
}
.register__wrapper{
    padding:40px 30px
}

.form-btn{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(.3715,#fb4d00),to(#fb9700));
    background:-webkit-linear-gradient(#fb4d00 37.15%,#fb9700 100%);
    background:-o-linear-gradient(#fb4d00 37.15%,#fb9700 100%);
    background:linear-gradient(#fb4d00 37.15%,#fb9700 100%);
    border:1px solid #fb9401;
    -webkit-border-radius:26px;
    border-radius:26px;
    outline:none;
    width:100%;
    height:52px;
    margin:34px 0 0;
    padding:0;
    font-family:Roboto,sans-serif;
    font-size:20px;
    font-weight:500;
    line-height:48px;
    text-decoration:none;
    display:block;
    -webkit-box-shadow:0 6px 26px 3px rgba(255,78,1,.66);
    box-shadow:0 6px 26px 3px rgba(255,78,1,.66)
}
.form-btn:not([disabled=disabled]):hover{
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(.3715,#fe570d),to(#fb9d0e));
    background:-webkit-linear-gradient(#fe570d 37.15%,#fb9d0e 100%);
    background:-o-linear-gradient(#fe570d 37.15%,#fb9d0e 100%);
    background:linear-gradient(#fe570d 37.15%,#fb9d0e 100%)
}
.form-btn:not([disabled=disabled]):active{
    -webkit-transform:scale(.99);
    -ms-transform:scale(.99);
    -o-transform:scale(.99);
    transform:scale(.99)
}

.form-btn{
    -webkit-border-radius:24px;
    border-radius:24px;
    height:48px;
    margin:24px 0 0;
    font-size:20px;
    line-height:48px
}
.list-select+
.list-select+

.phone-prefix__code,
}