/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    box-sizing: border-box;
    font-weight: 400
}

@font-face {
    font-family: Bokor;
    font-style: normal;
    font-display: swap;
    src: url(/suomipureca-font/suomipureca-Bokor-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-display: swap;
    src: url(/suomipureca-font/suomipureca-Inter-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Unlock;
    font-style: normal;
    font-display: swap;
    src: url(/suomipureca-font/suomipureca-Unlock-Regular.woff2) format("woff2")
}

html {
    scroll-behavior: smooth;
    min-height: 100vh;
    background: #fff
}

#root {
    font-family: Initer, sans-serif;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.pad {
    padding: 0 40px;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto
}

.pad-top {
    padding-top: 80px;
    padding-bottom: 80px
}

.suomipureca-flex {
    display: flex;
    flex-direction: column;
    gap: 24px
}

h1,
h2 {
    font-size: 38px;
    line-height: 44px;
    margin: 0;
    color: #132a38;
    text-transform: uppercase;
    font-family: Unlock, sans-serif;
    letter-spacing: 8px
}

p,
a,
li,
span,
label,
input {
    margin: 0;
    text-decoration: none;
    color: #132a38;
    font-size: 16px;
    line-height: 19px
}

.t-24 {
    font-size: 24px;
    line-height: 28px;
    font-family: Unlock, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase
}

.t-20 {
    font-size: 20px;
    line-height: 24px;
    font-family: Bokor, sans-serif
}

.font-unlock {
    font-family: Unlock, sans-serif;
    text-transform: uppercase
}

.font-bokor {
    font-family: Bokor, sans-serif
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.text-center {
    text-align: center
}

.upper {
    text-transform: uppercase
}

.col-black {
    color: #132a38
}

.col-white {
    color: #fff
}

.suomipureca-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px
}

.suomipureca-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px
}

.suomipureca-grid-3 li {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.visualy-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

@media (max-width: 1100px) {
    .pad {
        padding: 0 25px
    }

    .pad-top {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .suomipureca-grid-2 {
        gap: 20px
    }
}

@media (max-width: 749px) {
    .pad {
        padding: 0 16px
    }

    .pad-top {
        padding-top: 40px;
        padding-bottom: 40px
    }

    p,
    a,
    li,
    span,
    label,
    input {
        font-size: 14px;
        line-height: 16px
    }

    h1,
    h2 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 2px
    }

    .suomipureca-grid-2,
    .suomipureca-grid-3 {
        grid-template-columns: 1fr
    }

    .t-24 {
        font-size: 14px;
        line-height: 18px
    }

    .suomipureca-grid-3 .t-24 {
        font-size: 16px;
        line-height: 18px
    }

    .suomipureca-flex {
        gap: 16px
    }
}

@media (max-width: 330px) {

    .suomipureca-privacy h1,
    .suomipureca-privacy h2 {
        word-break: break-all
    }
}

.suomipureca-middle__img {
    background: url(/images/middle-img-BHIpjJC-.webp) right / cover no-repeat;
    height: 400px
}

.suomipureca-middle__small-img {
    background: url(/images/cactus-BoeDECOO.webp) center / contain no-repeat;
    width: 100%;
    aspect-ratio: 387 / 159
}

.bg-orange {
    background: linear-gradient(to bottom, #fe7501, #ffc72a)
}

.suomipureca-grid-img-part {
    overflow: hidden;
    border-radius: 10px
}

.suomipureca-grid-img-part img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.suomipureca-grid-text-part {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center
}

.suomipureca-grid-img-part-2 {
    background: url(/images/game-2-DDQETQbf.webp) center / cover no-repeat;
    border-radius: 10px;
    min-height: 400px
}

.mg-top {
    margin-top: 16px
}

.suomipureca-game__link {
    background-color: #fff;
    border: 1px solid #ffe15f;
    color: #132a38;
    font-family: Unlock, sans-serif;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: 100%;
    max-width: 246px;
    height: 70px;
    cursor: pointer;
    font-size: 32px;
    line-height: 42px
}

.suomipureca-about {
    display: flex;
    flex-direction: row-reverse;
    gap: 80px
}

.suomipureca-about__img {
    background: url(/images/about-img-BzYSs8uI.webp) center / contain no-repeat;
    max-width: 482px;
    width: 100%;
    aspect-ratio: 482 / 256;
    min-width: 220px;
    align-self: center
}

.suomipureca-about .suomipureca-flex {
    justify-content: center
}

.suomipureca-about h2 {
    align-self: center
}

@media (max-width: 1100px) {
    .suomipureca-hero__header {
        font-size: 40px;
        line-height: 50px
    }

    .suomipureca-about {
        gap: 20px
    }
}

@media (max-width: 749px) {
    .suomipureca-middle__img {
        background: url(/images/middle-img-mob-CQdWJr1v.webp) right / cover no-repeat
    }

    .suomipureca-grid-text-part {
        gap: 16px
    }

    .suomipureca-grid-img-part-2 {
        aspect-ratio: 328 / 250;
        min-height: auto
    }

    .suomipureca-game__link {
        align-self: center;
        width: 100%;
        max-width: 420px
    }

    .suomipureca-about {
        flex-direction: column
    }

    .suomipureca-about__img {
        max-width: 482px;
        width: 100%;
        aspect-ratio: 328 / 174
    }
}

.suomipureca-hero {
    background: url(/images/main-cover-DpeyrE9l.webp) center / cover no-repeat;
    padding: 24px 0;
    display: flex;
    align-items: center
}

.suomipureca-hero-main {
    min-height: 720px;
    padding-top: 100px;
    align-items: start
}

.suomipureca-hero-main .suomipureca-hero__body {
    max-width: 428px
}

.suomipureca-hero__body {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.suomipureca-hero__header {
    letter-spacing: 4px;
    font-size: 72px;
    line-height: 77px
}

.suomipureca-hero-main .suomipureca-hero__header {
    font-size: 48px;
    line-height: 55px
}

.suomipureca-hero__text {
    font-size: 20px;
    line-height: 24px
}

@media (max-width: 749px) {

    .suomipureca-hero__header,
    .suomipureca-hero-main .suomipureca-hero__header {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 2px
    }

    .suomipureca-hero__text {
        font-size: 16px;
        line-height: 18px;
        max-width: 60%
    }

    .suomipureca-hero-main {
        min-height: 500px;
        padding-top: 63px;
        background: url(/images/main-cover-mob-C5FlpSLm.webp) center / cover no-repeat
    }
}

.suomipureca-header {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.suomipureca-header__body {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.suomipureca-header__logo {
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    letter-spacing: 0
}

.suomipureca-header__logo:before {
    content: "";
    position: absolute;
    background: url(/images/logo-CE__DzWI.svg) center / contain no-repeat;
    width: 32px;
    height: 32px;
    left: 0
}

.suomipureca-header__links-list {
    display: flex;
    gap: 41px;
    align-items: center
}

.suomipureca-header__link {
    font-family: Unlock, sans-serif;
    font-size: 14px
}

.suomipureca-header__burger {
    width: 30px;
    height: 15px;
    background: url("data:image/svg+xml,%3csvg%20width='32'%20height='17'%20viewBox='0%200%2032%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%208.61905H31M1%2016H31M1%201H31'%20stroke='%2334231C'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") center / contain no-repeat;
    display: none;
    border: none;
    cursor: pointer
}

.suomipureca-header__close-btn {
    display: none;
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml,%3csvg%20width='26'%20height='24'%20viewBox='0%200%2026%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='1.34595'%20y1='0.639006'%20x2='25.346'%20y2='23.639'%20stroke='black'/%3e%3cline%20y1='-0.5'%20x2='33.2415'%20y2='-0.5'%20transform='matrix(-0.721988%200.691905%200.691905%200.721988%2025%201)'%20stroke='black'/%3e%3c/svg%3e") center / contain no-repeat;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    border: none
}

.suomipureca-header__lang-mob {
    display: none
}

@media (max-width: 749px) {
    .suomipureca-header {
        height: 40px
    }

    .suomipureca-header__logo:before {
        width: 20px;
        height: 20px
    }

    .suomipureca-header__links-list {
        gap: 5px
    }

    .suomipureca-header__lang-container {
        display: none
    }

    .suomipureca-header__links-container {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #fe7501, #ffc72a);
        transition: left .3s ease-in-out;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        z-index: 9999
    }

    .suomipureca-header__links-list {
        flex-direction: column;
        gap: 15px
    }

    .suomipureca-header__links-container.active {
        left: 0
    }

    .suomipureca-header__burger,
    .suomipureca-header__close-btn {
        display: block
    }

    .suomipureca-header__lang-mob {
        display: flex;
        gap: 20px;
        align-items: center
    }

    .suomipureca-header__lang-btn-mob {
        background: transparent;
        border: 1px solid #34231c;
        color: #34231c;
        padding: 5px 10px;
        text-transform: uppercase;
        cursor: pointer
    }

    .active-lang {
        background-color: #1d2650
    }
}

.suomipureca-footer {
    background: #688004;
    padding: 40px 0
}

.suomipureca-footer p,
.suomipureca-footer a {
    color: #f1f1f1;
    text-align: center;
    font-family: Bokor, sans-serif
}

.t-14 {
    font-size: 14px;
    line-height: 16px
}

.suomipureca-logos {
    display: flex;
    gap: 100px;
    justify-content: center
}

.suomipureca-links {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px
}

.suomipureca-age {
    background: url("data:image/svg+xml,%3csvg%20width='85'%20height='40'%20viewBox='0%200%2085%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4249%2038.4444C19.4249%2039.0741%2017.5379%2039.3889%2013.7641%2039.3889C10.0272%2039.3889%208.15875%2039.0741%208.15875%2038.4444V11.0556L2.16495%2011.1111C1.05498%2011.1111%200.5%209.33333%200.5%205.77778C0.5%204.55556%200.610996%203.37037%200.832989%202.22222C1.09198%201.07407%201.51747%200.5%202.10945%200.5H17.316C17.9449%200.5%2018.4444%200.648149%2018.8144%200.944445C19.2214%201.2037%2019.4249%201.53704%2019.4249%201.94445V38.4444Z'%20fill='white'/%3e%3cpath%20d='M52.0717%2027.6667C52.0717%2031.2963%2050.7583%2034.2593%2048.1313%2036.5556C45.5414%2038.8519%2042.0635%2040%2037.6977%2040C33.3688%2040%2029.9464%2038.9074%2027.4305%2036.7222C24.9516%2034.5%2023.7121%2031.6111%2023.7121%2028.0556C23.7121%2024.463%2025.5066%2021.2778%2029.0955%2018.5C26.5795%2016.3148%2025.3216%2013.6852%2025.3216%2010.6111C25.3216%207.53704%2026.524%205%2028.929%203C31.3339%201%2034.4048%200%2038.1417%200C41.8785%200%2044.8569%200.944444%2047.0769%202.83333C49.3338%204.68519%2050.4438%207.03704%2050.4068%209.88889C50.4068%2012.7037%2049.2228%2015.2593%2046.8549%2017.5556C48.3718%2018.6667%2049.6113%2020.1111%2050.5733%2021.8889C51.5722%2023.6296%2052.0717%2025.5556%2052.0717%2027.6667ZM34.7008%2027.1667C34.7008%2028.2407%2035.0153%2029.1111%2035.6442%2029.7778C36.3102%2030.4074%2037.1242%2030.7222%2038.0862%2030.7222C39.0481%2030.7222%2039.8251%2030.4074%2040.4171%2029.7778C41.0461%2029.1111%2041.3606%2028.2407%2041.3606%2027.1667C41.3606%2025.1667%2040.0841%2023.5185%2037.5312%2022.2222C35.6442%2023.3704%2034.7008%2025.0185%2034.7008%2027.1667ZM40.6946%2011.4444C40.6946%2010.6296%2040.3986%209.94445%2039.8066%209.38889C39.2516%208.83333%2038.6226%208.55556%2037.9197%208.55556C36.0327%208.55556%2035.0523%209.46296%2034.9783%2011.2778C34.9783%2012.9444%2036.2547%2014.5185%2038.8076%2016C40.0656%2014.5926%2040.6946%2013.0741%2040.6946%2011.4444Z'%20fill='white'/%3e%3cpath%20d='M73.4559%207.5V16.8333H82.8351C83.501%2016.8333%2083.982%2017.3704%2084.278%2018.4444C84.426%2019%2084.5%2019.537%2084.5%2020.0556C84.5%2020.5741%2084.426%2021.1111%2084.278%2021.6667C83.982%2022.7407%2083.501%2023.2778%2082.8351%2023.2778H73.4559V32.7778C73.4559%2033.4444%2072.9194%2033.9259%2071.8464%2034.2222C71.3284%2034.3704%2070.7919%2034.4444%2070.237%2034.4444L68.6275%2034.2222C67.5546%2033.9259%2067.0181%2033.4444%2067.0181%2032.7778V23.2778H57.5834C56.9174%2023.2778%2056.4364%2022.7407%2056.1404%2021.6667C55.9924%2021.1111%2055.9184%2020.5741%2055.9184%2020.0556C55.9184%2019.537%2055.9924%2019%2056.1404%2018.4444C56.4364%2017.3704%2056.9174%2016.8333%2057.5834%2016.8333H67.0181V7.5C67.0181%206.83334%2067.5546%206.35185%2068.6275%206.05556C69.1455%205.90741%2069.682%205.83333%2070.237%205.83333L71.8464%206.05556C72.9194%206.35185%2073.4559%206.83334%2073.4559%207.5Z'%20fill='white'/%3e%3c/svg%3e") center / contain no-repeat;
    width: 84px;
    height: 40px
}

.suomipureca-links a,
.suomipureca-footer .suomipureca-copyright {
    font-family: Unlock, sans-serif
}

@media (max-width: 749px) {
    .suomipureca-logos {
        flex-direction: column;
        gap: 20px;
        align-items: center
    }

    .suomipureca-footer {
        padding: 24px 0
    }
}

.suomipureca-frame {
    width: 100%;
    aspect-ratio: 1240 / 720
}

.pad-40 {
    padding-top: 40px
}

.suomipureca-game-page__img {
    background: url(/images/rules-img-SSNAbSZr.webp) center / cover no-repeat;
    aspect-ratio: 1240 / 374;
    border-radius: 10px
}

.suomipureca-terms__list {
    list-style: disc;
    padding-left: 20px
}

.suomipureca-contact__form {
    width: 100%;
    max-width: 820px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 16px auto 0
}

.suomipureca-contact__label {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.suomipureca-form__input {
    background: #132a38;
    min-height: 49px;
    border: 1px solid #e6e6e6;
    padding: 10px 20px;
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 10px
}

.suomipureca-form__text {
    min-height: 100px
}

.suomipureca-form__input::placeholder {
    color: #999;
    font-size: 16px;
    line-height: 18px
}

.suomipureca-form__input:focus {
    outline: none
}

.suomipureca-form__btn {
    background-color: #fe7501;
    width: 246px;
    height: 49px;
    border-radius: 100px;
    cursor: pointer;
    font-family: Unlock, sans-serif;
    color: #132a38;
    border: none;
    text-transform: uppercase
}