/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/content/files/2/5/c7d418302e22441fd7c0c5ad3dace939ee9e8197.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/content/files/2/3/805891e8d9cdbecd08cb421dc55688bbfd5d89ae.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/content/files/2/4/19a7e5705e778f60dc35c0122a331caf80656149.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/content/files/2/6/31b29c81b43e5b50a1c473b23269b3a4f04baa13.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/content/files/2/7/3e27346775833ad8fc247a06471cbc6efbafe92f.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/content/files/2/8/738e15ddaf578b7de2ef65358ff4b7b8c4f3ab21.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/content/files/2/9/0fd2a9e869eedd14199db4f4c1f520e32f8078fb.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/content/files/3/0/3687cebad497272fda791f49c6bad16f434dc0e6.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/content/files/3/1/907ba1f39f2bef2065fc0a2384ca797c0ca45b63.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/content/files/3/2/691377af2a9e0f509c0e7afb45a2c8586e194cf0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/content/files/3/3/863bd73e4e099c1afa6e6895f9cb49deea516d83.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/content/files/3/4/31f0c69c05ff7446ca0fe330d16671725314edef.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* jura-500 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 500;
  src: url('/content/files/1/6/90f32da089cdcea029d384f24bab68f4e4217113.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jura-600 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 600;
  src: url('/content/files/1/5/d54bfe17fd0189f4be053842face6a420904f4fd.woff2') format('woff2');
}
/* jura-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  src: url('/content/files/1/4/22950a4d7dbdc3c6b8740c14ddd51ff9b3965c4f.woff2') format('woff2');
}


/* cousine-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: url('/content/files/3/5/aea8ee56905a4522b39d2275fa2813be629779af.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{--tobii-base-font-size:1rem;--tobii-transition-duration:0.3s;--tobii-transition-timing-function:cubic-bezier(0.19,1,0.22,1);--tobii-zoom-icon-background:rgba(25,41,56,0.94);--tobii-zoom-icon-color:#fff;--tobii-lightbox-background:rgba(0,0,0,0.85);--tobii-lightbox-z-index:1337;--tobii-caption-background:rgba(0,0,0,0.8);--tobii-caption-color:#eee;--tobii-counter-background:transparent;--tobii-counter-color:#fff;--tobii-button-background:transparent;--tobii-button-navigation-background:rgba(0,0,0,0.5);--tobii-button-color:#fff;--tobii-loader-color:#fff;--tobii-slide-max-height:calc(100vh - 3.125em);--tobii-slide-max-width:100vw}.tobii-zoom{border:0;box-shadow:none;display:inline-block;position:relative;text-decoration:none}.tobii-zoom img{display:block}.tobii-zoom__icon{display: none !important; align-items:center;background-color:var(--zoom-icon-background,var(--tobii-zoom-icon-background));color:var(--zoom-icon-color,var(--tobii-zoom-icon-color));display:flex;height:1.78em;justify-content:center;line-height:1;position:absolute;right:.5em;top:.5em;width:1.78em}.tobii-zoom__icon svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;stroke:currentColor;height:1.5em;pointer-events:none;width:1.5em}.tobii-is-open{overflow-y:hidden}.tobii-image,.tobii-is-open{touch-action:none}.tobii{background-color:var(--lightbox-background,var(--tobii-lightbox-background));bottom:0;box-sizing:border-box;contain:strict;font-size:var(--base-font-size,var(--tobii-base-font-size));left:0;line-height:1.5;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--lightbox-z-index,var(--tobii-lightbox-z-index))}.tobii[aria-hidden=true]{display:none}.tobii *,.tobii :after,.tobii :before{box-sizing:inherit}.tobii__slider{bottom:0;left:0;position:absolute;right:0;top:3.125em;will-change:transform}.tobii__slider[aria-hidden=true]{display:none}@media screen and (prefers-reduced-motion:no-preference){.tobii__slider--animate:not(.tobii__slider--is-dragging){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function))}}.tobii__slider--is-draggable [data-type]{cursor:grab}.tobii__slider--is-dragging [data-type]{cursor:grabbing}.tobii__slide{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tobii__slide:not(.tobii__slide--is-active){visibility:hidden}@media screen and (prefers-reduced-motion:no-preference){.tobii__slide:not(.tobii__slide--is-active){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:visibility;transition-timing-function:var(--timing-function,var(--tobii-transition-timing-function))}}.tobii__slide [data-type]{-ms-scroll-chaining:none;max-height:100%;max-width:var(--slide-max-width,var(--tobii-slide-max-width));overflow:hidden;overflow-y:auto;overscroll-behavior:contain}.tobii__slide iframe,.tobii__slide video{display:block!important}.tobii__slide figure{margin:0;position:relative}.tobii__slide figure>img{display:block;height:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width));width:auto}.tobii__slide figure>figcaption{background-color:var(--caption-background,var(--tobii-caption-background));bottom:0;color:var(--caption-color,var(--tobii-caption-color));font-size:1.125em;padding:.25em .5em;position:absolute;white-space:pre-wrap;width:100%}.tobii__slide [data-type=html] video{cursor:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__slide [data-type=html] audio{max-width:100%}.tobii__slide [data-type=iframe]{-webkit-overflow-scrolling:touch;transform:translateZ(0)}.tobii__slide [data-type=iframe] iframe{height:var(--slide-max-height,var(--tobii-slide-max-height));width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__btn{-webkit-appearance:none;appearance:none;background-color:var(--button-background,var(--tobii-button-background));border:1px solid transparent;color:var(--button-color,var(--tobii-button-color));cursor:pointer;font:inherit;line-height:1;margin:0;opacity:.5;padding:0;position:absolute;touch-action:manipulation;will-change:opacity;z-index:1}.tobii__btn:hover{opacity:1}@media screen and (prefers-reduced-motion:no-preference){.tobii__btn{transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:opacity,transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function));will-change:opacity,transform}}.tobii__btn svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;stroke:currentColor;height:3.75em;pointer-events:none;width:3.75em}.tobii__btn--next,.tobii__btn--previous{background-color:var(--button-navigation-background,var(--tobii-button-navigation-background));border-radius:5px;top:50%;transform:translateY(-50%)}.tobii__btn--previous{left:1em}.tobii__btn--next{right:1em}.tobii__btn--close{height:2.5em;opacity:.75;right:.25em;top:.25em;width:2.5em}.tobii__btn--close svg{height:100%;transform:scale(1.4);width:100%}.tobii__btn:disabled,.tobii__btn[aria-hidden=true]{cursor:default;visibility:hidden}.tobii__counter{background-color:var(--counter-background,var(--tobii-counter-background));color:var(--counter-color,var(--tobii-counter-color));font-size:1.25em;left:.875em;line-height:1;opacity:.8;position:absolute;top:.875em;z-index:1}.tobii__counter[aria-hidden=true]{display:none}.tobii__loader{display:inline-block;height:6em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6em}.tobii__loader:before{animation:spin 1s infinite;border:2px solid #949ba3;border-radius:100%;border-top:2px solid var(--loader-color,var(--tobii-loader-color));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}.tobii__slide .tobii-html{font-size:1.125em;max-width:960px;padding:10px 20px}
:root {
    --begoat-cyan: #05F4F9;
    --begoat-violet: #8400FF;
    --begoat-violet-rgb: 132, 0, 255;
    --begoat-danger: #ff0032;
    --begoat-success: #00bc53;
    --begoat-warning: #f3cd00;
    --begoat-info: #2276fd;
    --begoat-black: #000;
    --begoat-black-rgb: 0,0,0;
    --begoat-dark: #0a0a0a;
    --begoat-white: #fff;
    --begoat-white-rgb: 255,255,255;
    --begoat-light: #f0f0ff;
    
    --begoat-text-black: #000;
    --begoat-font-weight: 500;
    --begoat-font-weight-bold: 600;
    --begoat-transition-time: 500ms;
    --begoat-texture-scratches: url('/content/files/0/4/83503c90970ae99bf32110295b0b4ac17656c1b6.webp');
}

body {
    background-color: black;
    font-family: "Rajdhani", "Jura", sans-serif;
    box-sizing: border-box;
    margin: 0;
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

strong {
    font-weight: var(--begoat-font-weight-bold);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    margin-block: 0;
    margin-inline: 0;
    display: inline;
}

a, a:link, a:visited {
   color: var(--begoat-light); 
   transition-property: all;
   transition-duration: var(--begoat-transition-time);
   text-decoration: none;
}

a:hover {
    color: var(--begoat-cyan);
}

::-moz-selection {
  color: var(--begoat-dark);
  background: var(--begoat-cyan);
}

::selection {
  color: var(--begoat-dark);
  background: var(--begoat-cyan);
}

/* Scroll button */
.scroll-btn {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: var(--begoat-violet);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
    color: var(--begoat-white);
    border: none;
    padding: 0.1em 0.3em;
    /* border-radius: 5px; */
    font-size: 2em;
    cursor: pointer;
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
    border-radius: 20%;
}

