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

ol,
ul {
	list-style: none
}

:root {
	--input-text-color: #000;
	--input-bg-color: #fff;
	--background_main: #343434;
	--background_secondary: #2b2827;
	--background_content: #0000;
	--background_tooltip: #faf9f8;
	--background_tabbar: #11100f;
	--background_toasts: #3e3938;
	--background_modalview: #1a1a1abf;
	--text_title: #fdfcfb;
	--text_regular: #ebe3e0;
	--text_subtitle: #dad3d0;
	--text_body: #bcb5b1;
	--text_mask_color: #34343470;
	--text_light: #dad1ce;
	--text_disable: #564c48;
	--text_outcome: #97f56b;
	--text_outcome_down: #ff8a48;
	--text_always_white: #fff;
	--text_always_dark: #221e1c;
	--text_always_light: #bdb2ad;
	--text_link: #65f406;
	--text_link_light: #ebebeb;
	--text_live: #ff7c1e;
	--text_error: #ff5a50;
	--text_warning: #ff823c;
	--text_primary_double_button: #555c54;
	--text_deposit_double_button: #555c54;
	--text_inversion: #171716;
	--text_field_outline: #717171;
	--text_field_focused: #7e7e7e;
	--text_field_disabled: #353535;
	--text_field_error: #ff5348;
	--control_primary: #65f406;
	--control_primary_hover: #6ef912;
	--control_secondary: #343434;
	--control_secondary_hover: #4b4b4b;
	--control_disabled: #393939;
	--control_tertiary: #3f3937;
	--control_quaternary: #3f3937;
	--control_deposit: #65f406;
	--control_deposit_hover: #6ef912;
	--control_switcher_active: #0a98ff;
	--control_switcheron_disabled: #004679;
	--control_switcheroff_disabled: #352f2c;
	--control_switcher_knob: #fff;
	--control_inactive_switcher: #413835;
	--control_chips_active: #4b4644;
	--control_always_white: #fff;
	--control_always_white_hover: #efebe9;
	--control_always_light_disabled: #999;
	--icon_main: #292321;
	--icon_chevron: #a59b97;
	--icon_hover: #e5e1e0;
	--icon_disabled: #413835;
	--icon_always_dark: #292321;
	--icon_always_white: #fff;
	--icon_inversion: #fbfaf9;
	--icon_notification: #fe6d34;
	--icon_warning: #ff823c;
	--icon_tabbar: #70f433;
	--icon_tabbar_inactive: #c8b9b4;
	--icon_deposit: #65f406;
	--icon_always_light_disabled: #e6e0de;
	--icon_logotype: #7ff906;
	--layout_background_success: #78ea0605;
	--layout_border_success: #78ea06cc;
	--layout_background_info: #0698ea14;
	--layout_border_info: #0698eacc;
	--layout_background_error: #ea060614;
	--layout_border_error: #ff5348cc;
	--divider_main: #ffffff1a;
	--divider_always_white: #ffffff1a;
	--divider_always_dark: #2929291a;
	--divider_inversion: #ffffff1a;
	--dynamic_yellow: #8d202f;
	--dynamic_orange: #7c0e3e;
	--dynamic_citric: #9e341f;
	--dynamic_green: #02554f;
	--dynamic_blue: #074278;
	--dynamic_dark_blue: #32325d;
	--dynamic_violet: #3e2b69;
	--dynamic_pink: #4b2277;
	--shadow_toasts: 0px 0px 80px #29262133;
	--status_good: #65f406;
	--status_process: #39acff;
	--status_info: #f98600;
	--status_bad: #ff5348;
	--status_promo: linear-gradient(91.81deg, #8e1efb 0.47%, #5900af)
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	background: #0000;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: initial
}

body {
	line-height: 1;
	overflow-x: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a {
	background: #0000;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: initial
}

ins {
	text-decoration: none
}

ins,
mark {
	background-color: #ff9;
	color: #000
}

mark {
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

#form option {
	background: #3e3e3e;
	color: #fdfcfb
}

@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Montserrat-Medium..ttf) format("opentype")
}

@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Montserrat-Regular..ttf) format("opentype")
}

@font-face {
	font-family: Heading Now;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/HeadingNow-84Regular..otf) format("opentype")
}

