:root {
  --fh-ink: #20202a;
  --fh-muted: #5a6472;
  --fh-line: #dfe5ec;
  --fh-coral: #ff5a3d;
  --fh-cyan: #19b6c7;
  --fh-green: #43aa8b;
  --fh-yellow: #ffd166;
  --fh-bg: #f7f8fb;
}

html {
  background: var(--fh-bg);
}

body {
  background:
    radial-gradient(circle at 18% 0, rgba(25, 182, 199, .12), transparent 30rem),
    radial-gradient(circle at 86% 8%, rgba(255, 90, 61, .10), transparent 28rem),
    var(--fh-bg) !important;
  color: var(--fh-ink) !important;
  letter-spacing: 0;
}

.header {
  position: sticky !important;
  top: 0;
  z-index: 200;
  background: rgba(255, 255, 255, .9) !important;
  border-bottom: 1px solid rgba(32, 32, 42, .08);
  box-shadow: 0 14px 40px rgba(32, 32, 42, .08) !important;
  backdrop-filter: blur(16px);
}

.header__in {
  min-height: 4.5rem !important;
}

.header__logo {
  display: flex !important;
  align-items: center;
  width: 13rem !important;
  height: 4.5rem !important;
}

.header__logo img {
  width: auto !important;
  max-width: 100% !important;
  height: 3.5rem !important;
}

.btn__menu_icon,
.m-slider__dots li.m-slider__dots--selected {
  fill: var(--fh-coral) !important;
}

.main-nav {
  background: rgba(32, 32, 42, .97) !important;
  border-left: 1px solid rgba(255, 255, 255, .12);
  box-shadow: -24px 0 60px rgba(0, 0, 0, .22);
}

.main-nav__link {
  color: #fff !important;
  font-size: clamp(1.15rem, 2.4vw, 1.75rem) !important;
  letter-spacing: 0 !important;
}

.main-nav__link:hover,
.footer__nav-link:hover {
  color: var(--fh-yellow) !important;
  text-decoration: none !important;
}

.main--index-page,
.all-games {
  padding: 2rem 0 3rem;
}

.fh-home-intro {
  max-width: 82rem;
  margin: 0 auto;
  padding: .5rem .94rem 1.25rem;
}

.fh-home-intro h1 {
  max-width: 48rem;
  margin: 0 0 .65rem;
  color: var(--fh-ink);
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0;
}

.fh-home-intro p {
  max-width: 44rem;
  margin: 0;
  color: var(--fh-muted);
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
}

.page-wrapper {
  max-width: 82rem !important;
}

.game-lists__container {
  justify-content: flex-start !important;
  gap: 1.1rem;
}

.game-lists__item {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 40rem) {
  .game-lists__item {
    max-width: calc(25% - .85rem) !important;
  }
}

@media screen and (max-width: 39.99rem) {
  .game-lists__container {
    gap: .85rem;
  }

  .game-lists__item {
    max-width: calc(50% - .43rem) !important;
  }
}

.game-thumb,
.megagame {
  border: 1px solid rgba(32, 32, 42, .08) !important;
  border-radius: .85rem !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(32, 32, 42, .09) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.game-thumb:hover,
.megagame:hover {
  border-color: rgba(255, 90, 61, .34) !important;
  box-shadow: 0 20px 48px rgba(32, 32, 42, .14) !important;
  transform: translateY(-3px);
}

.game-thumb__item,
.megagame__item {
  border-radius: .85rem !important;
}

.game-thumb__thumb-container,
.megagame__thumb-container {
  background: linear-gradient(135deg, rgba(25, 182, 199, .12), rgba(255, 209, 102, .14));
}

.game-thumb__thumb,
.megagame__thumb {
  transition: transform .22s ease;
}

.game-thumb:hover .game-thumb__thumb,
.megagame:hover .megagame__thumb {
  transform: scale(1.035);
}

.game-thumb__title,
.megagame__title,
.m-slider__title {
  background: #fff !important;
  color: var(--fh-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.game-lists__title,
.slider-section__title,
.main-page-title,
.v-static-page h1,
.v-static-page h2,
.about__title {
  color: var(--fh-ink) !important;
  letter-spacing: 0 !important;
}

.game-lists,
.game-lists--blue,
.top-nav,
.slider-section,
.banners-section {
  background: transparent !important;
}

.btn__more,
.contact-form__submit {
  background: var(--fh-coral) !important;
  border-radius: .7rem !important;
  box-shadow: 0 14px 28px rgba(255, 90, 61, .22) !important;
}

.btn,
.m-slider__next-btn,
.m-slider__prev-btn {
  background: var(--fh-coral) !important;
}

.v-static-page {
  max-width: 58rem !important;
  padding: 3rem 1rem !important;
}

.v-static-page p,
.v-static-page li,
.about p {
  color: var(--fh-muted) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

.v-static-page a {
  color: var(--fh-cyan) !important;
}

.footer {
  background: #20202a !important;
  box-shadow: 0 -14px 40px rgba(32, 32, 42, .16) !important;
}

.footer__copyright {
  background: #171821 !important;
  box-shadow: none !important;
}

.cookie-banner__inner {
  background: rgba(32, 32, 42, .96) !important;
}

.cookie-banner__btn {
  background: var(--fh-green) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}