.scroll-btn:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

/* Style navbar */
.navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    width: 100%;
    height: 50px;
    z-index: 1;
}

.navbar .logo {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-left: 7rem;
}

.navbar .logo img {
    margin-top: -0.2em;
    height: 50px;
    width: auto;
}

.navbar ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin-right: 2.5rem;
}

.navbar ul li a{
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: var(--begoat-font-weight);
    color: rgb(228, 228, 228);
    padding: 0 1rem;
}

.navbar ul li a:hover{
    color: var(--begoat-white);
}

.tgl-btn {
    display: none;
}
/* Koniec style navbar */

/* Style header */
.header-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    background:
        url('/content/files/0/3/3f6c43e846e5614fa137e37f9e834704ed8d3efd.webp') no-repeat top center,
        url('/content/files/0/2/9ffba196570d8d2594ea2eac594a41570e8a9056.webp') center top;
    background-size: 100% auto, 100% auto;
    background-position: 0 -80px, auto auto;
}

.header-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1900px;
}

.header-divider {
    height: min(20vw, 290px);
}

.header-columns-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.left-header {
    display: flex;
    flex-direction: column;
    width: 40%;
    margin-left: 7rem;
}

.right-header {
    margin-right: 7rem;
    display: flex;
    flex-direction: row;
    gap: 4rem;
}

.heading-text {
    display: flex;
    flex-direction: column;
    padding-top: 11rem;
    text-transform: uppercase;
    font-size: 5.5rem;
    color: var(--begoat-white);
    font-weight: var(--begoat-font-weight);
}

.heading-text .heading-text-line {
    z-index: 2;
}

.bold {
    font-weight: var(--begoat-font-weight-bold) !important;
}

.autotype-container {
    position: relative;
    height: 5rem;
    z-index: 0;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.autotype-bg {
    position: absolute;
    background-color: var(--begoat-violet);
    box-shadow: 0px 0px 100px 10px var(--begoat-violet);
    height: 80px;
    left: -5px;
    width: 36rem;
    z-index: 1;
}

.autotype-line {
    line-height: 85px;
    position: absolute;
    z-index: 1;
}

.left-header .heading-text span .gamers-highlight {
    color: var(--begoat-cyan);
    font-weight: var(--begoat-font-weight-bold);
}

/* Style do ramek */
.custom-tile {
    width: 210px;
    height: 258px;
    box-shadow: 0px 0px 40px var(--begoat-violet);
    background-color: rgba(var(--begoat-violet-rgb), 0.375);
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
    
}

.custom-tile:hover {
    transform: scale(1.05);
}

.custom-tile img {
    width: 100%;
    height: auto;
}

.tiles-column {
    display: flex;
    flex-direction: column;
    gap: 140px;
}

.tile-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 200px;
    position: relative;
}

.tile-text {
    position: absolute;
    font-size: 1.4rem;
    font-weight: var(--begoat-font-weight);
    padding-left: 1rem;
    color: var(--begoat-white);
    top: 270px;
}

.tile-text span, .tile-text b {
    font-weight: var(--begoat-font-weight);
    color: var(--begoat-cyan);
}

.left-tiles-column {
    position: relative;
    padding-top: 180px;
}

.blue-stripe {
    position: absolute;
    width: 7px;
    left: 0px;
    top: -980px;
}

.right-tiles-column {
    position: relative;
    padding-top: 50px;
}

.purple-stripe {
    position: absolute;
    width: 7px;
    left: 0px;
    top: -1080px;
}

.tiles-column .mobile {
    display: none;
}
/* Koniec stylowania ramek */

/* Style terminal cta */
.cta-terminal-wrapper {
    border: 1px solid white;
    margin-top: 70px;
    font-family: 'Consolas', 'Lucida Console', monospace;
}

.terminal1 {
    width: 100%;
}

.terminal-navbar {
    display: flex;
    justify-content: end;
    background-color: #505050;
    position: relative;
}

.terminal-navbar .buttons {
    padding: 10px 10px;
    height: 10px;
}

.terminal-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 5px;
    background-color: #0C0C0C;
    position: absolute;
    bottom: 0;
    left: 4%;
}

