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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #222;
	background: #fff;
}
ol,
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle;
}
caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
a img {
	border: none;
}
body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
		Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* {
	box-sizing: border-box;
}
figure {
	margin: 0;
}
@-moz-keyframes brightness {
	0% {
		left: -90px;
	}
	50%,
	100% {
		left: calc(100%);
	}
}
@-webkit-keyframes brightness {
	0% {
		left: -90px;
	}
	50%,
	100% {
		left: calc(100%);
	}
}
@-o-keyframes brightness {
	0% {
		left: -90px;
	}
	50%,
	100% {
		left: calc(100%);
	}
}
@keyframes brightness {
	0% {
		left: -90px;
	}
	50%,
	100% {
		left: calc(100%);
	}
}
@-moz-keyframes levitation {
	0% {
		transform: translate(-50%, 0);
	}
	100% {
		transform: translate(-50%, 5%);
	}
}
@-webkit-keyframes levitation {
	0% {
		transform: translate(-50%, 0);
	}
	100% {
		transform: translate(-50%, 5%);
	}
}
@-o-keyframes levitation {
	0% {
		transform: translate(-50%, 0);
	}
	100% {
		transform: translate(-50%, 5%);
	}
}
@keyframes levitation {
	0% {
		transform: translate(-50%, 0);
	}
	100% {
		transform: translate(-50%, 5%);
	}
}
@-moz-keyframes coin--1 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-5%, -5%);
		filter: blur(3px);
	}
}
@-webkit-keyframes coin--1 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-5%, -5%);
		filter: blur(3px);
	}
}
@-o-keyframes coin--1 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-5%, -5%);
		filter: blur(3px);
	}
}
@keyframes coin--1 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-5%, -5%);
		filter: blur(3px);
	}
}
@-moz-keyframes coin--2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-7.5%, 0%);
	}
}
@-webkit-keyframes coin--2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-7.5%, 0%);
	}
}
@-o-keyframes coin--2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-7.5%, 0%);
	}
}
@keyframes coin--2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-7.5%, 0%);
	}
}
@-moz-keyframes coin--3 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(10%, -5%);
	}
}
@-webkit-keyframes coin--3 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(10%, -5%);
	}
}
@-o-keyframes coin--3 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(10%, -5%);
	}
}
@keyframes coin--3 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(10%, -5%);
	}
}
@-moz-keyframes coin--4 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(5%, 5%);
	}
}
@-webkit-keyframes coin--4 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(5%, 5%);
	}
}
@-o-keyframes coin--4 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(5%, 5%);
	}
}
@keyframes coin--4 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(5%, 5%);
	}
}
@-moz-keyframes coin--5 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}
@-webkit-keyframes coin--5 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}
@-o-keyframes coin--5 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}
@keyframes coin--5 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}
.btn {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffeb3a;
	color: #3b3b3b;
	font-size: 1.25rem;
	font-weight: 800;
	width: 100%;
	height: 3rem;
	border: none;
	border-radius: 1.875rem;
	text-decoration: none;
	cursor: pointer;
	z-index: 2;
	margin: 1.5rem auto 0;
}
@media screen and (min-width: 768px) {
	.btn {
		font-size: 1.125rem;
		margin: 1.5rem 0 0;
		width: 24rem;
	}
}
@media screen and (min-width: 1440px) {
	.btn {
		font-size: 1.5625rem;
		width: 30rem;
		height: 4.2rem;
	}
}
.btn::before {
	content: "";
	position: absolute;
	left: -90px;
	top: 50%;
	width: 45px;
	height: 150%;
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.75),
		rgba(255, 255, 255, 0)
	);
	transform: rotate(24deg) translateY(-50%);
	animation: brightness 4s infinite;
}
.page__body {
	position: relative;
	text-align: center;
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: 900;
	color: #fff;
	line-height: normal;
	background: #931030;
}
.page__wrapper {
	position: relative;
	overflow: hidden;
	background: url("../images/bg.webp?v=1") top/cover no-repeat;
	display: flex;
	flex-direction: column;
	height: 100vh;
	min-height: 42rem;
	max-height: 50rem;
}
@media screen and (min-width: 425px) {
	.page__wrapper {
		background-image: url("../images/bg-mobile.webp?v=1");
		background-size: auto;
		max-height: 62rem;
		min-height: 55rem;
	}
}
@media screen and (min-width: 768px) {
	.page__wrapper {
		background-image: url("../images/bg-tablet.webp?v=1");
		max-height: 64rem;
		justify-content: start;
		min-height: 46rem;
	}
}
@media screen and (min-width: 1200px) {
	.page__wrapper {
		background-image: url("../images/bg-desktop.webp?v=1");
		overflow: hidden;
		margin-inline: auto;
		max-height: 100%;
		min-height: 42rem;
	}
}
@media screen and (min-width: 1440px) {
	.page__wrapper {
		background-image: url("../images/bg-big-desktop.webp?v=1");
		background-size: cover;
		max-height: 100%;
		width: 100vw;
	}
}
.page__container {
	max-width: 23rem;
	margin-inline: auto;
	padding-inline: 1.5rem;
}
@media screen and (min-width: 425px) {
	.page__container {
		max-width: 48rem;
	}
}
@media screen and (min-width: 768px) {
	.page__container {
		max-width: 58rem;
	}
}
@media screen and (min-width: 1200px) {
	.page__container {
		max-width: 90rem;
		padding-inline: 7.5rem;
	}
}
@media screen and (min-width: 1440px) {
	.page__container {
		max-width: 112rem;
	}
}
.page__main {
	width: 100%;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 100%;
	margin-top: 1.5rem;
}
.header__link {
	display: block;
	position: relative;
	z-index: 2;
}
@media screen and (min-width: 425px) {
	.header__logo {
		width: 7.1rem;
		height: 1.5rem;
	}
}
@media screen and (min-width: 1440px) {
	.header__logo {
		object-fit: contain;
		width: 10rem;
		height: 2rem;
	}
}
@media screen and (min-width: 425px) {
	.header__logo--tiger {
		width: 8.3rem;
		height: 5rem;
	}
}
.hero__box {
	margin-top: 20rem;
}
@media screen and (min-width: 425px) {
	.hero__box {
		max-width: 24.5rem;
		margin: 30rem auto 0;
	}
}
@media screen and (min-width: 768px) {
	.hero__box {
		margin: 17.5rem 0 0;
		max-width: 26rem;
		text-align: start;
	}
}
@media screen and (min-width: 1200px) {
	.hero__box {
		margin-top: 12.75rem;
	}
}
@media screen and (min-width: 1440px) {
	.hero__box {
		margin-top: 16rem;
		max-width: 36rem;
	}
}
.hero__subtitle {
	font-size: 1.125rem;
	font-weight: 700;
}
@media screen and (min-width: 425px) {
	.hero__subtitle {
		font-size: 1.25rem;
		line-height: 1;
	}
}
@media screen and (min-width: 768px) {
	.hero__subtitle {
		font-size: 1.5625rem;
	}
}
@media screen and (min-width: 1440px) {
	.hero__subtitle {
		font-size: 1.875rem;
	}
}
.hero__title {
	font-size: 2.1rem;
	text-transform: uppercase;
	line-height: 1.1;
	margin-top: 1rem;
}
@media screen and (min-width: 425px) {
	.hero__title {
		margin: 1.25rem auto 0;
	}
}
@media screen and (min-width: 768px) {
	.hero__title {
		font-size: 2.8125rem;
		margin: 1rem 0 0;
	}
}
@media screen and (min-width: 1440px) {
	.hero__title {
		font-size: 3.75rem;
	}
}
.hero__title--accent {
	display: block;
	color: #fdcd25;
}
.footer {
	padding-block: 2.75rem;
	margin-top: auto;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.footer {
		padding-block: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.footer {
		padding-block: 2.5rem;
	}
}
.footer__list {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (min-width: 425px) {
	.footer__list {
		max-width: 24rem;
		margin-inline: auto;
	}
}
@media screen and (min-width: 768px) {
	.footer__list {
		margin: 0;
	}
}
.footer__img {
	display: block;
	position: relative;
	z-index: 3;
}
@media screen and (min-width: 425px) {
	.footer__img {
		width: auto;
		height: 1.25rem;
	}
}
@media screen and (min-width: 1200px) {
	.footer__img {
		height: 1.5rem;
	}
}
.anim {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media screen and (min-width: 768px) {
	.anim {
		width: 58rem;
		height: 50rem;
		transform: translate(-15%, 22%);
	}
}
@media screen and (min-width: 1200px) {
	.anim {
		width: 60rem;
		height: 40rem;
		transform: translateX(-20%);
	}
}
@media screen and (min-width: 1440px) {
	.anim {
		width: 78rem;
		height: 54rem;
		transform: translate(-18%, 10%);
	}
}
@media (min-width: 1920px) {
	.anim {
		width: 65vw;
		height: 45vw;
	}
}
.anim__tiger {
	position: absolute;
	top: 4.3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 14rem;
	height: 18rem;
	background: url("../images/tiger.webp") center/contain no-repeat;
	animation: levitation 2s alternate infinite ease-in-out;
}
@media screen and (min-width: 425px) {
	.anim__tiger {
		width: 25rem;
		height: 32rem;
		top: 3.5rem;
	}
}
@media screen and (min-width: 1200px) {
	.anim__tiger {
		width: 31rem;
		height: 41rem;
	}
}
@media screen and (min-width: 1440px) {
	.anim__tiger {
		top: 9vw;
		width: 40rem;
		height: 53rem;
	}
}
.anim__coin--1 {
	background: url("../images/coin/coin-1.webp") center/contain no-repeat;
	animation: coin--1 2s 0.6000000000000001s alternate infinite ease-in-out;
}
.anim__coin--2 {
	background: url("../images/coin/coin-2.webp") center/contain no-repeat;
	animation: coin--2 2s 1s alternate infinite ease-in-out;
}
.anim__coin--3 {
	background: url("../images/coin/coin-3.webp") center/contain no-repeat;
	animation: coin--3 2s 1.4s alternate infinite ease-in-out;
}
.anim__coin--4 {
	background: url("../images/coin/coin-4.webp") center/contain no-repeat;
	animation: coin--4 2s 1.8s alternate infinite ease-in-out;
}
.anim__coin--5 {
	background: url("../images/coin/coin-5.webp") center/contain no-repeat;
	animation: coin--5 2s 2.2s alternate infinite ease-in-out;
}
.anim__coin--1 {
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 15rem;
	left: calc(50% - 11rem);
}
@media screen and (min-width: 425px) {
	.anim__coin--1 {
		width: 9rem;
		height: 9rem;
		top: 27rem;
		left: calc(50% - 20rem);
	}
}
@media screen and (min-width: 768px) {
	.anim__coin--1 {
		width: 12rem;
		height: 12rem;
		top: 29rem;
		left: calc(50% - 27rem);
	}
}
@media screen and (min-width: 1200px) {
	.anim__coin--1 {
		top: 32rem;
		left: calc(50% - 28rem);
		width: 14rem;
		height: 14rem;
	}
}
@media screen and (min-width: 1440px) {
	.anim__coin--1 {
		top: 37rem;
		left: calc(50% - 38rem);
		width: 17rem;
		height: 17rem;
	}
}
.anim__coin--2 {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 9rem;
	left: calc(50% - 10rem);
}
@media screen and (min-width: 425px) {
	.anim__coin--2 {
		width: 6rem;
		height: 6rem;
		top: 18rem;
		left: calc(50% - 16rem);
	}
}
@media screen and (min-width: 768px) {
	.anim__coin--2 {
		width: 8rem;
		height: 8rem;
		top: 7rem;
		left: calc(50% - 22rem);
	}
}
@media screen and (min-width: 1200px) {
	.anim__coin--2 {
		top: 21rem;
		left: calc(50% - 21rem);
	}
}
@media screen and (min-width: 1440px) {
	.anim__coin--2 {
		width: 14rem;
		height: 14rem;
		top: 22rem;
		left: calc(50% - 31rem);
	}
}
.anim__coin--3 {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 9rem;
	left: calc(50% + 7rem);
}
@media screen and (min-width: 425px) {
	.anim__coin--3 {
		width: 3.5rem;
		height: 3.5rem;
		top: 16rem;
		left: calc(50% + 14rem);
	}
}
@media screen and (min-width: 768px) {
	.anim__coin--3 {
		width: 4.5rem;
		height: 4.5rem;
		top: 2rem;
		left: calc(50% + 11rem);
	}
}
@media screen and (min-width: 1200px) {
	.anim__coin--3 {
		top: 19rem;
		left: calc(50% + 16rem);
	}
}
@media screen and (min-width: 1440px) {
	.anim__coin--3 {
		width: 8rem;
		height: 8rem;
	}
}
.anim__coin--4 {
	width: 5.75rem;
	height: 5.75rem;
	position: absolute;
	top: 15rem;
	left: calc(50% + 5rem);
}
@media screen and (min-width: 425px) {
	.anim__coin--4 {
		width: 12rem;
		height: 12rem;
		top: 26rem;
		left: calc(50% + 10rem);
	}
}
@media screen and (min-width: 768px) {
	.anim__coin--4 {
		width: 14rem;
		height: 14rem;
		top: 32rem;
		left: calc(50% + 9rem);
	}
}
@media screen and (min-width: 1200px) {
	.anim__coin--4 {
		top: 34rem;
		left: calc(50% + 12rem);
	}
}
@media screen and (min-width: 1440px) {
	.anim__coin--4 {
		width: 18rem;
		height: 18rem;
		top: 40rem;
		left: calc(50% + 15rem);
	}
}
.anim__coin--5 {
	width: 1.75rem;
	height: 1.75rem;
	position: absolute;
	top: 6rem;
	left: calc(50% - 10rem);
}
@media screen and (min-width: 425px) {
	.anim__coin--5 {
		width: 3.5rem;
		height: 3.5rem;
		top: 8rem;
		left: calc(50% - 19rem);
	}
}
@media screen and (min-width: 768px) {
	.anim__coin--5 {
		width: 4rem;
		height: 4rem;
		top: -4rem;
		left: calc(50% - 20rem);
	}
}
@media screen and (min-width: 1200px) {
	.anim__coin--5 {
		top: 8rem;
		left: calc(50% - 27rem);
	}
}
@media screen and (min-width: 1440px) {
	.anim__coin--5 {
		width: 6rem;
		height: 6rem;
		left: calc(50% - 35rem);
	}
}