@font-face {
	font-family: Heading Now;
	font-style: normal;
	font-weight: 500;
	src: url(fonts/HeadingNow-85Medium..otf) format("opentype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Roboto-Regular..ttf) format("opentype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Roboto-Medium..ttf) format("opentype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	src: url(fonts/Roboto-Bold..ttf) format("opentype")
}

@font-face {
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/RobotoCondensed-Regular..ttf) format("opentype")
}

@font-face {
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: 500;
	src: url(fonts/RobotoCondensed-Medium..ttf) format("opentype")
}

@font-face {
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: 700;
	src: url(fonts/RobotoCondensed-Bold..ttf) format("opentype")
}

:root {
	--color-main: #50f000;
	--color-text-secondary: #000;
	--color-text-main: #fff;
	--color-btn-bg: #333;
	--font-family-primary: "Heading Now", sans-serif;
	--font-family-secondary: "Roboto", sans-serif;
	--font-family-third: "Montserrat", sans-serif;
	--font-weight-medium: 500;
	--font-weight-regular: 400;
	--color-black: #000;
	--color-white: #fff;
	--vw-w: 1;
	--viewpoer-base-size: 1920
}

.text {
	line-height: 124%
}

.text-40 {
	font-size: calc(40/var(--viewpoer-base-size)*100vw)
}

.text-53 {
	font-size: calc(53/var(--viewpoer-base-size)*100vw)
}

.text-50 {
	font-size: calc(50/var(--viewpoer-base-size)*100vw)
}

.text-65 {
	font-size: calc(65/var(--viewpoer-base-size)*100vw)
}

.text-159 {
	font-size: calc(159/var(--viewpoer-base-size)*100vw)
}

.text-85 {
	font-size: calc(85/var(--viewpoer-base-size)*100vw)
}

.subtitle,
.title {
	color: var(--color-text-main);
	font-family: var(--font-family-primary);
	font-size: calc(48/var(--viewpoer-base-size)*100vw);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 124%;
	text-align: center
}

.subtitle {
	color: var(--color-text-main);
	font-size: calc(24/var(--viewpoer-base-size)*100vw);
	line-height: 136%;
	margin-top: calc(5/var(--viewpoer-base-size)*100vw);
	text-transform: unset
}

@media(orientation:portrait) {
	.title {
		font-size: calc(31/var(--viewpoer-base-size)*100vw)
	}

	.subtitle {
		font-size: calc(15/var(--viewpoer-base-size)*100vw)
	}

	.text-159 {
		font-size: calc(100/var(--viewpoer-base-size)*100vw)
	}

	.text-50 {
		font-size: calc(32/var(--viewpoer-base-size)*100vw)
	}
}