.terminal-card .icon-text-container {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--begoat-white);
}

.terminal-card .icon-text-container .terminal-icon {
    height: 15px;
}

.terminal-card .icon-text-container span{
    font-size: 1rem;
}

.terminal-card .x-icon {
    height: 10px;
    padding-right: 5px;
}

.terminal1 .terminal-content, .terminal2 .terminal-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: var(--begoat-white);
    padding: 10px 25px;
    padding-bottom: 25px;
    background-color: #0C0C0C;
}

.terminal-content .begoat-terminal-text {
    font-size: 0.9rem;
    font-weight: 400;
    margin: 0;
}

.terminal-content .regular-terminal-text {
    font-weight: 400;
    margin: 0;
    font-size: 1rem;
}

.agreement-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.agreement-text {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
}

.agreement-container.error .checkboxOverride label {
    border-color: var(--begoat-danger) !important;
}

/* !style do checkboxa! */
input[type="checkbox"] {
    visibility: hidden;
}

.checkboxOverride {
    position: relative;
    width: 12px;
}

.checkboxOverride input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.checkboxOverride label {
    background: none repeat scroll 0 0 #000000;
    border: 2px solid #ffffff;
    cursor: pointer;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
}
  
.checkboxOverride label:after {
    color: var(--begoat-cyan);
    border: 3px solid var(--begoat-cyan);
    border-top: none;
    border-right: none;
    content: "";
    height: 30%;
    width: 60%;
    left: 12%;
    top: 13%;
    opacity: 0;
    position: absolute;
    -ms-transform:rotate(-45deg); /* IE 9 */
    -webkit-transform:rotate(-45deg); /* Safari, Chrome */
    transform:rotate(-45deg);
}
/* !koniec style do checkboxa! */

.terminal-content .input {
    width: 16em;
    color: var(--begoat-cyan);
    background-color: black;
    outline: none;
    border: 2px solid white;
    padding: 4px 6px;
    font-family: 'Rajdhani', 'Jura', sans-serif;
    font-size: 1rem;
    font-weight: var(--begoat-font-weight);
    box-sizing: border-box;
    text-transform: uppercase;
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.terminal-content .input::placeholder {
    color: var(--begoat-cyan);
}

.terminal-content .input:focus {
    border: 2px solid var(--begoat-cyan);
}

.terminal-content .input.error {
    border: 2px solid var(--begoat-danger);
}

.terminal-content .input.success {
    border: 2px solid var(--begoat-success);
}

.button {
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
    width: 16em;
    color: var(--begoat-black);
    background-color: var(--begoat-white);
    outline: none;
    border: 4px solid var(--begoat-cyan);
    border-style: none none solid none;
    padding: 0.25em 0.5em;
    font-family: 'Rajdhani', 'Jura', sans-serif;
    font-size: 1rem;
    font-weight: var(--begoat-font-weight-bold);
    cursor: pointer;
    text-transform: uppercase;
}

.button:hover, .button:focus, .button:active, .button.ajax {
    border-color: var(--begoat-violet) !important;
    color: var(--begoat-violet) !important;
    background-color: var(--begoat-white) !important;
}

.button.error {
    border-color: var(--begoat-danger) !important;
    color: var(--begoat-danger) !important;
    background-color: var(--begoat-white) !important;
}

.button.success {
    border-color: var(--begoat-success) !important;
    color: var(--begoat-success) !important;
    background-color: var(--begoat-white) !important;
}

/* style do animacja logo */
.logo-animation-container {
    width: 100%;
    margin-top: 70px;
}

.logo-animation {
    width: 200px;
    font-family: 'Cousine';
    user-select: none;
    color: var(--begoat-light);
    font-size: min(0.6vw, 0.8rem);
    line-height: min(0.6vw, 12.81px);
    letter-spacing: min(0.01vw, 0.2135px);
    transform: translateX(23%);
}

/* style do video */
.video-container {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: min(10em, 5.5vw);
    width: 70%;
    position: relative;
    display: inline-block;
}

.video-container.empty {
    margin-top: 0;
}

.video-frame {
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
}

.video-content {
    z-index: 1;
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(2.5%, 4.5%);
    width: 95%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.video-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(2.5%, 2.5%);
    width: 95%;
    height: 95%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--begoat-white);
    font-family: 'Rajdhani', 'Jura', sans-serif;
    font-size: min(calc(0.45em + 3vw), 4em);
}

.video-label {
    margin-bottom: min(3vw, 0.5em);
    text-transform: uppercase;
    font-weight: var(--begoat-font-weight-bold);
}

.play-btn {
    width: min(8vw, 152px);
    height: auto;
    cursor: pointer;
    transition: scale 0.3s ease-in-out;
    border-radius: 100%;
    box-shadow: 0 0 20px 3px var(--begoat-cyan);
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.play-btn:hover {
    scale: 1.05;
    opacity: 0.8;
}

.hidden {
    display: none;
}
/* Koniec styli do headera */

/* style do graffiti */
.beGOAT-graffiti-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: max(-20vw, -365px);
}

.gradient-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 600px;
    background: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.beGOAT-graffiti {
    z-index: 2;
    width: 110vw;
    max-width: 2000px;
    height: auto;
    position: relative;
}
/* Koniec styli do graffiti */

/* tło do about i esencji */
.about-gaming-wrapper {
    position: relative;
    /* padding-top: 20vw; */
    padding-top: min(20vw, 365px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-gaming-wrapper::before {
    content: "";
    position: absolute;
    z-index: 0;
    background-image: var(--begoat-texture-scratches);
    background-size: cover;
    mix-blend-mode: hard-light;
    filter: contrast(150%);
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
}

/* style do about */
.about-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    color: var(--begoat-light);
    margin-top: 130px;
    width: 100%;
    max-width: 1900px;
    z-index: 1;
}

.logo-text {
    position: relative;
    z-index: 1;
}

.logo-sygnet {
    width: 100px;
    height: auto;
}

.about-title {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.5rem;
    font-weight: var(--begoat-font-weight);
    z-index: 1;
}

.about-text {
    width: 70%;
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    text-align: center;
    z-index: 1;
}

/* Style do esencji gamingu */
.gaming-essence-container {
    display: flex;
    justify-content: center;
    margin-top: 35rem;
    position: relative;
    padding-bottom: 150px;
    width: 100%;
    max-width: 2100px;
}

.gaming-essence-container .purple-frame {
    width: 70%;
    max-width: 2100px;
    z-index: 1;
}

.terminal2 {
    position: absolute;
    width: min(75vw,720px);
    top: -448px;
    z-index: 2;
}

.terminal2 .terminal-content span {
    font-size: 1rem;
}

.gaming-essence-container .mobile {
    display: none;
}

.gaming-essence-container .essence-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    color: var(--begoat-white);
    margin-top: min(3vw, 63px);
    z-index: 2;
}

