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

        a,
        button {
            background: 0px 0px;
            margin: 0px;
            padding: 0px;
        }

        a,
        button,
        hr {
            padding: 0px;
        }

        .game__card::after,
        .game__card::before {
            transition: all 0.1s ease 0s;
            left: 0px;
            top: 0px;
            content: "";
        }

        .article-connect__body-content-section-info-list li:last-child,
        .article-connect__body-content-section:last-child,
        .article-terms__body ul li:last-child {
            margin-bottom: 0px;
        }

        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 {
            margin: 0px;
            padding: 0px;
            border: 0px;
            outline: 0px;
            font-size: 100%;
            vertical-align: baseline;
            background: 0px 0px;
        }

        ins,
        mark {
            background-color: rgb(255, 255, 153);
            color: rgb(0, 0, 0);
        }

        nav ul {
            list-style: none;
        }

        blockquote,
        q {
            quotes: none;
        }

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

        a {
            font-size: 100%;
            vertical-align: baseline;
        }

        ins {
            text-decoration: none;
        }

        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: 0px;
        }

        hr {
            height: 1px;
            border-width: 1px 0px 0px;
            border-right-style: initial;
            border-bottom-style: initial;
            border-left-style: initial;
            border-right-color: initial;
            border-bottom-color: initial;
            border-left-color: initial;
            border-image: initial;
            border-top-style: solid;
            border-top-color: rgb(204, 204, 204);
            margin: 1em 0px;
        }

        input,
        select {
            vertical-align: middle;
        }

        button {
            font-family: inherit;
            font-size: inherit;
            border: none;
            cursor: pointer;
            outline: 0px;
        }

        * {
            box-sizing: border-box;
            scrollbar-width: none;
        }

        body {
            line-height: 1;
            font-family: Play, sans-serif;
            font-size: 14px;
            background-color: rgb(0, 0, 0);
        }

        .container {
            padding: 0px 10px;
            width: 100%;
        }

        .header {
            padding: 10px 0px;
            background-color: rgb(15, 15, 15);
            border-bottom: 1px solid rgb(64, 64, 64);
        }

        .main-top-wrap {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .main-top-lang-current {
            color: rgb(240, 242, 245);
            display: block;
            font-size: 16px;
            font-weight: 700;
            transition: all 0.15s ease 0s;
            cursor: pointer;
        }

        .main-top-dropdown-item-btn:hover,
        .main-top-lang-current:hover {
            color: rgb(13, 110, 253);
        }

        .main-language {
            position: relative;
        }

        .main-top-dropdown {
            display: flex;
            flex-direction: column;
            list-style: none;
            position: absolute;
            bottom: 0px;
            left: 0px;
            background-color: rgba(35, 35, 35, 0.41);
            padding: 5px;
            border-radius: 10px;
            width: 55px;
            opacity: 0;
            pointer-events: none;
            z-index: 10;
        }

        .main-top-dropdown::before {
            content: "";
            height: 15px;
            top: 0px;
            left: 0px;
            transform: translateY(-100%);
            width: 100%;
            position: absolute;
        }

        .main-language:hover .main-top-dropdown {
            opacity: 1;
            pointer-events: all;
        }

        .main-top-dropdown-item-btn {
            color: rgb(211, 210, 210);
            font-size: 16px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 7px;
            transition: all 0.15s ease 0s;
            padding: 2px 0px;
        }

        .main {
            overflow-x: hidden;
        }

        ::-webkit-scrollbar {
            display: none;
        }

        .bowl-wrapper {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 720px;
            z-index: -1;
        }

        .bowl {
            width: 5514px;
            min-height: 720px;
            height: 100%;
            animation: 60s linear 0s infinite normal none running wrapMap;
            position: relative;
        }

        .game__card,
        .try {
            background-repeat: no-repeat;
            background-size: cover;
        }

        .bowl-shadow {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            background-image: radial-gradient(transparent 0px, rgb(0, 0, 0) 100%);
            background-position: center top;
            box-shadow: rgb(0, 0, 0) 0px -40px 120px 0px inset;
        }

        .bowl-lights {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
        }

        .bowl-lights span {
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            border-radius: 50%;
            background: rgb(59, 164, 235);
            animation: 2s ease-out 2s infinite normal none running glow;
            z-index: 2;
        }

        .bowl-lights span:first-child {
            top: 282px;
            left: calc(50% + 585px);
        }

        .bowl-lights span:nth-child(2) {
            top: 390px;
            left: calc(50% - 510px);
        }

        .bowl-lights span:nth-child(3) {
            top: 295px;
            left: calc(50% - 600px);
        }

        .bowl-lights span:nth-child(4) {
            top: 212px;
            left: calc(50% - 80px);
        }

        .bowl-lights span:nth-child(5) {
            top: 220px;
            left: calc(50% + 400px);
        }

        .bowl-lights span:nth-child(6) {
            top: 147px;
            left: calc(50% + 30px);
        }

        .bowl-lights span:nth-child(7) {
            top: 490px;
            left: calc(50% - 310px);
        }

        .bowl-lights span:nth-child(8) {
            top: 320px;
            left: calc(50% + 20px);
        }

        .bowl-lights span:nth-child(9) {
            top: 282px;
            left: calc(50% - 1253px);
        }

        .bowl-lights span:nth-child(10) {
            top: 390px;
            left: calc(50% - 2348px);
        }

        .bowl-lights span:nth-child(11) {
            top: 295px;
            left: calc(50% - 2438px);
        }

        .bowl-lights span:nth-child(12) {
            top: 212px;
            left: calc(50% - 1918px);
        }

        .bowl-lights span:nth-child(13) {
            top: 220px;
            left: calc(50% - 1438px);
        }

        .bowl-lights span:nth-child(14) {
            top: 147px;
            left: calc(50% - 1808px);
        }

        .bowl-lights span:nth-child(15) {
            top: 490px;
            left: calc(50% - 2148px);
        }

        @keyframes wrapMap {
            0% {
                transform: translate3d(0px, 0px, 0px);
            }

            100% {
                transform: translate3d(-1838px, 0px, 0px);
            }
        }

        @keyframes glow {
            0% {
                box-shadow: rgba(59, 164, 235, 0.4) 0px 0px 0px 0px;
            }

            70% {
                box-shadow: rgba(59, 164, 235, 0) 0px 0px 0px 10px;
            }

            100% {
                box-shadow: rgba(59, 164, 235, 0) 0px 0px 0px 0px;
            }
        }

        .intro__inner {
            padding: 110px 0px 80px;
            text-align: center;
        }

        .intro__title {
            font-size: 30px;
            color: rgb(255, 255, 255);
            margin-bottom: 25px;
        }

        .intro__subtitle {
            color: rgb(160, 160, 160);
            font-size: 12.5px;
            margin-bottom: 15px;
        }

        .intro__subtitle b {
            font-weight: 400;
            color: rgb(255, 85, 0);
        }

        .intro__steam {
            background-color: rgb(23, 26, 33);
            border-radius: 10px;
            padding: 10px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 30px;
            color: rgb(255, 255, 255);
            font-size: 12.5px;
            margin: 0px auto;
        }

        .advantage__inner {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            max-width: 1200px;
            width: 100%;
            margin: 0px auto;
            gap: 32px;
        }

        .advantage__item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .advantage__item-img-wrapper {
            padding: 80px 0px;
        }

        .advantage__item-title {
            color: rgb(255, 255, 255);
            margin-bottom: 20px;
        }

        .advantage__item-text {
            color: rgb(160, 160, 160);
            line-height: 1.6;
            text-align: center;
        }

        .advantage__item-text b {
            font-weight: 400;
            color: rgb(204, 68, 0);
        }

        .game__inner {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            max-width: 1200px;
            width: 100%;
            margin: 0px auto;
            padding: 50px 0px;
        }

        .game__card-img {
            width: 70px;
            height: 70px;
            margin: 0px auto 45px;
            display: block;
        }

        .game__card {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 420px;
            color: rgb(240, 242, 245);
            padding: 35px 22px;
            background-position: center center;
            position: relative;
            cursor: pointer;
        }

        .game__card-subtitle {
            margin-bottom: 10px;
            display: block;
            font-size: 10.5px;
            color: rgb(149, 154, 162);
        }

        .game__card-title {
            margin-bottom: 10px;
            font-size: 22px;
        }

        .game__card-text {
            line-height: 21px;
        }

        .game__card::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .game__card::after {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 100%);
        }

        .game__card:first-child {
            background-image: url("yKQdZHuwka60.jpg");
        }

        .game__card:nth-child(2),
        .game__card:nth-child(3) {
            background-image: url("xcilfhvdILdm.jpg");
        }

        .game__card-info {
            position: relative;
            z-index: 2;
        }

        .game__card:hover::before {
            opacity: 0;
        }

        .brands {
            padding-bottom: 32px;
        }

        .brands__inner {
            max-width: 900px;
            margin: 0px auto;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .brands__items-inner {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            padding: 15px 0px;
        }

        .brands__item {
            display: block;
            border: 4px solid transparent;
            border-radius: 3px;
            position: relative;
            transition: all 0.15s ease 0s;
        }

        .brands__item::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(0, 0, 0) 100%);
            opacity: 0;
            transition: all 0.6s ease 0s;
        }

        .brands__item-img {
            aspect-ratio: 16 / 7;
            object-fit: cover;
            max-width: 100%;
            display: block;
        }

        .brands__item-go {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            color: rgb(255, 85, 0);
            text-transform: uppercase;
            font-size: 10px;
            opacity: 0;
            transition: all 0.15s ease 0s;
        }

        .brands__item:hover {
            border-color: rgb(255, 85, 0);
        }

        .brands__item:hover .brands__item-go,
        .brands__item:hover::before {
            opacity: 1;
        }

        .brands__arrow {
            display: block;
            align-self: stretch;
            padding: 8px;
            transition: all 0.15s ease 0s;
        }

        .brands__arrow--left {
            transform: scale(-1, 1);
        }

        .article-connect,
        .article-terms {
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 10;
            overflow-y: scroll;
            transform: translateY(-150%);
        }

        .brands__arrow:hover {
            background-color: rgb(91, 91, 91);
        }

        .try {
            padding: 90px 0px;
            background-position: center center;
        }

        .try__inner {
            max-width: 980px;
            width: 100%;
            margin: 0px auto;
            color: rgb(255, 255, 255);
        }

        .try__title {
            font-size: 32px;
            text-align: center;
            margin-bottom: 25px;
            cursor: pointer;
            transition: all 0.15s ease 0s;
        }

        .try__title:hover {
            color: rgb(4, 148, 252);
        }

        .try__list {
            display: flex;
            flex-direction: column;
            gap: 30px;
            font-size: 20px;
            line-height: 30px;
        }

        .try__item--orange {
            color: rgb(255, 85, 0);
            font-weight: 600;
        }

        .article-connect {
            position: fixed;
            background-color: rgba(0, 0, 0, 0.85);
            padding-top: 40px;
        }

        .article-connect.open,
        .article-terms.open {
            animation: 1s ease 0s 1 normal forwards running popupOpen;
        }

        @keyframes popupOpen {
            0% {
                transform: translateY(-150%);
            }

            100% {
                transform: translateY(0px);
            }
        }

        .article-connect__body {
            max-width: 900px;
            margin: 0px auto;
        }

        .article-connect__body-header {
            display: flex;
            justify-content: space-between;
            padding: 20px;
        }

        .article-connect__body-header-button {
            color: rgb(160, 160, 160);
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 600;
        }

        .article-connect__body-content {
            background: rgb(24, 24, 24);
            padding: 60px 40px;
        }

        .article-connect__body-content-inner {
            max-width: 530px;
            margin: 0px auto;
            width: 100%;
            color: rgb(149, 154, 162);
            line-height: 18px;
        }

        .article-connect__body-content-section {
            display: flex;
            gap: 20px;
            margin-bottom: 40px;
        }

        .article-connect__body-content-section-icon {
            max-width: 32px;
            width: 100%;
            height: 100%;
        }

        .article-connect__body-content-section-info-title {
            margin-bottom: 10px;
            font-size: 16px;
            color: rgb(255, 255, 255);
        }

        .article-connect__body-content-section-info-list li {
            margin-bottom: 20px;
        }

        .article-connect__body-content-confirm-text {
            display: block;
            text-align: center;
            margin-bottom: 30px;
            font-size: 16px;
        }

        .article-connect__body-content-confirm {
            color: rgb(255, 255, 255);
            background-color: rgb(255, 85, 0);
            text-transform: uppercase;
            font-weight: 700;
            border-radius: 2px;
            padding: 5px 15px;
            display: flex;
            align-items: center;
            margin: 0px auto 30px;
            transition: all 0.15s ease 0s;
        }

        .article-connect__body-content-confirm:disabled {
            cursor: not-allowed;
            background: rgba(94, 97, 112, 0.3) !important;
            color: rgba(94, 97, 112, 0.8) !important;
        }

        .article-connect__body-content-confirm:hover {
            background-color: rgb(253, 110, 53);
        }

        .article-connect__body-content-confirm-img {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 8px;
            position: relative;
        }

        .article-connect__body-content-confirm-img::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 0px;
            width: 1px;
            background-color: rgba(0, 0, 0, 0.1);
            height: 24px;
        }

        .article-connect__body-content-confirm-img img {
            display: block;
        }

        .article-connect__body-content-confirm-button-text {
            padding: 0px 15px;
        }

        .article-connect__body-content-confirm-problem {
            display: block;
            margin-bottom: 10px;
            text-align: center;
        }

        .article-connect__body-content-confirm-support {
            color: rgb(255, 255, 255);
            font-weight: 700;
            text-decoration: none;
            display: block;
            text-align: center;
            font-size: 15px;
        }

        .article-connect__body-content-confirm-support:hover {
            text-decoration: underline;
        }

        .article-connect__body-content-stats {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-direction: column;
            color: rgb(200, 67, 60);
            font-weight: 400;
            font-size: 16px;
            margin-bottom: 40px;
        }

        .article-connect__body-content-stats--success {
            color: rgb(101, 146, 77);
        }

        .article-connect__body-content-stats-item {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .article-terms {
            position: fixed;
            padding: 20px 0px;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .article-terms__body {
            background: rgb(34, 34, 34);
            color: rgb(255, 255, 255);
            padding: 40px;
            max-width: 900px;
            margin: 0px auto;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            font-size: 16px;
            line-height: 20px;
        }

        .article-terms__body h2 {
            margin-bottom: 10px;
            font-size: 28px;
            line-height: 32px;
        }

        .article-terms__body ul li {
            margin-bottom: 5px;
        }

        @media (max-width: 1000px) {
            .game__inner {
                grid-template-columns: 1fr;
                justify-items: center;
            }

            .game__card {
                max-width: 600px;
                width: 100%;
            }

            .advantage__inner {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 790px) {
            .brands__items-inner {
                grid-template-columns: 1fr 1fr;
            }

            .brands__arrow {
                display: none;
            }
        }

        @media (max-width: 768px) {

            .intro__title,
            .try__title {
                font-size: 24px;
            }

            .try__list {
                font-size: 16px;
                line-height: 20px;
            }

            .article-connect {
                padding-top: 0px;
            }

            .article-connect__body-header {
                background-color: rgb(0, 0, 0);
            }
        }

        @media (max-width: 400px) {
            .advantage__inner {
                grid-template-columns: 1fr;
            }
        }