@keyframes appear {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

* {
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

body {
	animation: appear .3s linear;
	font-size: 1.6rem
}

.container {
	background: url(images/bg.webp) no-repeat 50% #000;
	background-size: cover;
	box-sizing: border-box;
	display: grid;
	grid-template: min-content 1fr min-content/1fr;
	min-height: 100vh;
	padding: calc(30/var(--viewpoer-base-size)*100vw) calc(30/var(--viewpoer-base-size)*100vw) calc(17/var(--viewpoer-base-size)*100vw) calc(30/var(--viewpoer-base-size)*100vw);
	width: 100%
}

@supports not (background:url(~assets/images/bg.webp)) {
	.container {
		background: url(images/bg-677fd60dc8b14.jpg) no-repeat 50%;
		background-size: cover
	}
}

@media(orientation:portrait) {
	:root {
		--viewpoer-base-size: 390
	}

	.container {
		background: linear-gradient(to top, #000000, #fff0 calc(300/var(--viewpoer-base-size)*100vw)), url(images/bg.webp) no-repeat 50%;
		background-size: contain;
		padding: calc(20/var(--viewpoer-base-size)*100vw) calc(15/var(--viewpoer-base-size)*100vw) calc(61/var(--viewpoer-base-size)*100vw) calc(15/var(--viewpoer-base-size)*100vw);
		position: relative;
		height: auto
	}

	@supports not (background:url(~assets/images/bg-mobile.webp)) {
		.container {
			background: url(images/bg-677fd60dc8b14.jpg) no-repeat 50%;
		}
	}
}

.header {
	align-items: center;
	display: grid;
	font-family: var(--font-family-third);
	gap: 0 calc(14/var(--viewpoer-base-size)*100vw);
	grid-template-columns: 1fr repeat(2, min-content);
	grid-template-rows: calc(30/var(--viewpoer-base-size)*100vw);
	position: relative
}

.header>a {
	cursor: pointer;
	text-decoration: none
}

.download {
	align-items: center;
	background: var(--color-main);
	border-radius: 5rem;
	color: var(--color-text-secondary);
	display: flex;
	flex-direction: row-reverse;
	font-family: inherit;
	font-size: calc(12/var(--viewpoer-base-size)*100vw);
	gap: 1.3%;
	grid-column: 2/3;
	height: 100%;
	justify-content: flex-end;
	line-height: 100%;
	padding: 1.74%;
	position: relative;
	width: calc(228/var(--viewpoer-base-size)*100vw)
}

.download:after,
.download:before {
	aspect-ratio: 1/1;
	content: "";
	display: inline-block;
	height: 100%
}

.download:before {
	background: url(images/apple-iconc4388bc20d6fb4fd2eb6.png) no-repeat 50%;
	background-size: contain;
	order: 3
}

.download:after {
	background: url(images/android-icon1809ff0d30672e3c3bf5.png) no-repeat 50%;
	background-size: contain;
	margin-right: 2%
}

.login {
	align-items: center;
	background-color: var(--color-btn-bg);
	border-radius: 5rem;
	color: var(--color-text-main);
	display: flex;
	font-family: inherit;
	font-size: calc(12/var(--viewpoer-base-size)*100vw);
	grid-column: 3/4;
	height: 100%;
	justify-content: center;
	width: calc(63/var(--viewpoer-base-size)*100vw)
}

@media(orientation:portrait) {
	.header {
		gap: unset;
		grid-template-columns: 1fr min-content;
		grid-template-rows: calc(20/var(--viewpoer-base-size)*100vw)
	}

	.login {
		display: none
	}

	.download {
		font-size: calc(9/var(--viewpoer-base-size)*100vw);
		width: calc(157/var(--viewpoer-base-size)*100vw)
	}
}

.main {
	align-items: center;
	grid: 1fr/1fr min-content calc(120/var(--viewpoer-base-size)*100vw);
	grid-template-areas: ". content_wrapper ."
}

.content {
	display: flex;
	align-items: center;
	justify-content: center
}

@media(orientation:portrait) {
	.content {
		margin-bottom: calc(99/var(--viewpoer-base-size)*100vw);
		margin-top: calc(76/var(--viewpoer-base-size)*100vw)
	}
}

.content_wrapper,
.main {
	display: grid
}

.content_wrapper {
	font-family: var(--font-family-secondary);
	grid: repeat(4, min-content)/1fr;
	grid-area: content_wrapper;
	justify-items: center
}

.form-wrapper {
	width: 100%
}

.content_wrapper .title:nth-child(1) {
	margin-bottom: 64px
}

.content_wrapper .title:nth-child(2) {
	margin-bottom: 64px;
	position: relative
}

.content_wrapper .title:nth-child(2)::before,
.content_wrapper .title:nth-child(2)::after {
	content: '';
	position: absolute;
	height: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0
}

.content_wrapper .title:nth-child(2)::before {
	background-image: url(images/vector1.svg);
	width: calc(531/var(--viewpoer-base-size)*100vw);
	top: -33px;
	transform: translateX(0%)
}

.content_wrapper .title:nth-child(2)::after {
	background-image: url(images/vector2.svg);
	bottom: -33px;
	width: calc(414/var(--viewpoer-base-size)*100vw);
	transform: translateX(15%)
}

.content_wrapper .title:nth-child(3) {
	margin-bottom: calc(78/var(--viewpoer-base-size)*100vw)
}

@media(orientation:portrait) {
	.content_wrapper .title:nth-child(1) {
		margin-bottom: 36px;
		max-width: 50rem
	}

	.content_wrapper .title:nth-child(2) {
		margin-bottom: 36px
	}

	.content_wrapper .title:nth-child(2)::before,
	.content_wrapper .title:nth-child(2)::after {
		width: calc(var(--viewpoer-base-size)*100vw);
		left: 0;
		transform: translateX(0);
		background-size: cover
	}

	.content_wrapper .title:nth-child(2)::before {
		background-image: url(images/vector1.png);
		width: 100vw;
		top: -16px;
		transform: translateX(-19%)
	}

	.content_wrapper .title:nth-child(2)::after {
		background-image: url(images/vector2.png);
		width: 100vw;
		bottom: -16px;
		transform: translateX(-19%)
	}

	.content_wrapper .title:nth-child(3) {
		margin-bottom: calc(73/var(--viewpoer-base-size)*100vw)
	}
}

@media(width <=570px) {
	.content_wrapper .title:nth-child(2)::before {
		transform: translateX(-4%)
	}

	.content_wrapper .title:nth-child(2)::after {
		transform: translateX(-4%)
	}
}

@media(width <=403px) {
	.content_wrapper .title:nth-child(1) {
		max-width: 20rem
	}
}

.bonus {
	align-items: center;
	color: var(--color-main);
	display: grid;
	font-family: var(--font-family-primary);
	font-weight: var(--font-weight-medium);
	grid: repeat(2, min-content)/repeat(2, min-content);
	justify-content: space-between;
	justify-self: stretch;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer
}

.bonus__num {
	grid-area: 1/1/-1/2
}

.bonus__bet {
	align-self: end;
	font-weight: var(--font-weight-regular);
	grid-area: 1/2/2/3
}

.bonus__currency {
	align-self: start;
	background: url(images/currencyb9cb1566f219439b5648.png) no-repeat 50%;
	background-size: contain;
	grid-area: 2/2/3/3;
	height: calc(65/var(--viewpoer-base-size)*100vw);
	margin-top: 3%;
	width: calc(275/var(--viewpoer-base-size)*100vw)
}

a {
	text-decoration: none
}

a .bonus__button span {
	text-decoration: none
}

.bonus__button {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	background: var(--color-main);
	color: var(--color-text-secondary);
	height: calc(111/var(--viewpoer-base-size)*100vw);
	text-transform: uppercase;
	font-family: var(--font-family-primary);
	font-size: calc(29/var(--viewpoer-base-size)*100vw);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 124%;
	text-transform: uppercase;
	text-align: center;
	padding: calc(36/var(--viewpoer-base-size)*100vw) calc(63/var(--viewpoer-base-size)*100vw);
	border-radius: calc(76/var(--viewpoer-base-size)*100vw);
	outline: none;
	border: none;
	cursor: pointer;
	transition: all .3s ease-out
}

.bonus__button:hover {
	background: var(--control_primary_hover)
}

@media(orientation:portrait) {
	.main {
		grid: 1fr/1fr;
		grid-row: 3/4;
		grid-template-areas: "content_wrapper"
	}

	.content_wrapper {
		max-width: 65rem;
		width: 100%
	}

	.bonus__currency {
		background-size: cover;
		height: calc(40/var(--viewpoer-base-size)*100vw);
		width: calc(175/var(--viewpoer-base-size)*100vw)
	}

	.bonus__button {
		height: calc(56/var(--viewpoer-base-size)*100vw);
		padding: calc(20 / var(--viewpoer-base-size)* 100vw) calc(42.6 / var(--viewpoer-base-size)* 100vw);
		font-size: calc(14 / var(--viewpoer-base-size)* 100vw);
		line-height: 100%
	}
}

.footer {
	display: grid;
	grid-row: 3/4;
	grid-template: calc(26/var(--viewpoer-base-size)*100vw)/min-content 1fr min-content;
	z-index: 1
}

.socials,
.stores {
	display: flex;
	gap: calc(24/var(--viewpoer-base-size)*100vw)
}

.stores {
	justify-self: center
}

.socials__link,
.stores__link {
	display: block;
	height: 100%
}

.payments {
	display: flex;
	gap: calc(30/var(--viewpoer-base-size)*100vw)
}

.payments .payments__image {
	filter: brightness(0) invert(1);
	height: auto;
	width: auto
}

.payments .payments__image:hover {
	filter: none
}

.socials__image,
.stores__image {
	height: 100%;
	width: auto
}

.socials__image_filter {
	filter: brightness(0) invert(1)
}

.socials__image_filter:hover {
	filter: none
}

@media(orientation:portrait) {
	.footer {
		gap: 4.87vw 0;
		grid-row: 5/6;
		grid-template: repeat(3, min-content)/1fr;
		justify-items: center
	}

	.payments,
	.socials {
		gap: 6vw;
		height: 5.89vw
	}

	.stores {
		display: grid;
		gap: 3.58vw 4.6vw;
		grid-template: repeat(2, 8.2vw)/repeat(2, min-content)
	}
}