.gaming-essence-container .title {
    font-size: 3.5vw;
    font-size: min(3.5vw, 74px);
    font-weight: var(--begoat-font-weight);
}

.essence-text-container .text-columns-container {
    display: flex;
    flex-direction: row;
    gap: min(1vw, 21px);
    justify-content: center;
    margin-top: min(2vw, 42px);
}

.essence-text-container .text-columns-container .column {
    display: flex;
    flex-direction: column;
    gap: min(0.5vw, 10.5px);
    width: min(21vw, 439px);
}

.essence-text-container .text-columns-container .column .header {
    font-size: min(2.1vw, 44px);
    font-weight: var(--begoat-font-weight-bold);
    color: var(--begoat-cyan);
}

.essence-text-container .text-columns-container .column .text {
    font-size: min(1.65vw, 36.5px);
    font-weight: var(--begoat-font-weight);
}

.gaming-essence-container .sofa-characters {
    position: absolute;
    width: min(60vw, 1255px);
    top: min(31vw, 648px);
    z-index: 2;
}

/* Style do sekcji */

.section-header {
    color: var(--begoat-white);
    font-size: 3.5rem;
    font-weight: var(--begoat-font-weight-bold);
    margin: 0;
    margin-block: 0;
    margin-inline: 0;
}

i {
    color: var(--begoat-violet);
    font-style: normal;
}

b {
    color: var(--begoat-cyan);
    font-weight: inherit;
}

u {
    background-color: var(--begoat-violet);
    padding: 0px 0.2em;
    text-decoration: none;
}

/* Style do sekcji fav games*/
.fav-games-section {
    position: relative;
    width: 100%;
    min-height: 730px;
    display: flex;
    justify-content: center;
}

.fav-games-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(45deg, var(--begoat-cyan) 20%, var(--begoat-violet) 110%);
    z-index: 0;
}

.fav-games-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    opacity: 0.7;
    background-size: cover;
    mix-blend-mode: lighten;
    filter: contrast(500%);
    z-index: 1;
}

.fav-games-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    max-width: 1700px;
}

.games-text-container {
    margin-top: 7rem;
    margin-left: 7rem;
    margin-bottom: 7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 60%;
}

.games-header {
    color: var(--begoat-white);
    font-size: 3.5rem;
    font-weight: var(--begoat-font-weight-bold);
}

.games-header .ulubione-gry {
    background-color: var(--begoat-violet);
    padding: 0px 10px;
}

.section-text {
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    color: var(--begoat-light);
}

.section-text.black {
    color: var(--begoat-black);
}

.games-img-container {
    position: relative;
    height: 100%;
    width: 380px;
}

.fav-games-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 780px;
    height: auto;
    z-index: 3;
}

/* Style do sekcji challanges */
.challanges-section {
    position: relative;
    width: 100%;
    min-height: 730px;
    display: flex;
    justify-content: center;
}

.challanges-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
}

.challanges-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    background-size: cover;
    mix-blend-mode: hard-light;
    filter: contrast(150%);
    opacity: 0.7;
    z-index: 1;
}

.challanges-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    max-width: 1700px;
}

.challanges-text-container {
    margin-top: 7rem;
    margin-left: auto;
    margin-right: 7rem;
    margin-bottom: 7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 35%;
}

.challanges-header .header-highlight {
    background-color: var(--begoat-violet);
    padding: 0px 10px;
    margin: -5px;
}

.challanges-text {
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    color: var(--begoat-white);
}

.challanges-img-container {
    position: relative;
    height: 100%;
    width: 700px;
}

.challanges-main .mobile {
    display: none;
}

.challanges-image {
    position: absolute;
    bottom: 0;
    /* left: 60px; */
    right: 0px;
    width: 650px;
    height: auto;
    z-index: 3;
}

/* Style do sekcji rewards*/
.rewards-section {
    position: relative;
    width: 100%;
    min-height: 730px;
    display: flex;
    justify-content: center;
}

.rewards-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-color: #383838;
    z-index: 0;
}

.rewards-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    background-size: 110% 180%;
    opacity: 0.4;
    mix-blend-mode: lighten;
    filter: contrast(1000%);
    z-index: 1;
}

.rewards-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    max-width: 1700px;
}

.rewards-text-container {
    margin-top: 7rem;
    margin-left: 7rem;
    margin-bottom: 7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 40%;
}

.rewards-text {
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    color: #ffffff;
}

.rewards-img-container {
    position: relative;
    height: 100%;
    width: 600px;
}

.rewards-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 800px;
    height: auto;
    z-index: 3;
}

/* style do tournaments */
.tournaments-section {
    position: relative;
    width: 100%;
    min-height: 730px;
    display: flex;
    justify-content: center;
}

.tournaments-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(45deg, var(--begoat-violet) 0%, var(--begoat-cyan) 75%);
    z-index: 0;
}

.tournaments-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    opacity: 0.7;
    background-size: cover;
    mix-blend-mode: lighten;
    filter: contrast(500%);
    z-index: 1;
}

.tournaments-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    max-width: 1700px;
}

.tournaments-text-container {
    margin-top: 7rem;
    margin-left: auto;
    margin-right: 7rem;
    margin-bottom: 7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 65%;
}

.tournaments-text {
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    color: rgb(0, 0, 0);
}

.tournaments-img-container {
    position: relative;
    height: 100%;
    width: 320px;
}

.tournaments-image {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 385px;
    height: auto;
    z-index: 3;
}

/* Style do sekcji account*/
.account-section {
    position: relative;
    width: 100%;
    min-height: 730px;
    display: flex;
    justify-content: center;
}

.account-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
}

.account-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    opacity: 0.5;
    background-size: cover;
    mix-blend-mode: hard-light;
    filter: contrast(200%);
    z-index: 1;
}

.account-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    max-width: 1700px;
}

.account-text-container {
    margin-top: 7rem;
    margin-left: 7rem;
    margin-bottom: 7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 60%;
}

.account-text {
    font-size: 2rem;
    font-weight: var(--begoat-font-weight);
    color: #ffffff;
}

.account-text .be, .account-text .goat {
    font-weight: var(--begoat-font-weight-bold);
}

.account-text .be {
    color: var(--begoat-cyan);
}

.account-text .goat {
    color: var(--begoat-violet);
}

.account-img-container {
    position: relative;
    height: 100%;
    width: 370px;
}

.account-image {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 700px;
    height: auto;
    z-index: 3;
}
/* Koniec sekcji */

/* Style do big cta terminal */
.big-cta-terminal {
    position: relative;
    border: 1px solid white;
    font-family: 'Consolas', 'Lucida Console', monospace;
    overflow-x: hidden;
    margin: 0 auto;
    /*max-width: min(1280px, 85vw);*/
    z-index: 1;
    background-color: var(--begoat-black);
}

.big-terminal {
    position: relative;
    z-index: 2;
    padding: min(4em,5vh) 0em;
}

.big-terminal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
}

.big-terminal::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    opacity: 0.5;
    background-size: cover;
    background-position: center;
    filter: contrast(300%) brightness(0.6);
    z-index: -1;
}

.big-cta-terminal .terminal-navbar {
    display: flex;
    justify-content: end;
    background-color: #505050;
    position: relative;
}

.big-cta-terminal .terminal-navbar .buttons {
    padding: 10px 10px;
}

.big-cta-terminal .terminal-navbar .terminal-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 4px 8px;
    background-color: #0C0C0C;
    position: absolute;
    bottom: 0;
    left: 4%;
}

.big-cta-terminal .terminal-navbar .terminal-card .icon-text-container {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--begoat-white);
}

.big-cta-terminal .terminal-main {
    display: flex;
    justify-content: center;
    background-color: #0C0C0C;
    height: auto;
}

.big-cta-terminal .terminal-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 1700px;
    padding: 40px 0;
    color: var(--begoat-white);
    height: auto;
}

.big-cta-terminal .info-begoat-terminal-text {
    margin-top: 0;
    margin-bottom: 1rem;
}

.big-cta-terminal .info-form-container .info div {
    position: relative;
}

.big-cta-terminal .info span, .big-cta-terminal .info div {
    font-size: 1rem;
    flex-shrink: initial;
}

.info-form-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    width: 35%;
    /* height: 500px; */
    height: auto;
}

.info-form-container .form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.info-form-container .form input {
    color: var(--begoat-cyan);
    background-color: black;
    outline: none;
    border: 2px solid white;
    padding: 4px 6px;
    font-family: 'Rajdhani';
    font-size: 1rem;
    font-weight: var(--begoat-font-weight);
    box-sizing: border-box;
}

.info-form-container .form .button {
    color: #000000;
    background-color: rgb(255, 255, 255);
    outline: none;
    border: 4px solid var(--begoat-cyan);
    border-style: none none solid none;
    padding: 0.25em 0.5em;
    font-family: 'Rajdhani';
    font-size: 1rem;
    font-weight: var(--begoat-font-weight-bold);
    cursor: pointer;
}

.info-form-container .form input,  .info-form-container .form button{
    width: 230px;
}

.big-cta-terminal .terminal-content .logo-container{
    padding: 0;
    width: 500px;
}

.logo-animation-cta {
    font-family: 'Cousine';
    user-select: none;
    color: var(--begoat-white);
    font-size: 0.5rem;
    /* line-height: 12.81px; */
    letter-spacing: 0.7px;
    transform: translateX(10%);
}
/* Koniec duzego terminal cta */

/* Style do faq */
.faq-section {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.faq-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
}

.faq-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-image: var(--begoat-texture-scratches);
    opacity: 0.5;
    background-size: cover;
    mix-blend-mode: hard-light;
    filter: contrast(200%);
    z-index: 1;
}

.faq-main {
    display: flex;
    flex-direction: column;
    z-index: 2;
    max-width: 1500px;
    margin: 0  7rem;
    padding: 50px 0;
}

.faq-title {
    color: var(--begoat-white);
    font-size: 3rem;
    font-weight: var(--begoat-font-weight);
    margin-bottom: 1.5rem;
}

.faq-questions-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
}

.faq-question {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 45%;
    font-size: 2rem;
}

.question-title {
    color: var(--begoat-cyan);
    font-weight: var(--begoat-font-weight-bold);
}

.question-answer {
    color: var(--begoat-white);
}

/* Style do footer */
.footer {
    display: flex;
    justify-content: center;
    border: 3px solid var(--begoat-cyan);
    border-left: none;
    border-right: none;
    background-image: url('/content/files/8/2/decc7fc6a82f1ec5d0062b1756631e63dac9e3bf.webp');
    background-size: auto 800px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.footer-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1700px;
    backdrop-filter: brightness(0.5);
}

.company-info, .useful-links, .contact {
    display: flex;
    flex-direction: column;
    margin: 2.5rem 0;
    font-size: 1.2rem;
    color: var(--begoat-white);
}

.company-info {
    margin-left: 7rem;
}

.contact {
    margin-right: 7rem;
}

.company-info img {
    width: 150px;
    margin-bottom: 1rem;
}

.company-info span {
    margin-bottom: 0.5rem;
}

.useful-links span {
    font-weight: var(--begoat-font-weight-bold);
    margin-bottom: 2rem;
}

.useful-links a {
    margin-bottom: 0.5rem;
    user-select: none;
    cursor: pointer;
    outline: none;
}

.contact span {
    font-weight: var(--begoat-font-weight-bold);
    margin-bottom: 2rem;
}

.contact button {
    margin-bottom: 1rem;
}

.contact .contact-btn {
    color: #000000;
    background-color: rgb(255, 255, 255);
    outline: none;
    border: 4px solid var(--begoat-cyan);
    border-style: none none solid none;
    padding: 0.25em 0.5em;
    font-family: 'Rajdhani';
    font-size: 1rem;
    font-weight: var(--begoat-font-weight-bold);
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}
/* Koniec footera */

/* Media extra extra large */
@media(min-width: 1400px) {
    .terminal-content .begoat-terminal-text {
        font-size: 0.7rem;
    }

    .terminal2 {
        width: 700px;
        top: -515px;
    }

    .agreement-container {
        gap: 15px;
    }

    .terminal-content .input, .terminal-content .button, .info-form-container .form input, .info-form-container .form .button, .contact .button {
        font-size: 1.2rem;
    }

    .big-cta-terminal .info span {
        flex-shrink: initial;
    }
}

/* Media large */
@media(max-width: 1400px) {
    
    .left-header {
        /* width: 40%; */
        margin-left: 5rem;
    }
    
    .heading-text {
        padding-top: 10rem;
        font-size: 4rem;
    }

    .autotype-container {
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
    }

    .autotype-bg {
        height: 4rem;
        width: 26.5rem;
        top: 0.5rem;
    }

    .right-header {
        margin-right: 5rem;
        gap: 40px;
    }
    
    
    .terminal-content .regular-terminal-text {
        font-size: 1rem;
        font-weight: 400;
        margin: 0;
    }

    .agreement-text {
        font-size: 1rem;
        font-weight: 400;
        margin: 0;
    }
    
    .terminal2 {
        top: -505px;
    }
    
        
    .challanges-image {
        right: 30px;
    }
}

/* Media large */
@media(max-width: 1200px) {
    .navbar .logo {
        margin-left: 5rem;
    }

    .navbar ul {
        margin-right: 1.5rem;
    }

    .navbar ul li a{
        font-size: 1rem;
    }

    .left-header {
        width: 45%;
        margin-left: min(5rem, calc(15vw - 5rem));
    }

    .right-header {
        margin-right: min(5rem, calc(15vw - 5.1rem));
        gap: 35px;
    }

    
    .autotype-bg {
        width: 26rem;
    }



    .terminal1 {
        width: 100%;
    }


    .terminal-content .begoat-terminal-text {
        font-size: 6px;
    }

    .terminal-content .input {
        width: 16em;
        border: 2px solid white;
        padding: 4px 6px;
        font-size: 0.8rem;
    }

    .terminal-content .button {
        width: 16em;
        border: 2px solid var(--begoat-cyan);
        border-style: none none solid none;
        padding: 0.25em 0.5em;
        font-size: 0.8rem;
    }

    .terminal1 .terminal-content, .terminal2 .terminal-content {
        gap: 10px;
        padding: 10px 20px;
        padding-bottom: 20px;
    }

    .terminal-content .regular-terminal-text {
        font-size: 0.9rem;
        font-weight: 400;
        margin: 0;
    }

    .agreement-container {
        gap: 10px;
    }

    .agreement-text {
        font-size: 0.9rem;
        font-weight: 400;
        margin: 0;
    }

    .checkboxOverride {
        width: 10px;
    }
    
    .checkboxOverride label {
        border: 2px solid #ffffff;
        height: 8px;
        width: 8px;
    }
      
    .checkboxOverride label:after {
        border: 2px solid var(--begoat-cyan);
        border-top: none;
        border-right: none;
        height: 30%;
        width: 65%;
        left: 6.3%;
        top: 15%;
        opacity: 0;
    }
    
    .logo-animation-container {
        width: 80%;
    }

    .custom-tile {
        width: 180px;
        height: 221px;
        
    }

    .tile-wrapper {
        width: 180px;
    }

    .tile-text {
        font-size: 1.3rem;
        top: 230px;
    }

    .blue-stripe {
        width: 6.45px;
    }

    .purple-stripe {
        width: 6.45px;
    }

    .logo-container {
        display: none;
    }

    /* About */
    .logo-sygnet {
        width: 72px;
    }

    .about-title {
        font-size: 2.5rem;
    }

    .about-text {
        font-size: 1.5rem;
    }

    .terminal2 {
        top: -410px;
    }

    .about-container {
        margin-top: 110px;
    }

    .gaming-essence-container {
        margin-top: 450px;
        padding-bottom: 120px;
    }
    
    .gaming-essence-container .purple-frame {
        width: 75%;
        z-index: 1;
    }
    
    .essence-text-container .text-columns-container .column .text {
        font-size: min(1.75vw, 36.5px);
    }

    
    .gaming-essence-container .sofa-characters {
        width: min(65vw, 1255px);
        top: min(35vw, 648px);
    }
    
    .essence-text-container .text-columns-container .column {
        width: min(22vw, 439px);
    }

    /* Fav games */
    .fav-games-section {
        min-height: 525px;
    }

    .games-text-container {
        margin-top: 5rem;
        margin-left: 5rem;
        margin-bottom: 5rem;
        gap: 43px;
    }

    .section-header {
        font-size: 2.5rem;
    }
    
    .section-text {
        font-size: 1.5rem;
    }

    .fav-games-image {
        width: 561px;
    }

    /* Challanges */
    .challanges-section {
        min-height: 525px;
    }

    .challanges-text-container {
        margin-top: 5rem;
        margin-right: 5rem;
        margin-bottom: 5rem;
        gap: 43px;
    }

    .challanges-img-container {
        width: 600px;
    }

    .challanges-image {
        width: 490px;
        right: 50px;
    }

    /* Rewards */
    .rewards-section {
        min-height: 525px;
    }

    .rewards-text-container {
        margin-top: 5rem;
        margin-left: 5rem;
        margin-bottom: 5rem;
        gap: 43px;
    }

    .rewards-image {
        width: 650px;
        left: 50px;
    }

    /* Tournaments */
    .tournaments-section {
        min-height: 525px;
    }

    .tournaments-text-container {
        margin-top: 5rem;
        margin-right: 5rem;
        margin-bottom: 5rem;
        gap: 43px;
    }

    .tournaments-image {
        width: 280px;
        right: 80px;
    }

    /* Account */
    .account-section {
        min-height: 525px;
    }

    .account-text-container {
        margin-top: 5rem;
        margin-left: 5rem;
        margin-bottom: 5rem;
        gap: 43px;
    }

    .account-image {
        width: 500px;
    }

    /* Big cta */
    .big-cta-terminal .terminal-content {
        justify-content: unset;
    }


    .info-form-container {
        margin: 0 5rem;
        width: 100%;
    }
    
    /* Faq */
    .faq-main {
        margin: 0 5rem;
    }

    .faq-row {
        flex-direction: column;
        gap: 40px;
    }

    .faq-question {
        width: 100%;
        font-size: 1.5rem;
    }

    /* Footer */
    .company-info {
        margin-left: 5rem;
    }

    .contact {
        margin-right: 5rem;
    }
}

/* Media medium */
@media(max-width: 992px) {
    .heading-text {
        font-size: 3rem;
    }

    .autotype-bg {
        height: 3rem;
        width: 21rem;
        top: 0.4rem;
    }

    .autotype-container {
        height: 3.8rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .autotype-line {
        line-height: 4rem;
    }

    .tiles-column {
        gap: 110px;
    }

    .custom-tile {
        width: 150px;
        height: 184px;
    }

    .tile-wrapper {
        width: 150px;
    }

    .tile-text {
        font-size: 1.1rem;
        top: 195px;
    }

    .blue-stripe {
        width: 6px;
    }

    .purple-stripe {
        width: 6px;
    }
    
    .terminal-content .regular-terminal-text {
        font-size: min(0.9rem, 1.8vw);
    }

    .logo-animation {
        transform: translateX(5%);
    }

    .terminal2 {
        top: max(-430px,calc(25vw - 655px));
    }
    
    .section-text {
        font-size: 1.3rem;
    }

    .challanges-main .desktop {
        display: none;
    }

    .challanges-img-container {
        width: 400px;
    }

    .challanges-main .mobile {
        display: block;
        width: 360px;
        right: -30px;
    }
    
    .faq-question {
        font-size: 1.3rem;
    }
}

@media(max-width: 920px) {
    .heading-text {
        font-size: min(2.5rem, 5vw);
    }

    .autotype-bg {
        height: min(3rem, 5vw + 0.5rem);
        width: min(21rem, calc(40vw - 3rem));
        top: 0.4rem;
    }

    .autotype-line {
        line-height: 4rem;
    }

    .logo-animation {
        transform: translateX(12%);
    }
}

/* Media small (mobilne) */
@media(max-width: 768px) {
    .right-header {
        margin: 0;
        width: 100%;
        justify-content: space-between;
        margin: 0 8vw;
    }

    .tiles-column .blue-stripe {
        width: 1vw;
        top: -175vw;
        left: -0.5vw;
    }

    .tiles-column .purple-stripe {
        width: 1vw;
        top: -180vw;
        left: unset;
        right: 2vw;
    }

    .tiles-column {
        gap: 22vw;
    }

    .left-tiles-column {
        padding-top: 20vw;
    }   
    
    .right-tiles-column {
        padding-top: 10vw;
    }

    .tile-wrapper .custom-tile {
        width: 30vw;
        height: 30vw;
    }

    .tile-wrapper .tile-text{
        padding-left: 2vw;
        font-size: 4vw;
        top: 31vw;
    }

    .right-tiles-column .tile-text {
        padding-left: 0;
        padding-right: 3vw;
    }

    .tiles-column .tile-wrapper {
        width: 32vw;
        gap: 2vw;
    }

    .custom-tile img {
        width: 100%;
        height: auto;
    }

    .tiles-column .mobile {
        display: block;
    }

    .tiles-column .desktop {
        display: none;
    }

    .terminal1, .logo-animation-container, .logo-animation {
        display: none;
    }

    .navbar .menu {
        display: none;
        margin-right: 0vw;
        padding: 0;
    }
    
    .navbar .menu li a {
        font-size: 4vw;
        padding: 0 2vw;
        margin: 0;
    }

    .menu-container {
        display: flex;
        flex-direction: row;
        gap: 4vw;
    }

    .navbar .menu.show {
        display: flex;
    }

    .tgl-btn {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 2vw;
        width: 6vw;
    }

    .navbar {
        margin-top: min(30px, 4vw);
    }

    .navbar .logo {
        margin-left: 10vw;
        margin-top: 0rem;
    }
    
    .navbar .logo img {
        height: 8vw;
        min-height: 25px;
        max-height: 50px;
    }

    .custom-tile {
        width: 40vw;
        height: 40vw;
    }

    .tile-wrapper {
        width: 41vw;
    }

    .left-header .heading-text {
        padding-top: 4vw;
    }

    .left-header {
        width: 100%;
        margin: 0 10vw;
    }

    .left-header .heading-text span {
        font-size: 9vw;
    }

    .autotype-container {
        height: 11vw;
        margin-top: 0.8vw;
        margin-bottom: 0.8vw;
    }

    .autotype-bg {
        height: 10vw;
        width: 60vw;
        top: 0.5vw;
    }

    .autotype-line {
        line-height: 10.5vw;
    }

    .video-container, .video-container.empty {
        width: unset;
        margin-left: 8vw;
        margin-right: 8vw;
        margin-top: 40vw;
        margin-bottom: 15vw;
    }
    
    .video-container.empty {
        margin-bottom: 0;
    }

    .beGOAT-graffiti-container .gradient-container {
        height: 20vw;
    }

    .about-container {
        gap: 8vw;
        margin-top: 15vw;
    }

    .logo-text .logo-sygnet {
        width: 17vw;
        height: auto;
    }

    .logo-text .about-title {
        font-size: 7vw;
    }

    .about-text {
        font-size: 4.5vw;
    }

    .gaming-essence-container {
        margin-top: 15vw;
        padding-bottom: 8vw;
    }

    .gaming-essence-container .desktop {
        display: none;
    }

    .gaming-essence-container .mobile {
        display: block;
        margin: 0 8vw;
        width: 100%;
        height: auto;
    }

    .gaming-essence-container .essence-text-container .text-columns-container {
        flex-direction: column;
    }

    .essence-text-container .text-columns-container .column {
        width: 76vw;
    }

    .gaming-essence-container .essence-text-container .title {
        font-size: 4.75vw
    }

    .essence-text-container .text-columns-container .column .header {
        font-size: 4.4vw;
    }

    .essence-text-container .text-columns-container .column .text {
        font-size: 3.85vw;
    }

    .gaming-essence-container .sofa-characters {
        width: 60vw;
        left: 20.5vw;
        top: 112vw;
        /* bottom: 5vw; */
    }

    .terminal2 {
        display: none;
    }

    /* Style do sekcji kafelkowych */
    .account-section, .fav-games-section {
        overflow-x: hidden;
    }

    .fav-games-section, .challanges-section, .rewards-section, .tournaments-section, .account-section {
        min-height: max(40vh, 24em);
    }

    .section-header {
        font-size: 6vw;
    }


    .games-text-container, .rewards-text-container, .account-text-container, .challanges-text-container, .tournaments-text-container  {
        margin: 8vw;
        gap: 2vw;
        width: 80%;
    }

    .account-text-container {
        width: 70%;
    }

    .challanges-text-container, .tournaments-text-container {
        margin-left: auto;
        gap: 2vw;
        width: 55%;
    }

    .section-text {
        font-size: 4vw;
        width: 70%;
        z-index: 1;
    }

    .challanges-text-container .section-text, .tournaments-text-container .section-text {
        width: 100%;
        margin-right: 8vw;
    }

    .games-img-container, .challanges-img-container, .rewards-img-container, .tournaments-img-container, .account-img-container {
        width: auto;
    }

    .fav-games-image {
        width: 115vw;
        left: -35vw;
    }

    .challanges-main .desktop {
        display: none;
    }    

    .challanges-main .mobile {
        display: block;
        width: 55vw;
        right: -40vw;
    }

    .rewards-image {
        width: 65vw;
        left: -35vw;
    }

    .tournaments-image {
        width: 50vw;
        right: -30vw;
    }

    .account-image {
        width: 88vw;
        left: -40vw;
    }
    /* Koniec styli do sekcji kafelkowych */

    .footer-main {
        flex-direction: column;
    }

    .company-info, .useful-links, .contact {
        margin: 4vw 8vw;
    }

    .company-info img {
        width: 30vw;
    }

    .company-info span, .useful-links span, .useful-links a, .contact span, .contact a {
        font-size: 4vw;
    }

    .contact .contact-btn {
        max-width: 280px;
    }
    
    .info-form-container .info {
        margin-bottom: 1em;
    }

    .terminal-content .logo-container {
        display: none;
    }

    .info-form-container {
        margin: 0;
    }

    .info-form-container .form {
        margin: 0;
    }

    .big-cta-terminal .terminal-content {
        padding: 6vw;
    }

    .info-form-container .form input,  .info-form-container .form button{
        width: 100%;
    }

    .faq-main {
        margin: 8vw 8vw;
        padding: 0;
    }

    .faq-title {
        font-size: 7vw;
    }

    .question-title {
        font-size: 5vw;
    }

    .question-answer {
        font-size: 4vw;
    }

    .faq-row, .faq-questions-container {
        gap: 5vw;
    }
}.left-header-simple {
    width: 80%;
    max-width: min(80vw,1200px);
    margin: 0 auto;
}

.right-header-simple {
    width: 40%;
    padding-top: 11rem;
}

.heading-img {
    height: auto;
    max-width: 50%;
    object-fit: contain;
}

.content-page {
    padding-top: 2.5em;
    width: 100%;
}

.content-empty {
    height: min(20vh,20vw);
}

.content-frame {
    margin: 0 auto;
    width: min(80vw,1200px);
    border: 1px solid var(--begoat-white);
    background-color: var(--begoat-dark);
    padding: 1em;
    color: var(--begoat-light);
    
}.cookie-popup{
  position: fixed;
  width: 100%;
  background-color: #000000c0;
  border-top: 4px solid var(--begoat-violet);
  bottom: 0px;
  z-index: 50;
  display: none;
  padding: 1em 0.5em;
  font-size: 1.25rem;
}

.cookie-popup .button {
    font-size: 1.25rem;
}

.cookie-popup.show{
  display: flex;
}
.cookie-popup .content{
  max-width: 85%;
}

.cookie-popup .content{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px){
  .cookie-popup .content{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.cookie-popup .content{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px){
  .cookie-popup .content{
    flex-direction: row;
  }
}
.cookie-popup .content{
  row-gap: 1rem;
}
@media (min-width: 768px){
  .cookie-popup .content{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
.cookie-popup .content p{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: center;
}
@media (min-width: 768px){
  .cookie-popup .content p{
    text-align: left;
  }
}.error-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: min(70px, 2vw);
    color: white;
    padding-bottom: 5em;
    margin: 0 auto;
    padding-top: min(5vw, 10em);
}

.error-container .error-ascii-art {
    font-size: 0.4rem;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
}

.error-container .error-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25em;
    justify-content: center;
}

.error-container .header-text {
    font-size: min(4rem, 7vw);
}

.error-container .glitch, .error-container .header-text {
    margin: 0;
    font-weight: 600;
    text-align: center;
}

.error-container p {
    padding: 0.5rem 1rem;
    font-size: min(1.5rem, 4vw);
}

.error-container .error-img {
    width: 250px;
}

.error-container .glitch {
    font-size: min(5rem, 25vw);
    position: relative;
    text-shadow: 0.05em 0 0 #05F4F9, -0.03em -0.04em 0 #8400FF,
      0.025em 0.04em 0 #05F4F9;
}
  
.error-container .glitch span {
    position: absolute;
    top: 0;
    left: 0;
}
  
.error-container .glitch span:first-child {
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
    transform: translate(-0.04em, -0.03em);
    opacity: 0.75;
}
  
.error-container .glitch span:last-child {
    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
    transform: translate(0.04em, 0.03em);
    opacity: 0.75;
}.glitchy {
   position: relative;
   color: #fff;
   z-index: 1;
}

.glitchy:before,
.glitchy:after {
   display: block;
   content: attr(data-text);
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0.8;
}

.glitchy:before {
   animation: glitchy-color 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
   color: var(--begoat-cyan);
   z-index: -1;
}

.glitchy:after {
   animation: glitchy-color 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
   color: var(--begoat-violet);
   z-index: -2;
}

@keyframes glitchy-color {
   0% {
      transform: translate(0);
   }

   20% {
      transform: translate(-2px, 2px);
   }

   40% {
      transform: translate(-2px, -2px);
   }

   60% {
      transform: translate(2px, 2px);
   }

   80% {
      transform: translate(2px, -2px);
   }

   to {
      transform: translate(0);
   }
}.navbar-link .digi-langs {
    display: inline-flex;
    gap: 0.25rem;
}
.navbar-link .digi-langs img {
    max-width: 1.5rem;
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.lang-one {
    padding: 0.15em 0.25em;
    color: var(--begoat-light);
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.lang-one:hover {
    color: var(--begoat-cyan);
}

.lang-current {
    background-color: var(--begoat-violet);
}

.navbar-link:hover .digi-langs img, .lang-one:hover img {
    transform: scale(1.1);
}

.hidden {
    display: none;
}

/**************************** MODAL ***************************/

.modal-dialog {
    max-width: 800px;
    width: min(95vw,800px);
    background-color: #0c0c0c;
    border: 1px solid var(--begoat-white);
}

.modal-body {
    padding: 0 !important;
}

.modal-header {
    background-color: #505050;
    padding: 0;
    padding-left: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
}

.modal-header h3 {
    background-color: #0c0c0c;
    padding: 0.3em 1em;
    color: var(--begoat-white);
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: var(--begoat-font-weight-bold);
    height: 2em;
}

.modal-header .buttons {
    padding: 0.5em 0.75em;
    height: 2.5em;
    cursor: pointer;
}

.modal-header .buttons img {
    height: 100%;
    transition-property: all;
    transition-duration: var(--begoat-transition-time);
}

.modal-header .buttons:hover img {
    transform: scale(1.1);
}

.modal-content {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
}

.modal-languages {
	display: grid;
  	grid-template-columns: repeat(auto-fill,minmax(140px, 1fr));
    gap: 1em;
    padding: 1.5em;
}

.modal-languages img {
	height: 1.25rem;
	width: 2rem;
	object-fit: cover;
	margin-right: 0.5em;
}

.modal-languages div {
	white-space: nowrap;	
}

.modal-languages div a {
   	display: flex;
    flex-direction: row;
    align-items: center;
}

.tobii__btn.tobii__btn--close {
    display: none !important;
}