:root {
  --tc-midnight: #030a1a;
  --tc-navy: #07152f;
  --tc-blue: #0876f9;
  --tc-cyan: #37c8ff;
  --tc-gold: #f4b840;
  --tc-white: #ffffff;
  --tc-muted: #b9c8df;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

[id] {
  scroll-margin-top: 82px;
}

body, .page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.tc-header, .tc-hero {
  width: 100%;
  max-width: 100vw;
}

.tc-header, .tc-header *, .tc-hero, .tc-hero * {
  animation: none !important;
}

.tc-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  background: #07152f;
  box-shadow: 0 10px 30px rgba(3, 10, 26, .2);
}

.tc-header__inner {
  width: min(1380px, calc(100% - 48px));
  min-height: 68px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
  max-width: 100%;
}

.tc-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
  flex: 0 0 auto;
}

.tc-brand__mark {
  width: 23px;
  height: 23px;
  display: block;
  position: relative;
  flex: 0 0 23px;
}

.tc-brand__spark {
  position: absolute;
  inset: 0;
  background: #f13a45;
  clip-path: polygon(50% 0, 62% 34%, 88% 12%, 66% 39%, 100% 50%, 66% 61%, 88% 88%, 62% 66%, 50% 100%, 38% 66%, 12% 88%, 34% 61%, 0 50%, 34% 39%, 12% 12%, 38% 34%);
}

.tc-brand__name {
  display: grid;
  line-height: 1;
}

.tc-brand__name strong {
  font: 700 21px/1 Montserrat, sans-serif;
  letter-spacing: -.04em;
}

.tc-brand__name small {
  margin-top: 4px;
  color: #aebbd1;
  font: 700 9px/1 Montserrat, sans-serif;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.tc-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: clamp(18px, 2vw, 34px);
}

.tc-nav a {
  position: relative;
  padding: 24px 0 22px;
  color: #c7d2e5;
  font: 600 13px/1 Montserrat, sans-serif;
  text-decoration: none;
  transition: color .2s ease;
}

.tc-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 15px;
  height: 2px;
  background: var(--tc-cyan);
  transition: right .2s ease;
}

.tc-nav a:hover, .tc-nav a:focus-visible {
  color: #ffffff;
}

.tc-nav a:hover::after, .tc-nav a:focus-visible::after {
  right: 0;
}

.tc-play-button {
  min-width: 136px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 22px;
  border: 1px solid #ff7f73;
  border-radius: 8px;
  background: linear-gradient(135deg, #ff8a76, #ff6f72);
  color: var(--tc-white);
  font: 700 13px/1 Montserrat, sans-serif;
  letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(255, 103, 104, .24), inset 0 1px rgba(255,255,255,.28);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.tc-play-button:hover, .tc-play-button:focus-visible {
  color: var(--tc-white);
  background: linear-gradient(135deg, #ff9b82, #ff6370);
  box-shadow: 0 14px 34px rgba(255, 99, 107, .34);
  transform: translateY(-2px);
}

.tc-hero {
  position: relative;
  min-height: calc(100vh - 68px);
  min-height: calc(100svh - 68px);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background: #07152f url("../images/total-casino-digital-hero.png") 50% 50% / cover no-repeat;
}

.tc-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:     linear-gradient(90deg, rgba(3,10,26,.90) 0%, rgba(3,10,26,.72) 31%, rgba(3,10,26,.18) 57%, rgba(3,10,26,.04) 100%),     linear-gradient(180deg, rgba(3,10,26,.08), rgba(3,10,26,.26));
}

.tc-hero__content {
  width: min(1380px, calc(100% - 48px));
  margin: 0 auto;
  padding: 44px 0 52px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transform: none !important;
}

.tc-hero__eyebrow {
  margin: 0 0 16px;
  color: #72d9ff;
  font: 700 12px/1.2 Montserrat, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow: 0 3px 15px rgba(3, 10, 26, .7);
}

.tc-hero h1 {
  width: min(680px, 100%);
  margin: 0;
  color: #ffffff;
  font: 700 clamp(43px, 4.25vw, 66px)/1.04 "Exo 2", Montserrat, sans-serif;
  letter-spacing: -.035em;
  text-shadow: 0 8px 30px rgba(3, 10, 26, .38);
}

.tc-hero h1 .tc-hero__brand {
  display: block;
  color: #ffffff;
  font-size: 1em;
}

.tc-hero h1 .tc-hero__tagline {
  display: block;
  margin-top: 8px;
  color: #8fe5ff;
  font-size: .64em;
  letter-spacing: -.02em;
}

.tc-hero__copy {
  width: min(620px, 100%);
  margin: 22px 0 26px;
  color: #d9e5f5;
  font: 400 17px/1.6 "Open Sans", sans-serif;
  text-shadow: none;
}

.tc-play-button--hero {
  min-width: 170px;
  padding: 17px 30px;
  font-size: 14px;
}

.tc-hero__legal {
  margin: 16px 0 0;
  color: #b9c8df;
  font: 600 10px/1.4 Montserrat, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-shadow: none;
}

.tc-hero__legal span {
  margin: 0 6px;
  color: #ff7472;
}

.tc-menu-toggle {
  display: none;
}

@media (max-width: 1050px) {
  .tc-header__inner {
    gap: 18px;
  }

  .tc-nav {
    gap: 15px;
  }

  .tc-nav a {
    font-size: 11px;
  }

}

@media (max-width: 850px) {
  .tc-header__inner {
    width: min(100% - 30px, 1380px);
    min-height: 64px;
  }

  .tc-menu-toggle {
    display: grid;
    gap: 4px;
    width: 36px;
    margin-left: auto;
    padding: 7px;
    border: 0;
    background: transparent;
  }

  .tc-menu-toggle span {
    display: block;
    height: 2px;
    border-radius: 2px;
    background: #ffffff;
  }

  .tc-nav {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    display: none;
    padding: 14px 22px 20px;
    background: #07152f;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
  }

  .tc-nav.is-open {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 18px;
  }

  .tc-nav a {
    padding: 13px 0;
    font-size: 12px;
  }

  .tc-nav a::after {
    bottom: 7px;
  }

  .tc-play-button--header {
    min-width: 112px;
    padding: 12px 18px;
  }

  .tc-hero {
    min-height: calc(100vh - 64px);
    min-height: calc(100svh - 64px);
  }

  .tc-hero__content {
    width: min(100% - 36px, 1380px);
    margin: 0 auto;
  }

}

@media (max-width: 560px) {
  .tc-brand__name {
    display: none;
  }

  .tc-brand__mark {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
  }

  .tc-header__inner {
    gap: 12px;
  }

  .tc-menu-toggle {
    margin-left: auto;
  }

  .tc-hero {
    min-height: calc(100vh - 64px);
    min-height: calc(100svh - 64px);
    background-position: 44% center;
  }

  .tc-hero__veil {
    background: linear-gradient(90deg, rgba(3,10,26,.9), rgba(3,10,26,.52));
  }

  .tc-hero__content {
    padding: 34px 0 38px;
  }

  .tc-hero h1 {
    font-size: clamp(40px, 11vw, 56px);
  }

  .tc-hero h1 .tc-hero__tagline {
    font-size: .58em;
    line-height: 1.15;
  }

  .tc-hero__copy {
    font-size: 16px;
    line-height: 1.6;
  }

  .tc-hero__copy br {
    display: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .tc-play-button, .tc-nav a::after {
    transition: none;
  }

}

/* Total Casino Games */
.tc-games {
  position: relative;
  isolation: isolate;
  padding: 60px 0 70px;
  overflow: hidden;
  background:     linear-gradient(115deg, rgba(4,15,43,.96) 0%, rgba(16,43,91,.91) 42%, rgba(55,42,127,.84) 72%, rgba(17,83,150,.82) 100%),     url("../images/total-casino-digital-hero.png") 50% 48% / cover fixed;
  color: #172653;
}

.tc-games::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:     radial-gradient(circle at 16% 26%, rgba(55,200,255,.24), transparent 29%),     radial-gradient(circle at 84% 18%, rgba(234,112,255,.22), transparent 28%),     linear-gradient(180deg, rgba(3,10,26,.06), rgba(3,10,26,.32));
}

.tc-games__inner {
  width: min(1580px, calc(100% - 28px));
  margin: 0 auto;
}

.tc-games__header {
  max-width: 820px;
  margin: 0 auto 30px;
  text-align: center;
}

.tc-games__eyebrow {
  margin: 0 0 10px;
  color: #72d9ff;
  font: 700 11px/1.3 Montserrat,sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow: 0 3px 16px rgba(3,10,26,.45);
}

.tc-games__header h2 {
  margin: 0 0 14px;
  color: #fff;
  font: 700 clamp(34px,4vw,54px)/1.08 "Exo 2",sans-serif;
  text-shadow: 0 10px 30px rgba(3,10,26,.42);
}

.tc-games__header > p:last-child {
  margin: 0 auto;
  max-width: 780px;
  color: #dce8f7;
  font-size: 16px;
  line-height: 1.65;
  text-shadow: 0 3px 14px rgba(3,10,26,.42);
}

.tc-games__tabs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 7px;
  overflow-x: auto;
  padding: 0 2px;
}

.tc-games__tabs button,.tc-games__subtabs button {
  border: 1px solid #c6d5ea;
  background: #e3edf9;
  color: #405675;
  cursor: pointer;
  font: 700 12px/1 Montserrat,sans-serif;
}

.tc-games__tabs button {
  min-height: 48px;
  padding: 0 20px;
  border-color: rgba(198,213,234,.76);
  border-radius: 9px 9px 0 0;
  background: rgba(227,237,249,.9);
  white-space: nowrap;
  backdrop-filter: blur(10px);
}

.tc-games__tabs button span,.tc-games__subtabs button span {
  display: none;
  margin-left: 7px;
}

.tc-games__tabs button.is-active {
  padding-bottom: 3px;
  border-color: #0876f9;
  border-bottom-color: #fff;
  background: #fff;
  color: #172653;
}

.tc-games__tabs button.is-active span,.tc-games__subtabs button.is-active span {
  display: inline;
}

.tc-games__surface {
  position: relative;
  padding: 28px 30px 30px;
  border: 1px solid rgba(210,224,242,.92);
  border-radius: 0 16px 16px;
  background: rgba(250,252,255,.97);
  box-shadow: 0 24px 70px rgba(3,10,26,.3);
  backdrop-filter: blur(16px);
}

.tc-games__panel[hidden],.tc-games__grid[hidden],.tc-games__subcopy[hidden],.tc-games__category-copy[hidden],.tc-game-detail[hidden] {
  display: none !important;
}

.tc-games__intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  max-width: 1120px;
}

.tc-games__intro h3 {
  margin: 0 0 7px;
  color: #172653;
  font: 700 27px/1.2 "Exo 2",sans-serif;
}

.tc-games__intro p {
  max-width: 720px;
  margin: 0;
  color: #596d88;
  line-height: 1.55;
}

.tc-games__learn {
  flex: 0 0 auto;
  padding: 12px 16px;
  border: 1px solid #b9cbe2;
  border-radius: 8px;
  background: #f5f8fc;
  color: #233b60;
  cursor: pointer;
  font: 700 11px/1 Montserrat,sans-serif;
}

.tc-games__learn span {
  display: inline-block;
  margin-left: 8px;
  transition: transform .2s;
}

.tc-games__learn[aria-expanded="true"] span {
  transform: rotate(180deg);
}

.tc-games__category-copy {
  max-width: 760px;
  margin: 14px 0 0;
  padding: 13px 16px;
  border-left: 3px solid #0876f9;
  background: #eef5ff;
  color: #405675;
  line-height: 1.58;
}

.tc-games__category-copy p {
  margin: 0;
}

.tc-games__label {
  margin: 25px 0 10px;
  color: #8fa4c2;
  font: 700 10px/1.2 Montserrat,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tc-games__subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tc-games__subtabs button {
  padding: 11px 15px;
  border-radius: 20px;
}

.tc-games__subtabs button.is-active {
  border-color: #0876f9;
  background: #0876f9;
  color: #fff;
}

.tc-games__subcopy {
  margin: 13px 0 20px;
  color: #60728d;
  font-size: 14px;
}

.tc-games__grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px;
}

.tc-game {
  min-width: 0;
  padding: 0 0 14px;
  overflow: hidden;
  border: 1px solid #c7d6e9;
  border-radius: 11px;
  background: #f8fbff;
  color: #172653;
  text-align: left;
  cursor: pointer;
  transition: transform .2s,border-color .2s,box-shadow .2s;
}

.tc-game:hover {
  transform: translateY(-3px);
  border-color: #4b6f9f;
}

.tc-game:focus-visible,.tc-games button:focus-visible {
  outline: 3px solid #72d9ff;
  outline-offset: 3px;
}

.tc-game.is-selected {
  border-color: #37c8ff;
  box-shadow: 0 0 0 2px rgba(55,200,255,.2);
}

.tc-game img {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  object-fit: cover;
  background: #10294f;
}

.tc-game strong {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 11px 11px 6px;
  color: #172653;
  font: 700 12px/1.35 Montserrat,sans-serif;
}

.tc-game > span {
  display: inline-flex;
  margin: 0 11px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #f13a45;
  color: #fff;
  font: 700 10px/1 Montserrat,sans-serif;
}

.tc-game-detail {
  position: relative;
  width: min(760px, 100%);
  margin: 18px auto 0;
  padding: 20px 52px 18px 22px;
  border: 1px solid #91bce8;
  border-radius: 12px;
  background: #eef6ff;
  color: #405675;
  box-shadow: 0 12px 30px rgba(43,83,130,.12);
}

.tc-game-detail__close {
  position: absolute;
  top: 12px;
  right: 13px;
  width: 32px;
  height: 32px;
  border: 1px solid #9fb8d5;
  border-radius: 50%;
  background: #fff;
  color: #233b60;
  cursor: pointer;
  font-size: 21px;
}

.tc-game-detail__provider {
  margin: 0 0 5px;
  color: #72d9ff;
  font: 700 10px/1.2 Montserrat,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tc-game-detail h3 {
  margin: 0 0 8px;
  color: #172653;
  font-size: 21px;
}

.tc-game-detail h4 {
  margin: 13px 0 5px;
  color: #172653;
  font-size: 14px;
}

.tc-game-detail p {
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.55;
}

.tc-game-detail__note {
  color: #9db0c9;
  font-size: 12px;
}

@media(max-width:1050px) {
  .tc-games__grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
  }

  .tc-games__surface {
    border-radius:0 14px 14px
  }

}

@media(max-width:650px) {
  .tc-games {
    padding:48px 0 56px;
    background-attachment:scroll
  }

  .tc-games__inner {
    width:calc(100% - 28px)
  }

  .tc-games__header {
    margin-bottom:24px
  }

  .tc-games__tabs {
    justify-content:flex-start
  }

  .tc-games__tabs button {
    padding:0 15px
  }

  .tc-games__surface {
    padding:20px 14px;
    border-radius:0 12px 12px
  }

  .tc-games__intro {
    display:block
  }

  .tc-games__learn {
    margin-top:14px
  }

  .tc-games__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }

  .tc-game strong {
    min-height:55px;
    padding:9px 8px 5px;
    font-size:11px
  }

  .tc-game>span {
    margin:0 8px;
    padding:8px;
    font-size:9px
  }

  .tc-game-detail {
    padding:18px 44px 17px 17px
  }

}

/* Games: deep Total Casino palette */
.tc-games__tabs button {
  border-color: rgba(114, 217, 255, .24);
  background: rgba(7, 21, 47, .78);
  color: #b9cce5;
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.tc-games__tabs button:hover, .tc-games__tabs button:focus-visible {
  color: #fff;
  background: rgba(13, 44, 87, .94);
}

.tc-games__tabs button.is-active {
  border-color: #37c8ff;
  border-bottom-color: #0a2145;
  background: linear-gradient(180deg, #123b74, #0a2145);
  color: #fff;
  box-shadow: 0 -5px 22px rgba(55,200,255,.16), inset 0 1px rgba(255,255,255,.12);
}

.tc-games__surface {
  border-color: rgba(114, 217, 255, .28);
  background:     radial-gradient(circle at 92% 0%, rgba(104,71,216,.22), transparent 32%),     linear-gradient(145deg, rgba(7,24,54,.98), rgba(8,35,72,.97));
  box-shadow: 0 28px 80px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
}

.tc-games__intro h3 {
  color: #fff;
}

.tc-games__intro p {
  color: #b9cbe2;
}

.tc-games__learn {
  border-color: rgba(114,217,255,.36);
  background: rgba(14,46,91,.76);
  color: #dff7ff;
}

.tc-games__learn:hover {
  border-color: #72d9ff;
  background: #123e79;
}

.tc-games__category-copy {
  border-left-color: #37c8ff;
  background: linear-gradient(90deg, rgba(17,66,120,.84), rgba(72,52,139,.54));
  color: #deebf8;
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.tc-games__label {
  color: #7ddfff;
}

.tc-games__subtabs button {
  border-color: rgba(114,217,255,.28);
  background: rgba(16,46,88,.82);
  color: #bcd0e8;
}

.tc-games__subtabs button:hover {
  color: #fff;
  border-color: #72d9ff;
}

.tc-games__subtabs button.is-active {
  border-color: #37c8ff;
  background: linear-gradient(135deg, #0876f9, #6b48d8);
  color: #fff;
  box-shadow: 0 8px 22px rgba(8,118,249,.25);
}

.tc-games__subcopy {
  color: #aec3dc;
}

.tc-game {
  border-color: rgba(114,217,255,.2);
  background: linear-gradient(180deg, #102c57, #0b2143);
  color: #fff;
  box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.tc-game:hover {
  border-color: #72d9ff;
  box-shadow: 0 16px 34px rgba(0,0,0,.25), 0 0 0 1px rgba(55,200,255,.12);
}

.tc-game.is-selected {
  border-color: #72d9ff;
  box-shadow: 0 0 0 2px rgba(55,200,255,.25), 0 18px 38px rgba(0,0,0,.28);
}

.tc-game img {
  background: #081b39;
}

.tc-game strong {
  color: #f5f9ff;
}

.tc-game > span {
  background: linear-gradient(135deg, #ff796f, #f13a57);
  box-shadow: 0 7px 16px rgba(241,58,87,.2);
}

.tc-game-detail {
  border-color: rgba(114,217,255,.42);
  background:     radial-gradient(circle at 100% 0%, rgba(106,72,216,.3), transparent 38%),     linear-gradient(145deg, #102e5a, #0b2144);
  color: #d8e6f5;
  box-shadow: 0 18px 42px rgba(0,0,0,.3);
}

.tc-game-detail__close {
  border-color: rgba(114,217,255,.4);
  background: rgba(6,22,48,.72);
  color: #fff;
}

.tc-game-detail__provider {
  color: #72d9ff;
}

.tc-game-detail h3, .tc-game-detail h4 {
  color: #fff;
}

.tc-game-detail__note {
  color: #9fb5cf;
}

/* Uniform catalogue: the original cover remains fully visible on a square stage. */
.tc-games__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  justify-content: stretch;
  gap: 12px;
  max-width: none;
  margin: 0;
}

.tc-game {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto minmax(58px, auto);
  align-items: center;
  min-width: 0;
  height: 100%;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
}

.tc-game__cover {
  grid-column: 1 / -1;
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #081b39;
}

.tc-game__cover::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -10%;
  background-image: var(--game-cover);
  background-position: center;
  background-size: cover;
  filter: blur(19px) brightness(.48) saturate(.9);
  transform: scale(1.12);
}

.tc-game__cover::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,12,31,.08), rgba(2,12,31,.3));
}

.tc-game__cover img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: transparent;
}

.tc-game strong {
  min-height: 58px;
  padding: 11px 6px 11px 12px;
  line-height: 1.25;
  font-size: 11px;
}

.tc-game > span {
  justify-self: end;
  margin: 8px 10px 8px 4px;
  padding: 7px 8px;
  white-space: nowrap;
  font-size: 9px;
}

@media (max-width: 1050px) {
  .tc-games__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 650px) {
  .tc-games__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .tc-game {
    display: grid;
    grid-template-rows: auto minmax(70px, auto);
  }

  .tc-game strong {
    min-height: 70px;
    padding: 10px 6px 10px 10px;
  }

  .tc-game > span {
    margin: 8px 8px 8px 2px;
  }

}

/* Table Games use full-width artwork inside the uniform card stage. */
.tc-games__panel[data-games-panel="table"] .tc-game__cover img {
  object-fit: cover;
  object-position: center;
}

/* Live Games */
.tc-live {
  position: relative;
  scroll-margin-top: 84px;
  padding: 76px 0 82px;
  overflow: hidden;
  background:     radial-gradient(circle at 9% 12%, rgba(255,92,119,.2), transparent 25%),     radial-gradient(circle at 91% 6%, rgba(89,71,211,.3), transparent 31%),     linear-gradient(135deg, #070d21 0%, #0b1734 46%, #18123e 100%);
  color: #fff;
}

.tc-live::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 46%, rgba(114,217,255,.055) 46.2% 46.5%, transparent 46.7% 100%);
}

.tc-live__inner {
  position: relative;
  width: min(1580px, calc(100% - 28px));
  margin: 0 auto;
}

.tc-live__header {
  max-width: 850px;
  margin: 0 auto 34px;
  text-align: center;
}

.tc-live__eyebrow {
  margin: 0 0 9px;
  color: #ff8293;
  font: 700 11px/1.2 Montserrat,sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.tc-live__header h2 {
  margin: 0 0 14px;
  color: #fff;
  font: 700 clamp(34px,4vw,54px)/1.08 "Exo 2",sans-serif;
  text-shadow: 0 12px 34px rgba(0,0,0,.3);
}

.tc-live__header > p:last-child {
  max-width: 790px;
  margin: 0 auto;
  color: #c7d4e8;
  font-size: 16px;
  line-height: 1.65;
}

.tc-live__layout {
  display: grid;
  grid-template-columns: 278px minmax(0,1fr);
  gap: 22px;
  align-items: start;
}

.tc-live__rail {
  position: relative;
  min-width: 0;
}

.tc-live__tabs {
  display: grid;
  gap: 7px;
}

.tc-live__tabs button {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  min-height: 50px;
  padding: 0 19px;
  border: 1px solid rgba(139,171,216,.18);
  border-radius: 10px;
  background: rgba(8,24,52,.72);
  color: #afc2dc;
  cursor: pointer;
  text-align: left;
  font: 700 12px/1.2 Montserrat,sans-serif;
  transition: background .18s,border-color .18s,color .18s,transform .18s;
}

.tc-live__tabs button span {
  color: #6683aa;
  font-size: 9px;
  letter-spacing: .1em;
}

.tc-live__tabs button:hover {
  transform: translateX(3px);
  border-color: rgba(114,217,255,.52);
  color: #fff;
}

.tc-live__tabs button[aria-selected="true"] {
  border-color: #ff7189;
  background: linear-gradient(100deg, #f34d6d, #7a48d8);
  color: #fff;
  box-shadow: 0 12px 26px rgba(184,56,112,.22);
}

.tc-live__tabs button[aria-selected="true"] span {
  color: #ffe5ea;
}

.tc-live__tabs button:focus-visible,.tc-live button:focus-visible {
  outline: 3px solid #72d9ff;
  outline-offset: 3px;
}

.tc-live__rail-note {
  position:relative;
  width:100%;
  height:398px;
  margin:18px 0 0;
  padding:324px 22px 20px 66px;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(114,217,255,.16);
  border-radius:18px;
  background:radial-gradient(circle at 50% 38%,rgba(255,92,132,.2),transparent 43%),linear-gradient(155deg,rgba(11,36,75,.94),rgba(28,24,70,.9));
}

.tc-live__rail-note::before {
  content:"";
  position:absolute;
  inset:auto 18px 67px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(114,217,255,.42),transparent);
}

.tc-live__rail-note::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(114,217,255,.12),transparent);
  transform:translateX(-110%);
}

.tc-live__rail-note.is-pulsing::after {
  animation:tc-live-dealer-light 1.15s cubic-bezier(.2,.7,.2,1);
}

.tc-live__rail-note img {
  position:absolute;
  z-index:1;
  left:50%;
  bottom:54px;
  width:108%;
  max-width:none;
  height:326px;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.38));
}

.tc-live__rail-note span {
  position:absolute;
  z-index:2;
  left:33px;
  bottom:31px;
  width:14px;
  height:14px;
  border:3px solid #ff7189;
  border-radius:50%;
  box-shadow:0 0 18px rgba(255,113,137,.65);
}

.tc-live__rail-note strong,.tc-live__rail-note small {
  display:block;
}

.tc-live__rail-note strong,.tc-live__rail-note small {
  position:relative;
  z-index:2;
}

.tc-live__rail-note strong {
  font:700 17px/1 "Exo 2",sans-serif;
  letter-spacing:.12em;
}

.tc-live__rail-note small {
  margin-top:5px;
  color:#8fa6c8;
  font:600 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tc-live__stage {
  position:relative;
  min-width:0;
  min-height:420px;
  padding:28px 30px 30px;
  overflow:hidden;
  border:1px solid rgba(114,217,255,.16);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,27,58,.98),rgba(20,25,67,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.3);
}

.tc-live__stage::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(8,27,58,.52),rgba(19,27,70,.82) 55%,rgba(19,27,70,.96)),url("../images/total-casino-hero.png") left center/cover no-repeat;
  opacity:.18;
}

.tc-live__panel,.tc-live-detail {
  position:relative;
  z-index:1;
}

.tc-live__panel[hidden],.tc-live__about-copy[hidden],.tc-live-detail[hidden] {
  display:none!important;
}

.tc-live__category-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}

.tc-live__category-head p {
  margin:0 0 5px;
  color:#72d9ff;
  font:700 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.tc-live__category-head h3 {
  margin:0 0 6px;
  color:#fff;
  font:700 28px/1.1 "Exo 2",sans-serif;
}

.tc-live__category-head span {
  display:block;
  max-width:650px;
  color:#aebfd7;
  line-height:1.5;
}

.tc-live__about {
  flex:0 0 auto;
  padding:11px 14px;
  border:1px solid rgba(114,217,255,.34);
  border-radius:8px;
  background:rgba(12,49,92,.7);
  color:#dff7ff;
  cursor:pointer;
  font:700 10px/1 Montserrat,sans-serif;
}

.tc-live__about b {
  display:inline-block;
  margin-left:8px;
  font-weight:400;
  transition:transform .18s;
}

.tc-live__about[aria-expanded="true"] b {
  transform:rotate(180deg);
}

.tc-live__about-copy {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  width:100%;
  margin:-5px 0 22px;
  padding:15px 18px;
  border-left:3px solid #ff7189;
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,rgba(53,48,108,.74),rgba(24,47,91,.5));
  color:#d5e1ef;
  line-height:1.58;
}

.tc-live__about-copy p {
  margin:0;
}

.tc-live__about-copy p + p {
  margin-top:0;
}

.tc-live__cards {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px 16px;
  align-items:stretch;
}

.tc-live-card {
  display:grid;
  grid-template-rows:auto minmax(52px,auto) auto;
  width:100%;
  min-width:0;
  height:auto;
  padding:0 0 13px;
  overflow:hidden;
  border:1px solid rgba(114,217,255,.18);
  border-radius:13px;
  background:linear-gradient(180deg,#102b55,#091d3d);
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 25px rgba(0,0,0,.18);
  transition:transform .18s,border-color .18s,box-shadow .18s;
}

.tc-live-card:hover {
  transform:translateY(-3px);
  border-color:#72d9ff;
  box-shadow:0 17px 32px rgba(0,0,0,.26);
}

.tc-live-card.is-selected {
  border-color:#ff7189;
  box-shadow:0 0 0 2px rgba(255,113,137,.2),0 18px 36px rgba(0,0,0,.28);
}

.tc-live-card img {
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  background:#081a35;
}

.tc-live-card strong {
  display:flex;
  align-items:center;
  min-height:52px;
  padding:11px 12px 6px;
  color:#fff;
  font:700 12px/1.3 Montserrat,sans-serif;
}

.tc-live-card > span {
  display:inline-flex;
  margin:1px 12px 0;
  padding:8px 10px;
  border-radius:6px;
  background:linear-gradient(135deg,#ff796f,#f13a57);
  color:#fff;
  font:700 9px/1 Montserrat,sans-serif;
}

.tc-live-detail {
  position:relative;
  max-width:850px;
  margin:22px 0 0;
  padding:20px 52px 18px 22px;
  border:1px solid rgba(255,113,137,.48);
  border-radius:13px;
  background:linear-gradient(145deg,#142d59,#221d59);
  color:#d7e3f1;
  box-shadow:0 18px 38px rgba(0,0,0,.25);
}

.tc-live-detail__close {
  position:absolute;
  top:12px;
  right:13px;
  width:32px;
  height:32px;
  border:1px solid rgba(114,217,255,.38);
  border-radius:50%;
  background:#091d3e;
  color:#fff;
  cursor:pointer;
  font-size:21px;
}

.tc-live-detail__provider {
  margin:0 0 5px;
  color:#72d9ff;
  font:700 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tc-live-detail h3 {
  margin:0 0 8px;
  color:#fff;
  font-size:21px;
}

.tc-live-detail h4 {
  margin:13px 0 5px;
  color:#ff9aaa;
  font-size:13px;
}

.tc-live-detail p {
  max-width:760px;
  margin-top:0;
  margin-bottom:7px;
  line-height:1.55;
}

.tc-live-guide {
  margin:24px 0 0 250px;
  border:1px solid rgba(114,217,255,.18);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(8,29,62,.96),rgba(30,27,77,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.23);
}

.tc-live-guide__toggle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  width:100%;
  padding:20px 24px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.tc-live-guide__toggle span,.tc-live-guide__toggle small,.tc-live-guide__toggle strong {
  display:block;
}

.tc-live-guide__toggle small {
  margin-bottom:5px;
  color:#ff8fa0;
  font:700 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tc-live-guide__toggle strong {
  font:700 21px/1.2 "Exo 2",sans-serif;
}

.tc-live-guide__toggle b {
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid rgba(114,217,255,.28);
  border-radius:50%;
  color:#72d9ff;
  font-size:17px;
  transition:transform .2s;
}

.tc-live-guide__toggle[aria-expanded="true"] b {
  transform:rotate(180deg);
}

.tc-live-guide__toggle:hover {
  background:rgba(114,217,255,.04);
}

.tc-live-guide__content {
  padding:4px 24px 27px;
  border-top:1px solid rgba(114,217,255,.12);
}

.tc-live-guide__content[hidden] {
  display:none!important;
}

.tc-live-guide__intro {
  max-width:900px;
  padding:23px 0 20px;
}

.tc-live-guide__intro h3 {
  margin:0 0 8px;
  color:#fff;
  font:700 25px/1.2 "Exo 2",sans-serif;
}

.tc-live-guide__intro p,.tc-live-guide__grid p {
  color:#b9c9dd;
  line-height:1.65;
}

.tc-live-guide__intro p {
  margin:0;
}

.tc-live-guide__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.tc-live-guide__grid article {
  padding:19px 20px;
  border:1px solid rgba(114,217,255,.12);
  border-radius:12px;
  background:rgba(7,24,53,.48);
}

.tc-live-guide__grid h4 {
  margin:0 0 9px;
  color:#fff;
  font:700 15px/1.3 Montserrat,sans-serif;
}

.tc-live-guide__grid p {
  margin:0 0 10px;
}

.tc-live-guide__grid p:last-child {
  margin-bottom:0;
}

@keyframes tc-live-dealer-light {
  0% {
    transform:translateX(-110%);
    opacity:0
  }

  25% {
    opacity:1
  }

  100% {
    transform:translateX(110%);
    opacity:0
  }

}

@media(prefers-reduced-motion:reduce) {
  .tc-live__rail-note.is-pulsing::after {
    animation:none
  }

}

@media(max-width:1050px) {
  .tc-live__layout {
    grid-template-columns:210px minmax(0,1fr)
  }

}

@media(max-width:1050px) {
  .tc-live-guide {
    margin-left:212px
  }

}

@media(max-width:760px) {
  .tc-live {
    padding:58px 0 62px
  }

  .tc-live__header {
    margin-bottom:26px
  }

  .tc-live__layout {
    display:block
  }

  .tc-live__rail-note {
    display:none
  }

  .tc-live__tabs {
    display:flex;
    overflow-x:auto;
    margin-bottom:14px;
    padding:2px
  }

  .tc-live__tabs button {
    flex:0 0 auto;
    width:auto;
    min-height:44px
  }

  .tc-live__tabs button:hover {
    transform:none
  }

  .tc-live__stage {
    min-height:0;
    padding:20px 14px
  }

  .tc-live__stage::before {
    display:none
  }

  .tc-live__category-head {
    display:block
  }

  .tc-live__about {
    margin-top:14px
  }

  .tc-live__about-copy {
    grid-template-columns:1fr;
    gap:11px
  }

  .tc-live__cards {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px
  }

  .tc-live-card {
    width:100%;
    min-width:0
  }

  .tc-live-card strong {
    min-height:58px;
    padding:9px 9px 5px;
    font-size:10px
  }

  .tc-live-card>span {
    margin-left:9px;
    margin-right:9px;
    padding:8px;
    font-size:8px
  }

  .tc-live-detail {
    padding:18px 45px 16px 16px
  }

  .tc-live-guide {
    margin-left:0
  }

  .tc-live-guide__toggle {
    padding:18px
  }

  .tc-live-guide__content {
    padding:3px 14px 18px
  }

  .tc-live-guide__grid {
    grid-template-columns:1fr
  }

  .tc-live-guide__grid article {
    padding:16px
  }

}

/* Sports */
.tc-sports {
  position:relative;
  scroll-margin-top:78px;
  overflow:hidden;
  padding:88px 0 92px;
  background:linear-gradient(128deg,#12216f 0%,#233ca6 38%,#7024b7 72%,#d43b91 100%);
  color:#fff
}

.tc-sports::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 10%,rgba(64,227,255,.72),transparent 24%),radial-gradient(circle at 82% 30%,rgba(255,116,176,.55),transparent 31%),linear-gradient(115deg,rgba(5,19,70,.18),transparent 48%);
  pointer-events:none
}

.tc-sports::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 62%);
  pointer-events:none
}

.tc-sports__glow {
  position:absolute;
  left:-8%;
  bottom:-230px;
  width:680px;
  height:520px;
  border-radius:50%;
  background:rgba(49,226,255,.34);
  filter:blur(90px);
  pointer-events:none
}

.tc-sports__inner {
  position:relative;
  z-index:1;
  width:min(1580px,calc(100% - 28px));
  margin:0 auto
}

.tc-sports__intro {
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  align-items:center;
  min-height:510px
}

.tc-sports__copy {
  position:relative;
  z-index:2;
  max-width:650px;
  padding:22px 0 24px 46px
}

.tc-sports__eyebrow {
  margin:0 0 12px;
  color:#b9f6ff;
  font:700 11px/1.2 Montserrat,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase
}

.tc-sports__copy h2 {
  margin:0 0 20px;
  color:#fff;
  font:700 clamp(40px,4.8vw,72px)/.98 "Exo 2",sans-serif;
  letter-spacing:-.035em;
  text-shadow:0 16px 36px rgba(20,5,74,.3)
}

.tc-sports__copy h2 span {
  color:#fff0a3;
  text-shadow:0 0 28px rgba(255,218,94,.3)
}

.tc-sports__lead {
  max-width:600px;
  margin:0;
  color:#edf5ff;
  font-size:17px;
  line-height:1.68
}

.tc-sports__lead--secondary {
  margin-top:15px;
  color:#cfe1ff;
  font-size:14px
}

.tc-sports__visual {
  position:relative;
  min-width:0;
  height:500px;
  pointer-events:none
}

.tc-sports__visual img {
  position:absolute;
  z-index:2;
  right:-5%;
  top:50%;
  width:112%;
  max-width:none;
  height:112%;
  object-fit:contain;
  object-position:right center;
  transform:translateY(-50%);
  filter:drop-shadow(0 30px 44px rgba(20,4,72,.38))
}

.tc-sports__orbit {
  position:absolute;
  border:1px solid rgba(184,246,255,.35);
  border-radius:50%;
  transform:rotate(-18deg)
}

.tc-sports__orbit--one {
  right:4%;
  top:10%;
  width:74%;
  height:72%
}

.tc-sports__orbit--two {
  right:16%;
  top:21%;
  width:52%;
  height:50%;
  border-color:rgba(255,221,116,.35)
}

.tc-sports__timing {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px
}

.tc-sports__timing article {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(8,22,76,.25);
  backdrop-filter:blur(12px)
}

.tc-sports__timing article>span {
  display:grid;
  place-items:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffca75,#ff6aa6);
  color:#30116a;
  font:800 10px/1 Montserrat,sans-serif
}

.tc-sports__timing strong,.tc-sports__timing small {
  display:block
}

.tc-sports__timing strong {
  margin:1px 0 5px;
  color:#fff;
  font-size:12px
}

.tc-sports__timing small {
  color:#dce9ff;
  font-size:10px;
  line-height:1.45
}

.tc-sports__audience {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:2px 0 18px
}

.tc-sports__audience article {
  display:flex;
  align-items:center;
  gap:17px;
  padding:19px 21px;
  border-radius:18px;
  background:rgba(255,255,255,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.17);
  backdrop-filter:blur(12px)
}

.tc-sports__audience b {
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,#78efff,#ff6fa4);
  color:#17266f;
  font-size:18px
}

.tc-sports__audience span {
  display:block;
  margin-bottom:5px;
  color:#fff0a3;
  font:700 13px/1.2 Montserrat,sans-serif
}

.tc-sports__audience p {
  margin:0;
  color:#e0ebff;
  font-size:11px;
  line-height:1.5
}

.tc-sports__journey {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:18px;
  padding:26px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(8,25,82,.82),rgba(38,19,100,.68));
  box-shadow:0 22px 60px rgba(15,5,71,.28);
  backdrop-filter:blur(16px)
}

.tc-sports__journey-copy h3 {
  margin:0 0 10px;
  color:#fff;
  font:700 31px/1.1 "Exo 2",sans-serif
}

.tc-sports__journey-copy>p:not(.tc-sports__eyebrow) {
  max-width:770px;
  margin:0;
  color:#dce8ff;
  line-height:1.62
}

.tc-sports__journey-copy ol {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:21px 0 0;
  padding:0;
  list-style:none
}

.tc-sports__journey-copy li {
  display:flex;
  gap:12px;
  padding:15px;
  border-radius:14px;
  background:rgba(5,20,67,.48)
}

.tc-sports__journey-copy li>b {
  display:grid;
  place-items:center;
  flex:0 0 29px;
  width:29px;
  height:29px;
  border-radius:50%;
  background:#fff0a3;
  color:#412477;
  font-size:11px
}

.tc-sports__journey-copy li strong,.tc-sports__journey-copy li span {
  display:block
}

.tc-sports__journey-copy li strong {
  margin:1px 0 4px;
  color:#fff;
  font-size:12px
}

.tc-sports__journey-copy li span {
  color:#cdddf6;
  font-size:10px;
  line-height:1.5
}

.tc-sports__slip {
  align-self:stretch;
  padding:19px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:19px;
  background:rgba(5,17,60,.76);
  box-shadow:0 18px 45px rgba(7,3,45,.24)
}

.tc-sports__slip-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 14px;
  border-bottom:1px solid rgba(255,255,255,.13)
}

.tc-sports__slip-head span {
  color:#fff;
  font:700 15px/1.2 Montserrat,sans-serif
}

.tc-sports__slip-head small {
  color:#81edff;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.tc-sports__slip article {
  display:grid;
  grid-template-columns:66px 1fr;
  gap:2px 12px;
  padding:12px 2px;
  border-bottom:1px solid rgba(255,255,255,.1)
}

.tc-sports__slip article i {
  grid-row:1/3;
  color:#ff86ab;
  font:700 8px/1.3 Montserrat,sans-serif;
  letter-spacing:.12em;
  font-style:normal
}

.tc-sports__slip article strong {
  color:#fff;
  font-size:12px
}

.tc-sports__slip article span {
  color:#c8d9f4;
  font-size:9px;
  line-height:1.45
}

.tc-sports__slip-result {
  margin-top:14px;
  padding:15px;
  border-radius:13px;
  background:linear-gradient(110deg,rgba(59,218,238,.18),rgba(255,104,165,.16));
  text-align:center
}

.tc-sports__slip-result span,.tc-sports__slip-result strong,.tc-sports__slip-result small {
  display:block
}

.tc-sports__slip-result span {
  color:#8ff4ff;
  font-size:8px;
  letter-spacing:.14em
}

.tc-sports__slip-result strong {
  margin:5px 0;
  color:#fff0a3;
  font:700 26px/1 "Exo 2",sans-serif
}

.tc-sports__slip-result small {
  color:#e4edff;
  font-size:9px
}

.tc-sports__accumulator {
  margin-top:11px;
  padding:13px 14px;
  border-left:3px solid #ff769f;
  background:rgba(255,255,255,.06)
}

.tc-sports__accumulator b {
  color:#fff;
  font-size:11px
}

.tc-sports__accumulator p {
  margin:5px 0 0;
  color:#cbdaf1;
  font-size:9px;
  line-height:1.5
}

.tc-sports__markets {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:10px
}

.tc-sports__markets article {
  position:relative;
  min-height:178px;
  padding:24px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(9,26,85,.82),rgba(28,19,91,.65));
  box-shadow:0 18px 44px rgba(18,5,70,.25);
  backdrop-filter:blur(14px);
  overflow:hidden
}

.tc-sports__markets article::after {
  content:"";
  position:absolute;
  right:-24px;
  bottom:-42px;
  width:110px;
  height:110px;
  border:22px solid rgba(106,225,255,.12);
  border-radius:50%
}

.tc-sports__markets span {
  color:#7cecff;
  font:700 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase
}

.tc-sports__markets h3 {
  position:relative;
  z-index:1;
  margin:10px 0 9px;
  color:#fff;
  font:700 21px/1.15 "Exo 2",sans-serif
}

.tc-sports__markets p {
  position:relative;
  z-index:1;
  margin:0;
  color:#d7e6ff;
  font-size:12px;
  line-height:1.58
}

.tc-sports__explainer {
  margin-top:18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  background:rgba(10,20,78,.55);
  box-shadow:0 20px 55px rgba(12,3,61,.24);
  backdrop-filter:blur(16px);
  overflow:hidden
}

.tc-sports__toggle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:100%;
  padding:22px 26px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer
}

.tc-sports__toggle span>* {
  display:block
}

.tc-sports__toggle small {
  margin-bottom:5px;
  color:#82eeff;
  font:700 9px/1.2 Montserrat,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase
}

.tc-sports__toggle strong {
  font:700 21px/1.2 "Exo 2",sans-serif
}

.tc-sports__toggle>b {
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff0a3;
  font:700 10px/1 Montserrat,sans-serif
}

.tc-sports__toggle i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  font-style:normal;
  transition:transform .2s
}

.tc-sports__toggle[aria-expanded=true] i {
  transform:rotate(180deg)
}

.tc-sports__toggle:focus-visible {
  outline:3px solid #fff0a3;
  outline-offset:-4px
}

.tc-sports__details {
  padding:0 26px 26px;
  border-top:1px solid rgba(255,255,255,.14)
}

.tc-sports__details[hidden] {
  display:none!important
}

.tc-sports__details-intro {
  max-width:920px;
  padding:24px 0 20px
}

.tc-sports__details-intro h3 {
  margin:0 0 8px;
  color:#fff;
  font-size:24px
}

.tc-sports__details-intro p {
  margin:0;
  color:#dbe7ff;
  line-height:1.65
}

.tc-sports__details-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}

.tc-sports__details-grid article {
  padding:18px;
  border-radius:14px;
  background:rgba(5,20,68,.48)
}

.tc-sports__details-grid h4 {
  margin:0 0 8px;
  color:#fff0a3;
  font-size:14px
}

.tc-sports__details-grid p {
  margin:0;
  color:#d7e4fb;
  font-size:12px;
  line-height:1.62
}

@media(max-width:1050px) {
  .tc-sports__intro {
    grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)
  }

  .tc-sports__copy {
    padding-left:24px
  }

  .tc-sports__audience {
    grid-template-columns:1fr
  }

  .tc-sports__journey {
    grid-template-columns:1fr
  }

  .tc-sports__markets {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .tc-sports__details-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

}

@media(max-width:760px) {
  .tc-sports {
    padding:58px 0 62px
  }

  .tc-sports__intro {
    display:flex;
    min-height:0;
    flex-direction:column
  }

  .tc-sports__copy {
    max-width:none;
    padding:0 8px
  }

  .tc-sports__copy h2 {
    font-size:42px
  }

  .tc-sports__lead {
    font-size:14px
  }

  .tc-sports__visual {
    width:100%;
    height:330px;
    margin-top:10px
  }

  .tc-sports__visual img {
    right:-17%;
    width:125%;
    height:118%
  }

  .tc-sports__audience {
    gap:9px
  }

  .tc-sports__journey {
    padding:18px 14px
  }

  .tc-sports__journey-copy h3 {
    font-size:25px
  }

  .tc-sports__journey-copy ol {
    grid-template-columns:1fr
  }

  .tc-sports__timing {
    grid-template-columns:1fr
  }

  .tc-sports__markets {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }

  .tc-sports__markets article {
    min-height:190px;
    padding:18px 14px
  }

  .tc-sports__markets h3 {
    font-size:18px
  }

  .tc-sports__toggle {
    align-items:flex-start;
    padding:19px 16px
  }

  .tc-sports__toggle>b {
    font-size:0
  }

  .tc-sports__toggle strong {
    font-size:18px
  }

  .tc-sports__details {
    padding:0 14px 18px
  }

  .tc-sports__details-grid {
    grid-template-columns:1fr
  }

}

.tc-bonuses {
  position:relative;
  scroll-margin-top:78px;
  padding:88px 0 94px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff8e7,#f5efff 50%,#e9f8ff);
  color:#17274d
}

.tc-bonuses:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 8% 10%,rgba(255,185,64,.3),transparent 24%),radial-gradient(circle at 92% 18%,rgba(115,77,218,.18),transparent 27%);
  pointer-events:none
}

.tc-bonuses__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-bonuses__header {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:50px;
  align-items:end;
  margin:0 32px 30px
}

.tc-bonuses__header>div>p {
  margin:0 0 11px;
  color:#d34b70;
  font:800 10px Montserrat;
  letter-spacing:.18em
}

.tc-bonuses__header h2 {
  margin:0;
  color:#152750;
  font:700 clamp(38px,4.3vw,62px)/1.02 "Exo 2"
}

.tc-bonuses__header h2 span {
  color:#7849c8
}

.tc-bonuses__header>p {
  margin:0;
  color:#596882;
  font-size:15px;
  line-height:1.68
}

.tc-bonuses__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start
}

.tc-bonus {
  padding:23px;
  border:1px solid rgba(35,55,105,.1);
  border-radius:19px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(36,32,76,.09)
}

.tc-bonus--hero {
  background:linear-gradient(140deg,#162b5a,#49377e);
  color:#fff;
  box-shadow:0 21px 48px rgba(34,28,83,.23)
}

.tc-bonus>i {
  color:#cf4d72;
  font:800 9px Montserrat;
  letter-spacing:.14em;
  font-style:normal
}

.tc-bonus--hero>i {
  color:#ffdb82
}

.tc-bonus h3 {
  margin:14px 0 9px;
  color:#162950;
  font:700 24px "Exo 2"
}

.tc-bonus--hero h3 {
  color:#fff
}

.tc-bonus>p {
  min-height:62px;
  margin:0;
  color:#62708a;
  font-size:12px;
  line-height:1.58
}

.tc-bonus--hero>p {
  color:#dce6fa
}

.tc-bonus>small {
  display:block;
  margin:17px 0 13px;
  padding:10px 11px;
  border-radius:10px;
  background:#f3f2f8;
  color:#6a5687;
  font:700 9px/1.4 Montserrat
}

.tc-bonus--hero>small {
  background:rgba(255,255,255,.09);
  color:#fff
}

.tc-bonus>button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:12px 14px;
  border:0;
  border-radius:10px;
  background:linear-gradient(100deg,#ee4e74,#a44dd0);
  color:#fff;
  cursor:pointer;
  font:800 10px Montserrat
}

.tc-bonus>button b {
  font-size:17px;
  transition:.2s
}

.tc-bonus>button[aria-expanded=true] b {
  transform:rotate(45deg)
}

.tc-bonus>div {
  margin-top:14px;
  padding:15px;
  border-radius:12px;
  background:#f5f2fa
}

.tc-bonus--hero>div {
  background:rgba(5,16,47,.4)
}

.tc-bonus>div[hidden],.tc-bonus-guide>div[hidden] {
  display:none!important
}

.tc-bonus h4 {
  margin:0 0 7px;
  color:#172b54;
  font-size:13px
}

.tc-bonus--hero h4 {
  color:#ffdb82
}

.tc-bonus>div p,.tc-bonus>div li {
  margin:0;
  color:#56657d;
  font-size:10px;
  line-height:1.6
}

.tc-bonus--hero>div p {
  color:#dae5f7
}

.tc-bonus-guide {
  margin-top:17px;
  border:1px solid rgba(35,55,105,.12);
  border-radius:19px;
  overflow:hidden;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 44px rgba(36,32,76,.08)
}

.tc-bonus-guide>button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:22px 26px;
  border:0;
  background:none;
  color:#172950;
  text-align:left;
  cursor:pointer
}

.tc-bonus-guide>button small,.tc-bonus-guide>button strong {
  display:block
}

.tc-bonus-guide>button small {
  margin-bottom:5px;
  color:#d34b70;
  font:800 9px Montserrat;
  letter-spacing:.13em
}

.tc-bonus-guide>button strong {
  font:700 21px "Exo 2"
}

.tc-bonus-guide>button>b {
  color:#7849c8;
  font:800 10px Montserrat
}

.tc-bonus-guide>div {
  padding:0 26px 25px;
  border-top:1px solid rgba(35,55,105,.1)
}

.tc-bonus-guide header {
  max-width:950px;
  padding:22px 0 18px
}

.tc-bonus-guide h3 {
  margin:0 0 8px;
  color:#172950;
  font-size:23px
}

.tc-bonus-guide header p {
  margin:0;
  color:#596882;
  line-height:1.6
}

.tc-bonus-guide>div>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}

.tc-bonus-guide article {
  padding:17px;
  border-radius:13px;
  background:linear-gradient(145deg,#f5f1fb,#edf7fb)
}

.tc-bonus-guide article>b {
  color:#cf4d72;
  font-size:9px
}

.tc-bonus-guide h4 {
  margin:8px 0 7px;
  color:#1c3058;
  font-size:13px
}

.tc-bonus-guide article p {
  margin:0;
  color:#5d6b82;
  font-size:11px;
  line-height:1.55
}

.tc-bonus button:focus-visible {
  outline:3px solid #168fbd;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-bonuses__header {
    margin-left:8px;
    margin-right:8px
  }

  .tc-bonuses__grid {
    grid-template-columns:repeat(2,1fr)
  }

  .tc-bonus-guide>div>div {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px) {
  .tc-bonuses {
    padding:58px 0 62px
  }

  .tc-bonuses__header {
    grid-template-columns:1fr;
    gap:17px;
    margin-bottom:22px
  }

  .tc-bonuses__header h2 {
    font-size:38px
  }

  .tc-bonuses__header>p {
    font-size:13px
  }

  .tc-bonuses__grid {
    grid-template-columns:1fr
  }

  .tc-bonus {
    padding:19px 17px
  }

  .tc-bonus>p {
    min-height:0
  }

  .tc-bonus-guide>button {
    padding:18px 16px
  }

  .tc-bonus-guide>button>b {
    font-size:0
  }

  .tc-bonus-guide>div {
    padding:0 14px 18px
  }

  .tc-bonus-guide>div>div {
    grid-template-columns:1fr
  }

}

/* Refined bonus journey */
.tc-bonuses {
  padding: 92px 0 96px;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 189, 90, .28), transparent 25%),
    radial-gradient(circle at 88% 16%, rgba(86, 72, 194, .18), transparent 27%),
    linear-gradient(145deg, #fff9ea 0%, #f6f1ff 52%, #e9f8ff 100%);
}

.tc-bonuses__header {
  align-items: center;
  margin-bottom: 26px;
}

.tc-bonuses__header > div > p,
.tc-bonus-compare header > p {
  font-size: 12px;
}

.tc-bonuses__header > p {
  max-width: 660px;
  font-size: 17px;
  line-height: 1.7;
}

.tc-bonus-route {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 18px 24px;
  border: 1px solid rgba(32, 52, 101, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 16px 38px rgba(36, 32, 76, .07);
}

.tc-bonus-route span {
  color: #26385e;
  font: 700 14px/1.35 Montserrat, sans-serif;
  text-align: center;
}

.tc-bonus-route b {
  color: #c14f80;
  font-size: 18px;
}

.tc-bonuses__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.tc-bonus {
  display: flex;
  flex-direction: column;
  align-self: start;
  min-height: 0;
  padding: 26px;
  border-color: rgba(35, 55, 105, .12);
  background: rgba(255, 255, 255, .92);
}

.tc-bonus--first {
  background: linear-gradient(150deg, #132b5a 0%, #392c70 100%);
  color: #fff;
}

.tc-bonus--second {
  border-top: 5px solid #db4f7c;
}

.tc-bonus--spins {
  border-top: 5px solid #7551c9;
}

.tc-bonus__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.tc-bonus__topline i {
  color: #c74673;
  font: 800 11px/1.3 Montserrat, sans-serif;
  letter-spacing: .14em;
  font-style: normal;
}

.tc-bonus--first .tc-bonus__topline i {
  color: #ffdb82;
}

.tc-bonus__topline em {
  padding: 7px 9px;
  border-radius: 999px;
  background: #f4eef9;
  color: #715584;
  font: 700 11px/1.2 Montserrat, sans-serif;
  font-style: normal;
}

.tc-bonus--first .tc-bonus__topline em {
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

.tc-bonus h3,
.tc-bonus--hero h3 {
  margin: 18px 0 7px;
  color: #172950;
  font: 700 30px/1.05 "Exo 2", sans-serif;
}

.tc-bonus--first h3 {
  color: #fff;
}

.tc-bonus h3::after {
  display: none;
}

.tc-bonus h3 strong {
  color: #d74776;
  font-size: 48px;
}

.tc-bonus--first h3 strong {
  color: #ffcf65;
}

.tc-bonus > p,
.tc-bonus--hero > p {
  min-height: 0;
  color: #5d6b82;
  font-size: 15px;
  line-height: 1.62;
}

.tc-bonus--first > p {
  color: #dfe7f6;
}

.tc-bonus .tc-bonus__value {
  margin: 0 0 14px;
  color: #172950;
  font-size: 19px;
  line-height: 1.35;
}

.tc-bonus--first .tc-bonus__value {
  color: #fff;
}

.tc-bonus__value b {
  color: #7549c8;
}

.tc-bonus--first .tc-bonus__value b {
  color: #ffdb82;
}

.tc-bonus__facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.tc-bonus__facts li {
  padding: 11px 8px;
  border-radius: 10px;
  background: #f1f2f8;
  color: #66728a;
  font-size: 11px;
  line-height: 1.4;
}

.tc-bonus__facts li b {
  display: block;
  margin-top: 3px;
  color: #172950;
  font-size: 13px;
}

.tc-bonus--first .tc-bonus__facts li {
  background: rgba(255, 255, 255, .08);
  color: #cbd6ea;
}

.tc-bonus--first .tc-bonus__facts li b {
  color: #fff;
}

.tc-bonus__tiers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  margin: 20px 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.tc-bonus__tiers span {
  padding: 10px;
  border-radius: 10px;
  background: #f1f2f8;
  color: #7b4d9c;
  font: 800 13px/1.35 Montserrat, sans-serif;
}

.tc-bonus__tiers b {
  display: block;
  margin-bottom: 2px;
  color: #26385e;
  font-size: 11px;
}

.tc-bonus > button {
  margin-top: 20px;
  padding: 14px 16px;
  font-size: 12px;
}

.tc-bonus > div[id] {
  margin-top: 16px;
  padding: 18px;
  background: #f5f2fa;
}

.tc-bonus--first > div[id] {
  background: rgba(5, 16, 47, .45);
}

.tc-bonus > div[id] h4 {
  margin: 0 0 10px;
  font-size: 16px;
}

.tc-bonus > div[id] h4:not(:first-child) {
  margin-top: 18px;
}

.tc-bonus > div[id] p,
.tc-bonus > div[id] li {
  color: #52617a;
  font-size: 14px;
  line-height: 1.65;
}

.tc-bonus--first > div[id] p,
.tc-bonus--first > div[id] li {
  color: #dce6f7;
}

.tc-bonus > div[id] ol {
  margin: 0;
  padding-left: 20px;
}

.tc-bonus__example {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  margin-top: 16px;
  padding: 13px;
  border-left: 3px solid #e3537d;
  border-radius: 8px;
  background: rgba(227, 83, 125, .08);
}

.tc-bonus__example b,
.tc-bonus__example span {
  font-size: 13px;
  line-height: 1.55;
}

.tc-bonus-compare {
  display: grid;
  grid-template-columns: .72fr 1.6fr;
  gap: 28px;
  align-items: center;
  margin-top: 18px;
  padding: 25px 27px;
  border-radius: 19px;
  background: linear-gradient(110deg, #fff, rgba(239, 247, 255, .92));
  box-shadow: 0 18px 44px rgba(36, 32, 76, .08);
}

.tc-bonus-compare header > p {
  margin: 0 0 6px;
  color: #d34b70;
  font-weight: 800;
  letter-spacing: .13em;
}

.tc-bonus-compare h3 {
  margin: 0;
  color: #172950;
  font: 700 24px/1.18 "Exo 2", sans-serif;
}

.tc-bonus-compare > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.tc-bonus-compare article {
  padding: 15px;
  border-radius: 12px;
  background: #f2f1f8;
}

.tc-bonus-compare article b,
.tc-bonus-compare article span {
  display: block;
}

.tc-bonus-compare article b {
  margin-bottom: 6px;
  color: #26385e;
  font-size: 14px;
}

.tc-bonus-compare article span {
  color: #65718a;
  font-size: 12px;
  line-height: 1.55;
}

.tc-bonus-guide {
  margin-top: 18px;
}

.tc-bonus-guide > button {
  padding: 24px 27px;
}

.tc-bonus-guide > button small {
  font-size: 11px;
}

.tc-bonus-guide > button strong {
  font-size: 24px;
}

.tc-bonus-guide > button > b {
  font-size: 12px;
}

.tc-bonus-guide header p {
  font-size: 15px;
}

.tc-bonus-guide__grid article p {
  font-size: 13px;
}

.tc-bonus-guide__grid h4 {
  font-size: 15px;
}

.tc-bonus-guide__rate {
  margin: 18px 0 0;
  padding: 14px 16px;
  border-left: 3px solid #d34b70;
  border-radius: 9px;
  background: #f4f1f8;
  color: #5b6880;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .tc-bonuses__grid {
    grid-template-columns: 1fr;
  }

  .tc-bonus-compare {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .tc-bonus-route {
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
  }

  .tc-bonus-route b {
    transform: rotate(90deg);
    text-align: center;
  }

  .tc-bonus__facts,
  .tc-bonus__tiers,
  .tc-bonus-compare > div {
    grid-template-columns: 1fr;
  }

  .tc-bonus-guide > button {
    gap: 12px;
  }

  .tc-bonus-guide > button > b {
    max-width: 82px;
    font-size: 11px;
    text-align: right;
  }
}

/* Tournaments */
.tc-tournaments {
  position: relative;
  padding: 94px 0 96px;
  overflow: hidden;
  scroll-margin-top: 78px;
  background:
    radial-gradient(circle at 78% 32%, rgba(56, 218, 224, .13), transparent 30%),
    radial-gradient(circle at 12% 86%, rgba(255, 92, 111, .12), transparent 25%),
    linear-gradient(145deg, #071932 0%, #0b2845 54%, #102347 100%);
  color: #fff;
}

.tc-tournaments::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .17;
  background-image:
    linear-gradient(rgba(104, 235, 225, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 235, 225, .18) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 76%, transparent);
  pointer-events: none;
}

.tc-tournaments__inner {
  position: relative;
  width: min(1580px, calc(100% - 28px));
  margin: auto;
}

.tc-tournaments__intro {
  display: grid;
  grid-template-columns: 1.05fr .85fr;
  gap: 54px;
  align-items: end;
  margin: 0 32px 34px;
}

.tc-tournaments__eyebrow,
.tc-tournaments__formats i,
.tc-tournaments__details small {
  color: #64e7df;
  font: 800 12px/1.3 Montserrat, sans-serif;
  letter-spacing: .16em;
  font-style: normal;
}

.tc-tournaments__intro h2 {
  margin: 10px 0 0;
  color: #fff;
  font: 700 clamp(42px, 4.5vw, 70px)/.98 "Exo 2", sans-serif;
}

.tc-tournaments__intro h2 span {
  color: #ff6579;
}

.tc-tournaments__intro > p {
  margin: 0;
  color: #c9d8e9;
  font-size: 17px;
  line-height: 1.72;
}

.tc-tournaments__stage {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(103, 229, 223, .28);
  border-radius: 28px;
  background: linear-gradient(120deg, rgba(12, 41, 70, .96), rgba(21, 38, 78, .74));
  box-shadow: 0 34px 80px rgba(0, 7, 23, .34);
}

.tc-tournaments__copy {
  z-index: 1;
  align-self: center;
  padding: 52px 24px 52px 52px;
}

.tc-tournaments__live {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border: 1px solid rgba(101, 232, 223, .28);
  border-radius: 999px;
  background: rgba(9, 23, 49, .54);
  color: #bafbf5;
  font: 700 12px Montserrat, sans-serif;
}

.tc-tournaments__live i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6579;
  box-shadow: 0 0 0 5px rgba(255, 101, 121, .13), 0 0 18px #ff6579;
  animation: tc-tournament-pulse 1.8s ease-in-out infinite;
}

@keyframes tc-tournament-pulse {
  50% { opacity: .45; transform: scale(.78); }
}

.tc-tournaments__copy h3 {
  margin: 21px 0 16px;
  color: #fff;
  font: 700 clamp(32px, 3.3vw, 52px)/1.04 "Exo 2", sans-serif;
}

.tc-tournaments__copy > p {
  margin: 0;
  color: #c2d1e3;
  font-size: 16px;
  line-height: 1.68;
}

.tc-tournaments__path {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
  margin-top: 28px;
}

.tc-tournaments__path article {
  padding: 15px;
  border: 1px solid rgba(126, 225, 225, .12);
  border-radius: 13px;
  background: rgba(255, 255, 255, .055);
}

.tc-tournaments__path b,
.tc-tournaments__path span {
  display: block;
}

.tc-tournaments__path b {
  margin-bottom: 5px;
  color: #64e7df;
  font-size: 15px;
}

.tc-tournaments__path span {
  color: #b9c8da;
  font-size: 13px;
  line-height: 1.48;
}

.tc-tournaments__visual {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
  padding: 24px 18px;
}

.tc-tournaments__visual::before {
  content: "";
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  right: 2%;
  bottom: 3%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(51, 226, 220, .24), transparent 67%);
  filter: blur(5px);
}

.tc-tournaments__visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(90%, 760px);
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 35px rgba(0, 5, 20, .42));
}

.tc-tournaments__visual figcaption {
  position: absolute;
  z-index: 2;
  right: 28px;
  bottom: 25px;
  padding: 13px 16px;
  border: 1px solid rgba(100, 231, 223, .35);
  border-radius: 12px;
  background: rgba(5, 19, 42, .78);
  backdrop-filter: blur(12px);
}

.tc-tournaments__visual figcaption strong,
.tc-tournaments__visual figcaption span {
  display: block;
}

.tc-tournaments__visual figcaption strong {
  color: #fff;
  font-size: 13px;
  letter-spacing: .08em;
}

.tc-tournaments__visual figcaption span {
  margin-top: 4px;
  color: #77eae3;
  font-size: 12px;
}

.tc-tournaments__formats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.tc-tournaments__formats article {
  padding: 26px;
  border: 1px solid rgba(102, 229, 221, .18);
  border-radius: 18px;
  background: rgba(255, 255, 255, .055);
}

.tc-tournaments__formats article:nth-child(2) {
  background: linear-gradient(140deg, rgba(75, 61, 137, .42), rgba(255, 101, 121, .1));
}

.tc-tournaments__formats h3 {
  margin: 13px 0 9px;
  color: #fff;
  font: 700 23px/1.15 "Exo 2", sans-serif;
}

.tc-tournaments__formats p {
  margin: 0;
  color: #becddd;
  font-size: 14px;
  line-height: 1.62;
}

.tc-tournaments__formats article > span {
  display: block;
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: #ffb3bd;
  font-size: 13px;
  line-height: 1.5;
}

.tc-tournaments__details {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid rgba(102, 229, 221, .21);
  border-radius: 18px;
  background: rgba(6, 23, 49, .72);
}

.tc-tournaments__details > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 24px 27px;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.tc-tournaments__details small,
.tc-tournaments__details strong {
  display: block;
}

.tc-tournaments__details strong {
  margin-top: 6px;
  font: 700 24px/1.2 "Exo 2", sans-serif;
}

.tc-tournaments__details > button > b {
  color: #ff8d9c;
  font: 800 12px Montserrat, sans-serif;
}

.tc-tournaments__details > div[hidden] {
  display: none;
}

.tc-tournaments__details > div {
  padding: 24px 27px 27px;
  border-top: 1px solid rgba(102, 229, 221, .14);
}

.tc-tournaments__details > div > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.tc-tournaments__details article {
  padding: 18px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .06);
}

.tc-tournaments__details h4 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 16px;
}

.tc-tournaments__details article p {
  margin: 0;
  color: #b9c8d9;
  font-size: 13px;
  line-height: 1.6;
}

.tc-tournaments__note {
  margin: 14px 0 0;
  padding: 15px 17px;
  border-left: 3px solid #ff6579;
  border-radius: 9px;
  background: rgba(255, 101, 121, .08);
  color: #d8e3ef;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 1050px) {
  .tc-tournaments__stage {
    grid-template-columns: 1fr;
  }

  .tc-tournaments__copy {
    padding-right: 52px;
  }

  .tc-tournaments__visual {
    width: min(800px, 100%);
    margin: -18px auto 0;
  }

  .tc-tournaments__formats,
  .tc-tournaments__details > div > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .tc-tournaments {
    padding: 60px 0 64px;
  }

  .tc-tournaments__intro {
    grid-template-columns: 1fr;
    gap: 18px;
    margin: 0 8px 24px;
  }

  .tc-tournaments__intro h2 {
    font-size: 40px;
  }

  .tc-tournaments__intro > p {
    font-size: 15px;
  }

  .tc-tournaments__stage {
    min-height: 0;
    border-radius: 20px;
  }

  .tc-tournaments__copy {
    padding: 28px 20px;
  }

  .tc-tournaments__path {
    grid-template-columns: 1fr;
  }

  .tc-tournaments__visual {
    margin-top: -10px;
  }

  .tc-tournaments__visual img {
    width: min(96%, 680px);
    margin: 0 auto;
  }

  .tc-tournaments__visual figcaption {
    right: 14px;
    bottom: 14px;
  }

  .tc-tournaments__formats article {
    padding: 21px;
  }

  .tc-tournaments__details > button {
    align-items: flex-start;
    padding: 20px;
  }

  .tc-tournaments__details strong {
    font-size: 20px;
  }

  .tc-tournaments__details > button > b {
    max-width: 86px;
    text-align: right;
  }

  .tc-tournaments__details > div {
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tc-tournaments__live i {
    animation: none;
  }
}

/* VIP Club */
.tc-vip {
  position:relative;
  scroll-margin-top:78px;
  overflow:hidden;
  padding:90px 0 94px;
  background:#071632;
  color:#fff
}

.tc-vip:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 8% 15%,rgba(20,190,184,.22),transparent 28%),radial-gradient(circle at 92% 12%,rgba(217,169,79,.2),transparent 26%),linear-gradient(115deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%);
  pointer-events:none
}

.tc-vip__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-vip__header {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:55px;
  align-items:end;
  margin:0 28px 32px
}

.tc-vip__eyebrow,.tc-vip__path>div>p {
  margin:0 0 11px;
  color:#58ddd3;
  font:800 10px/1.2 Montserrat,sans-serif;
  letter-spacing:.18em
}

.tc-vip__header h2 {
  margin:0;
  color:#fff;
  font:700 clamp(39px,4.3vw,64px)/1.02 "Exo 2",sans-serif
}

.tc-vip__header h2 span {
  color:#e7bc68
}

.tc-vip__truth {
  padding:19px 21px;
  border-left:3px solid #e7bc68;
  background:linear-gradient(90deg,rgba(231,188,104,.11),transparent)
}

.tc-vip__truth strong {
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:14px
}

.tc-vip__truth p {
  margin:0;
  color:#afc0d8;
  font-size:12px;
  line-height:1.62
}

.tc-vip__profile {
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:18px;
  align-items:stretch
}

.tc-vip__pass {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:500px;
  padding:27px;
  border:1px solid rgba(231,188,104,.4);
  border-radius:26px;
  background:linear-gradient(145deg,#17335a,#0c203f 52%,#15294e);
  box-shadow:0 28px 60px rgba(0,0,0,.3);
  overflow:hidden
}

.tc-vip__pass:after {
  content:"";
  position:absolute;
  right:-90px;
  bottom:-80px;
  width:250px;
  height:250px;
  border:42px solid rgba(84,221,209,.08);
  border-radius:50%
}

.tc-vip__pass-top {
  display:flex;
  justify-content:space-between;
  color:#d9e8f7;
  font:800 10px Montserrat;
  letter-spacing:.15em
}

.tc-vip__pass-top i {
  color:#e7bc68;
  font-style:normal
}

.tc-vip__pass-mark {
  display:grid;
  place-items:center;
  width:155px;
  height:155px;
  margin:55px auto 34px;
  border:1px solid rgba(231,188,104,.5);
  border-radius:50%;
  box-shadow:0 0 0 17px rgba(231,188,104,.05),0 0 0 34px rgba(84,221,209,.035)
}

.tc-vip__pass-mark span {
  color:#e7bc68;
  font:700 45px "Exo 2";
  letter-spacing:.08em
}

.tc-vip__pass>p {
  margin:0 0 18px;
  color:#68ddd5;
  font:800 9px Montserrat;
  letter-spacing:.15em
}

.tc-vip__pass dl {
  margin:0
}

.tc-vip__pass dl div {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.1)
}

.tc-vip__pass dt {
  color:#8199b8;
  font:700 8px Montserrat
}

.tc-vip__pass dd {
  margin:0;
  color:#fff;
  font:700 10px Montserrat;
  text-align:right
}

.tc-vip__pass>small {
  position:relative;
  z-index:1;
  margin-top:auto;
  padding-top:18px;
  color:#9eb0c9;
  font-size:9px;
  line-height:1.5
}

.tc-vip__benefits {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}

.tc-vip__benefits article {
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:2px 15px;
  align-items:start;
  padding:20px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(20,48,85,.9),rgba(10,31,61,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.06)
}

.tc-vip__benefits article>i {
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(84,221,209,.2),rgba(231,188,104,.18));
  color:#e7bc68;
  font-style:normal;
  font-size:18px
}

.tc-vip__benefits h3 {
  margin:1px 0 6px;
  color:#fff;
  font-size:16px
}

.tc-vip__benefits p {
  margin:0;
  color:#aebfd6;
  font-size:11px;
  line-height:1.58
}

.tc-vip__benefits article>span {
  grid-column:2;
  margin-top:10px;
  color:#5edbd2;
  font:800 9px Montserrat;
  letter-spacing:.05em
}

.tc-vip__path {
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:25px;
  margin-top:18px;
  padding:25px 27px;
  border-radius:22px;
  background:linear-gradient(100deg,rgba(25,61,96,.9),rgba(15,37,74,.8))
}

.tc-vip__path h3 {
  margin:0;
  color:#fff;
  font:700 25px/1.15 "Exo 2"
}

.tc-vip__path ul {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:0;
  padding:0;
  list-style:none
}

.tc-vip__path li {
  padding:14px;
  border-left:2px solid #e7bc68;
  background:rgba(4,20,45,.38)
}

.tc-vip__path strong,.tc-vip__path span {
  display:block
}

.tc-vip__path strong {
  margin-bottom:6px;
  color:#fff;
  font-size:11px
}

.tc-vip__path span {
  color:#a9bbd1;
  font-size:9px;
  line-height:1.5
}

.tc-vip__detail {
  margin-top:18px;
  border:1px solid rgba(84,221,209,.2);
  border-radius:20px;
  background:rgba(13,38,72,.75);
  overflow:hidden
}

.tc-vip__detail>button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  width:100%;
  padding:22px 26px;
  border:0;
  background:none;
  color:#fff;
  text-align:left;
  cursor:pointer
}

.tc-vip__detail>button small,.tc-vip__detail>button strong {
  display:block
}

.tc-vip__detail>button small {
  margin-bottom:5px;
  color:#58ddd3;
  font:800 9px Montserrat;
  letter-spacing:.14em
}

.tc-vip__detail>button strong {
  font:700 20px "Exo 2"
}

.tc-vip__detail>button>b {
  display:flex;
  align-items:center;
  gap:12px;
  color:#e7bc68;
  font:800 10px Montserrat
}

.tc-vip__detail>button i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(231,188,104,.3);
  border-radius:50%;
  font-style:normal;
  transition:.2s
}

.tc-vip__detail>button[aria-expanded=true] i {
  transform:rotate(180deg)
}

.tc-vip__detail>div {
  padding:24px 26px 27px;
  border-top:1px solid rgba(255,255,255,.08)
}

.tc-vip__detail>div[hidden] {
  display:none!important
}

.tc-vip__example-head {
  display:grid;
  grid-template-columns:300px 1fr;
  gap:30px;
  align-items:center;
  margin-bottom:18px
}

.tc-vip__example-head span,.tc-vip__example-head strong {
  display:block
}

.tc-vip__example-head span {
  margin-bottom:5px;
  color:#91a8c3;
  font:700 9px Montserrat;
  text-transform:uppercase
}

.tc-vip__example-head strong {
  color:#e7bc68;
  font:700 30px "Exo 2"
}

.tc-vip__example-head p {
  margin:0;
  color:#b2c2d7;
  line-height:1.6
}

.tc-vip__metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}

.tc-vip__metrics article {
  padding:17px;
  border-radius:14px;
  background:rgba(5,21,47,.6)
}

.tc-vip__metrics strong {
  display:block;
  margin-bottom:6px;
  color:#59ddd3;
  font:700 21px "Exo 2"
}

.tc-vip__metrics p {
  margin:0;
  color:#a8bad1;
  font-size:10px;
  line-height:1.5
}

.tc-vip__example-note {
  margin:15px 0 0;
  padding:14px 16px;
  border-left:3px solid #e7bc68;
  background:rgba(231,188,104,.07);
  color:#c2cee0;
  font-size:11px;
  line-height:1.6
}

.tc-vip button:focus-visible {
  outline:3px solid #e7bc68;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-vip__header {
    margin-left:8px;
    margin-right:8px
  }

  .tc-vip__profile {
    grid-template-columns:260px 1fr
  }

  .tc-vip__path {
    grid-template-columns:1fr
  }

  .tc-vip__path ul {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px) {
  .tc-vip {
    padding:58px 0 62px
  }

  .tc-vip__header {
    grid-template-columns:1fr;
    gap:18px
  }

  .tc-vip__header h2 {
    font-size:38px
  }

  .tc-vip__profile {
    grid-template-columns:1fr
  }

  .tc-vip__pass {
    min-height:420px
  }

  .tc-vip__benefits {
    grid-template-columns:1fr
  }

  .tc-vip__path {
    padding:19px 15px
  }

  .tc-vip__path ul {
    grid-template-columns:1fr
  }

  .tc-vip__detail>button {
    padding:18px 16px
  }

  .tc-vip__detail>button>b {
    font-size:0
  }

  .tc-vip__detail>div {
    padding:20px 14px
  }

  .tc-vip__example-head {
    grid-template-columns:1fr;
    gap:10px
  }

  .tc-vip__metrics {
    grid-template-columns:repeat(2,1fr)
  }

}

/* VIP typography and membership route */
.tc-vip__eyebrow,.tc-vip__path>div>p {
  font-size:13px
}

.tc-vip__truth strong {
  font-size:18px
}

.tc-vip__truth p {
  font-size:15px;
  line-height:1.65
}

.tc-vip__pass-top {
  font-size:13px
}

.tc-vip__pass>p {
  font-size:12px
}

.tc-vip__pass dt {
  font-size:11px
}

.tc-vip__pass dd {
  font-size:14px
}

.tc-vip__pass>small {
  font-size:13px;
  line-height:1.6
}

.tc-vip__benefits h3 {
  font-size:19px
}

.tc-vip__benefits p {
  font-size:14px;
  line-height:1.62
}

.tc-vip__benefits article>span {
  font-size:12px
}

.tc-vip__path {
  grid-template-columns:310px minmax(0,1fr);
  align-items:start
}

.tc-vip__path h3 {
  font-size:29px
}

.tc-vip__path-intro {
  display:block;
  margin-top:13px;
  color:#b8c8db;
  font-size:14px;
  line-height:1.62
}

.tc-vip__path ul {
  grid-template-columns:repeat(3,1fr)
}

.tc-vip__path li {
  padding:18px
}

.tc-vip__path strong {
  font-size:15px
}

.tc-vip__path span {
  font-size:13px;
  line-height:1.6
}

.tc-vip__detail>button small {
  font-size:12px
}

.tc-vip__detail>button strong {
  font-size:23px
}

.tc-vip__detail>button>b {
  font-size:12px
}

.tc-vip__example-head span {
  font-size:12px
}

.tc-vip__example-head p {
  font-size:15px
}

.tc-vip__metrics strong {
  font-size:25px
}

.tc-vip__metrics p {
  font-size:13px;
  line-height:1.6
}

.tc-vip__example-note {
  font-size:14px;
  line-height:1.65
}

@media(max-width:1050px) {
  .tc-vip__path {
    grid-template-columns:1fr
  }

  .tc-vip__path ul {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px) {
  .tc-vip__path ul {
    grid-template-columns:1fr
  }

  .tc-vip__benefits p,.tc-vip__truth p,.tc-vip__example-head p,.tc-vip__example-note {
    font-size:14px
  }

  .tc-vip__pass>small,.tc-vip__path span,.tc-vip__metrics p {
    font-size:13px
  }

}

.tc-payments {
  position:relative;
  scroll-margin-top:78px;
  padding:88px 0 94px;
  overflow:hidden;
  background:linear-gradient(135deg,#f4f8ff,#fff 48%,#edf9f6);
  color:#15274c
}

.tc-payments:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(26,60,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,60,111,.045) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
  pointer-events:none
}

.tc-payments__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-payments__header {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:55px;
  align-items:end;
  margin:0 28px 30px
}

.tc-payments__header>div>p {
  margin:0 0 11px;
  color:#087e79;
  font:800 13px Montserrat,sans-serif;
  letter-spacing:.15em
}

.tc-payments__header h2 {
  margin:0;
  color:#162a51;
  font:700 clamp(39px,4.2vw,62px)/1.02 "Exo 2",sans-serif
}

.tc-payments__header h2 span {
  color:#0a938b
}

.tc-payments__header>p {
  margin:0;
  color:#576781;
  font-size:15px;
  line-height:1.68
}

.tc-payments__switch {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  max-width:760px;
  margin:0 auto 22px;
  padding:6px;
  border-radius:18px;
  background:#dfe8f2;
  box-shadow:inset 0 1px 3px rgba(23,45,83,.1)
}

.tc-payments__switch button {
  padding:16px 22px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#62728a;
  text-align:left;
  cursor:pointer
}

.tc-payments__switch span,.tc-payments__switch small {
  display:block
}

.tc-payments__switch span {
  font:800 17px Montserrat,sans-serif
}

.tc-payments__switch small {
  margin-top:4px;
  font-size:12px
}

.tc-payments__switch button[aria-selected=true] {
  background:#fff;
  color:#162a51;
  box-shadow:0 8px 24px rgba(30,53,91,.13)
}

.tc-payments__switch button[aria-selected=true] span {
  color:#078c84
}

.tc-payments__panel[hidden] {
  display:none!important
}

.tc-payments__summary {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px
}

.tc-payments__summary>div {
  padding:18px;
  border-radius:16px;
  background:#172e58;
  color:#fff
}

.tc-payments__summary span,.tc-payments__summary strong,.tc-payments__summary small {
  display:block
}

.tc-payments__summary span {
  color:#85dcd5;
  font:800 11px Montserrat,sans-serif;
  text-transform:uppercase
}

.tc-payments__summary strong {
  margin:8px 0 6px;
  color:#fff;
  font:700 23px "Exo 2",sans-serif
}

.tc-payments__summary small {
  color:#c1cee0;
  font-size:12px;
  line-height:1.5
}

.tc-payments__methods {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px
}

.tc-payments__methods>article {
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:17px;
  padding:22px;
  border:1px solid #dce5ee;
  border-radius:19px;
  background:rgba(255,255,255,.9);
  box-shadow:0 15px 36px rgba(31,58,95,.08)
}

.tc-payment-logo {
  grid-row:1/3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:126px;
  padding:22px;
  border-radius:15px;
  background:#f0f4f9
}

.tc-payment-logo img {
  display:block;
  max-width:100px;
  max-height:48px
}

.tc-payment-logo img+img {
  max-width:55px
}

.tc-payment-logo--blik img {
  max-width:110px;
  max-height:70px;
  object-fit:contain
}

.tc-payment-logo--bank {
  flex-direction:column;
  background:linear-gradient(145deg,#e2f5f2,#edf3fb);
  color:#0b817a
}

.tc-payment-logo--bank b {
  font-size:33px
}

.tc-payment-logo--bank span {
  font:800 12px Montserrat;
  letter-spacing:.14em
}

.tc-payments__methods h3 {
  margin:2px 0 8px;
  color:#172b52;
  font-size:20px
}

.tc-payments__methods p {
  margin:0;
  color:#5b6b84;
  font-size:14px;
  line-height:1.62
}

.tc-payments__methods dl {
  grid-column:2;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin:2px 0 0
}

.tc-payments__methods dl div {
  padding:10px;
  border-radius:10px;
  background:#f3f6f9
}

.tc-payments__methods dt {
  margin-bottom:4px;
  color:#7b8ba0;
  font:700 11px Montserrat
}

.tc-payments__methods dd {
  margin:0;
  color:#22375c;
  font:700 12px/1.45 Montserrat
}

.tc-payments__methods--withdraw {
  grid-template-columns:repeat(2,1fr)
}

.tc-payments__route {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(100deg,#e3f5f2,#e9eff9);
  color:#354c6e
}

.tc-payments__route strong {
  margin-right:6px;
  color:#087e79;
  font-size:15px
}

.tc-payments__route span {
  padding:8px 11px;
  border-radius:9px;
  background:#fff;
  font-size:12px;
  font-weight:700
}

.tc-payments__route i {
  color:#0a9189;
  font-style:normal
}

.tc-payments__facts {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:17px
}

.tc-payments__facts article {
  padding:20px;
  border-top:4px solid #0a938b;
  border-radius:4px 4px 16px 16px;
  background:#eaf1f7
}

.tc-payments__facts span {
  color:#087e79;
  font:800 11px Montserrat;
  letter-spacing:.1em
}

.tc-payments__facts h3 {
  margin:10px 0 8px;
  color:#172b52;
  font-size:18px
}

.tc-payments__facts p {
  margin:0;
  color:#586982;
  font-size:13px;
  line-height:1.62
}

.tc-payments button:focus-visible {
  outline:3px solid #e3a829;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-payments__header {
    margin-left:8px;
    margin-right:8px
  }

  .tc-payments__summary {
    grid-template-columns:repeat(2,1fr)
  }

  .tc-payments__methods>article {
    grid-template-columns:110px minmax(0,1fr)
  }

  .tc-payment-logo {
    padding:13px
  }

  .tc-payments__facts {
    grid-template-columns:1fr
  }

}

@media(max-width:760px) {
  .tc-payments {
    padding:58px 0 62px
  }

  .tc-payments__header {
    grid-template-columns:1fr;
    gap:17px
  }

  .tc-payments__header h2 {
    font-size:38px
  }

  .tc-payments__switch button {
    padding:13px
  }

  .tc-payments__switch span {
    font-size:15px
  }

  .tc-payments__switch small {
    font-size:10px
  }

  .tc-payments__summary {
    grid-template-columns:1fr
  }

  .tc-payments__methods,.tc-payments__methods--withdraw {
    grid-template-columns:1fr
  }

  .tc-payments__methods>article {
    grid-template-columns:90px minmax(0,1fr);
    padding:16px 13px
  }

  .tc-payment-logo {
    min-height:100px
  }

  .tc-payment-logo img {
    max-width:75px
  }

  .tc-payments__methods dl {
    grid-column:1/-1
  }

  .tc-payments__route {
    justify-content:flex-start
  }

  .tc-payments__route i {
    transform:rotate(90deg)
  }

}

/* Payment layout and readable type */
.tc-payments__methods {
  grid-template-columns:repeat(6,minmax(0,1fr))
}

.tc-payments__methods>article {
  grid-column:span 2
}

.tc-payments__methods>article:nth-child(4) {
  grid-column:2/span 2
}

.tc-payments__methods--withdraw {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.tc-payments__methods--withdraw>article,.tc-payments__methods--withdraw>article:nth-child(4) {
  grid-column:auto
}

.tc-payments__summary span {
  font-size:13px
}

.tc-payments__summary small {
  font-size:14px
}

.tc-payments__methods dt {
  font-size:13px
}

.tc-payments__methods dd {
  font-size:14px
}

.tc-payments__route span {
  font-size:14px
}

.tc-payments__facts span {
  font-size:12px
}

.tc-payments__facts p {
  font-size:14px
}

@media(max-width:1180px) {
  .tc-payments__methods {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .tc-payments__methods>article,.tc-payments__methods>article:nth-child(4) {
    grid-column:auto
  }

  .tc-payments__methods>article:last-child {
    grid-column:1/-1
  }

  .tc-payments__methods--withdraw>article:last-child {
    grid-column:auto
  }

}

@media(max-width:760px) {
  .tc-payments__switch small {
    font-size:12px
  }

  .tc-payments__methods,.tc-payments__methods--withdraw {
    grid-template-columns:1fr
  }

  .tc-payments__methods>article,.tc-payments__methods>article:nth-child(4),.tc-payments__methods>article:last-child {
    grid-column:auto
  }

  .tc-payments__summary small,.tc-payments__methods p,.tc-payments__methods dd,.tc-payments__route span,.tc-payments__facts p {
    font-size:14px
  }

}

.tc-security {
  position:relative;
  scroll-margin-top:78px;
  overflow:hidden;
  padding:90px 0 94px;
  background:linear-gradient(145deg,#071833,#0c2347 53%,#102c51);
  color:#fff
}

.tc-security:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 9% 18%,rgba(44,221,202,.18),transparent 25%),radial-gradient(circle at 88% 20%,rgba(82,138,255,.18),transparent 28%);
  pointer-events:none
}

.tc-security__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-security__head {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:end;
  margin:0 30px 32px
}

.tc-security__head>div>p {
  margin:0 0 12px;
  color:#5ce0d5;
  font:800 13px Montserrat;
  letter-spacing:.15em
}

.tc-security__head h2 {
  margin:0;
  font:700 clamp(40px,4.5vw,65px)/1.02 "Exo 2"
}

.tc-security__head h2 span {
  color:#81e7dd
}

.tc-security__head>p {
  margin:0;
  color:#bdcce0;
  font-size:16px;
  line-height:1.7
}

.tc-security__board {
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:16px
}

.tc-security__check {
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid rgba(92,224,213,.28);
  border-radius:25px;
  background:linear-gradient(155deg,#163e5e,#082041);
  box-shadow:0 28px 65px rgba(0,0,0,.24)
}

.tc-security__shield {
  display:grid;
  place-items:center;
  width:110px;
  height:126px;
  margin:5px auto 26px;
  background:linear-gradient(145deg,#63e6d8,#3e91d8);
  clip-path:polygon(50% 0,92% 16%,88% 68%,50% 100%,12% 68%,8% 16%);
  font-size:35px
}

.tc-security__check>p {
  margin:0 0 8px;
  color:#63e6d8;
  font:800 12px Montserrat;
  letter-spacing:.14em
}

.tc-security__check h3 {
  margin:0 0 18px;
  font:700 28px "Exo 2"
}

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

.tc-security__check li {
  padding:12px 0 12px 20px;
  border-top:1px solid rgba(255,255,255,.09);
  color:#d3deec;
  font-size:14px;
  position:relative
}

.tc-security__check li:before {
  content:"";
  position:absolute;
  left:0;
  top:18px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#66e4d7;
  box-shadow:0 0 12px #66e4d7
}

.tc-security__check small {
  margin-top:auto;
  padding-top:22px;
  color:#91a6c0;
  font-size:13px;
  line-height:1.6
}

.tc-security__steps {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px
}

.tc-security__steps article {
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  padding:23px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(25,62,102,.9),rgba(13,43,79,.86))
}

.tc-security__steps i {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:17px;
  background:rgba(92,224,213,.12);
  color:#73e7dc;
  font:800 17px Montserrat;
  font-style:normal
}

.tc-security__steps h3 {
  margin:1px 0 8px;
  font-size:20px
}

.tc-security__steps p,.tc-security__alert p,.tc-security__guide p {
  margin:0;
  color:#afc0d5;
  font-size:14px;
  line-height:1.62
}

.tc-security__alert {
  margin-top:12px;
  padding:25px 27px;
  border-left:4px solid #ff6687;
  border-radius:4px 20px 20px 4px;
  background:linear-gradient(100deg,rgba(116,31,65,.35),rgba(18,43,81,.84))
}

.tc-security__alert h3 {
  margin:0 0 14px;
  font:700 24px "Exo 2"
}

.tc-security__alert>div {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:15px
}

.tc-security__alert span {
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,102,135,.12);
  color:#ffd9e1;
  font-size:13px;
  font-weight:700
}

.tc-security__guide {
  margin-top:17px;
  border:1px solid rgba(92,224,213,.22);
  border-radius:21px;
  background:rgba(11,38,73,.8);
  overflow:hidden
}

.tc-security__guide>button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:23px 27px;
  border:0;
  background:none;
  color:#fff;
  text-align:left;
  cursor:pointer
}

.tc-security__guide button small,.tc-security__guide button strong {
  display:block
}

.tc-security__guide button small {
  margin-bottom:6px;
  color:#62e2d6;
  font:800 12px Montserrat;
  letter-spacing:.13em
}

.tc-security__guide button strong {
  font:700 23px "Exo 2"
}

.tc-security__guide button>b {
  display:flex;
  align-items:center;
  gap:14px;
  color:#8de9e0;
  font:800 13px Montserrat
}

.tc-security__guide button i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(92,224,213,.35);
  border-radius:50%;
  font-style:normal
}

.tc-security__guide button[aria-expanded=true] i {
  transform:rotate(180deg)
}

.tc-security__guide>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  padding:22px 25px 25px;
  border-top:1px solid rgba(255,255,255,.08)
}

.tc-security__guide>div[hidden] {
  display:none!important
}

.tc-security__guide article {
  padding:19px;
  border-radius:15px;
  background:rgba(5,25,54,.72)
}

.tc-security__guide h3 {
  margin:0 0 9px;
  font-size:18px
}

.tc-security button:focus-visible {
  outline:3px solid #ffcf6e;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-security__head {
    margin-left:8px;
    margin-right:8px
  }

  .tc-security__board {
    grid-template-columns:270px 1fr
  }

  .tc-security__steps {
    grid-template-columns:1fr
  }

  .tc-security__guide>div {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px) {
  .tc-security {
    padding:58px 0 62px
  }

  .tc-security__head {
    grid-template-columns:1fr;
    gap:18px
  }

  .tc-security__head h2 {
    font-size:38px
  }

  .tc-security__board {
    grid-template-columns:1fr
  }

  .tc-security__check {
    min-height:0
  }

  .tc-security__steps {
    grid-template-columns:1fr
  }

  .tc-security__steps article {
    grid-template-columns:48px 1fr;
    padding:18px 15px
  }

  .tc-security__steps i {
    width:48px;
    height:48px
  }

  .tc-security__alert {
    padding:21px 17px
  }

  .tc-security__guide>button {
    padding:19px 16px
  }

  .tc-security__guide button>b {
    font-size:0
  }

  .tc-security__guide>div {
    grid-template-columns:1fr;
    padding:17px 14px
  }

}

/* Account & Security contrast against legacy heading rules */
.tc-security h2,.tc-security h3,.tc-security strong {
  color:#fff!important
}

.tc-security__head h2 span {
  color:#81e7dd!important
}

.tc-security__check>p,.tc-security__guide button small {
  color:#63e6d8!important
}

.tc-security__alert>small {
  display:block;
  margin-bottom:8px;
  color:#ff9bb0!important;
  font:800 12px/1.3 Montserrat,sans-serif;
  letter-spacing:.13em
}

.tc-security__alert h3 {
  color:#fff!important
}

.tc-security__guide button>b {
  color:#8de9e0!important
}

.tc-mobile {
  position:relative;
  scroll-margin-top:78px;
  overflow:hidden;
  padding:92px 0 94px;
  background:linear-gradient(135deg,#fff5e6,#f9edff 50%,#e8fbff);
  color:#172751
}

.tc-mobile:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 10% 16%,rgba(255,119,96,.22),transparent 25%),radial-gradient(circle at 88% 15%,rgba(76,208,231,.25),transparent 26%);
  pointer-events:none
}

.tc-mobile__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-mobile__head {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:end;
  margin:0 30px 34px
}

.tc-mobile__head>div>p {
  margin:0 0 12px;
  color:#d34e73;
  font:800 13px Montserrat;
  letter-spacing:.16em
}

.tc-mobile__head h2 {
  margin:0;
  color:#172751!important;
  font:700 clamp(41px,4.6vw,66px)/1.01 "Exo 2"
}

.tc-mobile__head h2 span {
  color:#8250cf!important
}

.tc-mobile__head>p {
  margin:0;
  color:#586783;
  font-size:16px;
  line-height:1.7
}

.tc-mobile__showcase {
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);
  gap:18px;
  align-items:stretch
}

.tc-mobile__devices {
  position:relative;
  min-height:565px;
  border-radius:30px;
  background:linear-gradient(145deg,#172d6b,#5a32a6 55%,#dc547d);
  box-shadow:0 28px 68px rgba(62,40,112,.22);
  overflow:hidden
}

.tc-mobile__devices:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 35% 28%,rgba(105,235,255,.38),transparent 30%),linear-gradient(120deg,transparent 52%,rgba(255,255,255,.08) 52.2%,transparent 52.4%)
}

.tc-device {
  position:absolute;
  padding:10px;
  border:2px solid rgba(255,255,255,.8);
  background:#081735;
  box-shadow:0 25px 44px rgba(3,10,34,.42)
}

.tc-device__screen {
  position:relative;
  height:100%;
  padding:25px;
  background:linear-gradient(145deg,#0c2857,#243c91 55%,#b54088);
  overflow:hidden
}

.tc-device__screen:after {
  content:"";
  position:absolute;
  right:-35px;
  bottom:-35px;
  width:135px;
  height:135px;
  border:24px solid rgba(255,255,255,.08);
  border-radius:50%
}

.tc-device__screen small,.tc-device__screen b,.tc-device__screen span {
  position:relative;
  z-index:1;
  display:block
}

.tc-device__screen small {
  color:#79eff0;
  font:800 10px Montserrat;
  letter-spacing:.15em
}

.tc-device__screen b {
  margin-top:35px;
  color:#fff;
  font:800 28px/1.05 "Exo 2"
}

.tc-device__screen span {
  margin-top:12px;
  color:#d9e4ff;
  font-size:10px
}

.tc-device__screen>div {
  position:absolute;
  z-index:1;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  gap:8px
}

.tc-device__screen i {
  height:36px;
  flex:1;
  border-radius:8px;
  background:linear-gradient(135deg,#ffcc78,#f05a84)
}

.tc-device--tablet {
  left:6%;
  top:8%;
  width:47%;
  height:66%;
  border-radius:24px
}

.tc-device--laptop {
  right:5%;
  bottom:8%;
  width:58%;
  height:57%;
  border-radius:14px 14px 4px 4px
}

.tc-device--laptop:after {
  content:"";
  position:absolute;
  left:-7%;
  right:-7%;
  bottom:-17px;
  height:15px;
  border-radius:2px 2px 15px 15px;
  background:#dce3ed
}

.tc-device--phone {
  left:38%;
  bottom:4%;
  z-index:3;
  width:22%;
  height:62%;
  border-radius:30px;
  padding:8px
}

.tc-device--phone .tc-device__screen {
  border-radius:22px;
  padding:20px 13px
}

.tc-device--phone .tc-device__screen b {
  margin-top:45px;
  font-size:21px
}

.tc-device__notch {
  position:absolute;
  z-index:5;
  left:32%;
  right:32%;
  top:7px;
  height:14px;
  border-radius:0 0 9px 9px;
  background:#081735
}

.tc-mobile__options {
  padding:9px;
  border:1px solid rgba(71,66,133,.13);
  border-radius:30px;
  background:rgba(255,255,255,.78);
  box-shadow:0 24px 60px rgba(65,47,105,.13)
}

.tc-mobile__tabs {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:5px;
  border-radius:17px;
  background:#eceaf4
}

.tc-mobile__tabs button {
  padding:13px 10px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#68718a;
  cursor:pointer;
  font:800 13px Montserrat
}

.tc-mobile__tabs button[aria-selected=true] {
  background:#fff;
  color:#8250cf;
  box-shadow:0 7px 20px rgba(55,43,88,.12)
}

.tc-mobile__panel {
  padding:31px 27px
}

.tc-mobile__panel[hidden] {
  display:none!important
}

.tc-mobile__panel>p:first-child {
  margin:0 0 11px;
  color:#d34e73;
  font:800 12px Montserrat;
  letter-spacing:.13em
}

.tc-mobile__panel h3 {
  margin:0 0 15px;
  color:#182952!important;
  font:700 30px/1.15 "Exo 2"
}

.tc-mobile__panel h3+p {
  margin:0;
  color:#5e6b83;
  font-size:15px;
  line-height:1.68
}

.tc-mobile__panel ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
  margin:23px 0 0;
  padding:0;
  list-style:none
}

.tc-mobile__panel li {
  position:relative;
  padding:13px 12px 13px 30px;
  border-radius:12px;
  background:#f3f1f8;
  color:#475774;
  font-size:13px;
  line-height:1.45
}

.tc-mobile__panel li:before {
  content:"✓";
  position:absolute;
  left:11px;
  color:#159e99;
  font-weight:800
}

.tc-mobile__strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:18px;
  border-radius:20px;
  overflow:hidden;
  background:#ded9e8
}

.tc-mobile__strip article {
  padding:20px;
  background:rgba(255,255,255,.83)
}

.tc-mobile__strip b,.tc-mobile__strip span {
  display:block
}

.tc-mobile__strip b {
  margin-bottom:7px;
  color:#7d4ccc;
  font:700 22px "Exo 2"
}

.tc-mobile__strip span {
  color:#5a6881;
  font-size:13px;
  line-height:1.55
}

.tc-mobile button:focus-visible {
  outline:3px solid #0b918b;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-mobile__head {
    margin-left:8px;
    margin-right:8px
  }

  .tc-mobile__showcase {
    grid-template-columns:1fr
  }

  .tc-mobile__devices {
    min-height:500px
  }

  .tc-mobile__strip {
    grid-template-columns:repeat(2,1fr)
  }

}

@media(max-width:760px) {
  .tc-mobile {
    padding:58px 0 62px
  }

  .tc-mobile__head {
    grid-template-columns:1fr;
    gap:18px
  }

  .tc-mobile__head h2 {
    font-size:39px
  }

  .tc-mobile__devices {
    min-height:390px
  }

  .tc-device--tablet {
    left:3%;
    width:54%;
    height:61%
  }

  .tc-device--laptop {
    right:3%;
    width:65%;
    height:54%
  }

  .tc-device--phone {
    left:34%;
    width:29%;
    height:61%
  }

  .tc-device__screen b {
    font-size:20px
  }

  .tc-mobile__tabs {
    grid-template-columns:1fr
  }

  .tc-mobile__panel {
    padding:25px 17px
  }

  .tc-mobile__panel h3 {
    font-size:25px
  }

  .tc-mobile__panel ul {
    grid-template-columns:1fr
  }

  .tc-mobile__strip {
    grid-template-columns:1fr
  }

  .tc-mobile__head>p,.tc-mobile__panel h3+p {
    font-size:14px
  }

}

/* Realistic game lobby and sportsbook screens */
.tc-device__screen--casino,.tc-device__screen--sports,.tc-device__screen--phone {
  padding:17px!important;
  background:linear-gradient(145deg,#071a39,#102b5a 62%,#351d67)!important
}

.tc-device__screen header {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.tc-device__screen header em {
  color:#ff7895;
  font:800 8px Montserrat;
  font-style:normal
}

.tc-device__screen nav {
  position:relative;
  z-index:2;
  margin-top:13px;
  padding:8px 9px;
  border-radius:7px;
  background:rgba(255,255,255,.07);
  color:#c9d8ed;
  font:700 8px Montserrat
}

.tc-screen-games {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:10px
}

.tc-device__screen--sports nav {
  margin-top:9px
}

.tc-odds {
  position:relative;
  z-index:2;
  margin-top:8px;
  border-radius:7px;
  background:rgba(3,17,42,.72);
  overflow:hidden
}

.tc-odds__head,.tc-odds article {
  display:grid;
  grid-template-columns:minmax(0,1fr) repeat(3,42px);
  gap:4px;
  align-items:center;
  padding:6px
}

.tc-odds__head {
  background:rgba(98,226,216,.14);
  color:#76e6dd;
  font:700 7px Montserrat
}

.tc-odds article {
  border-top:1px solid rgba(255,255,255,.08)
}

.tc-odds strong {
  color:#e8f0fc!important;
  font:700 7px/1.25 Montserrat
}

.tc-odds button {
  padding:5px 2px;
  border:0;
  border-radius:4px;
  background:#244c83;
  color:#fff;
  font:800 7px Montserrat
}

.tc-device__screen--sports footer {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:8px;
  padding:8px;
  border-radius:7px;
  background:linear-gradient(100deg,#d54b79,#8b42c1)
}

.tc-device__screen--sports footer span,.tc-device__screen--sports footer b {
  margin:0!important;
  color:#fff!important;
  font:700 7px Montserrat!important
}

.tc-device__screen--phone header small {
  font-size:7px
}

.tc-device__screen--phone>p {
  position:relative;
  z-index:2;
  margin:17px 0 8px;
  color:#76e6dd;
  font:800 7px Montserrat;
  letter-spacing:.12em
}

.tc-device__screen--phone>section {
  position:relative;
  z-index:2;
  display:grid;
  gap:7px
}

.tc-device__screen--phone footer {
  position:absolute;
  z-index:3;
  left:10px;
  right:10px;
  bottom:10px;
  display:flex;
  justify-content:space-around;
  padding:8px;
  border-radius:8px;
  background:rgba(3,15,38,.82)
}

.tc-device__screen--phone footer span {
  margin:0!important;
  color:#7be9df!important;
  font-size:9px!important
}

@media(max-width:760px) {
  .tc-device__screen--casino,.tc-device__screen--sports,.tc-device__screen--phone {
    padding:9px!important
  }

  .tc-screen-games {
    gap:4px
  }

  .tc-odds__head,.tc-odds article {
    grid-template-columns:minmax(0,1fr) repeat(3,27px);
    padding:3px;
    gap:2px
  }

  .tc-odds button,.tc-odds strong,.tc-odds__head {
    font-size:5px
  }

  .tc-device__screen--phone>section {
    gap:4px
  }

}

/* Mobile Casino: separate transparent devices and mature palette */
.tc-mobile {
  background:linear-gradient(138deg,#07162e 0%,#0c2343 52%,#123653 100%);
  color:#fff
}

.tc-mobile:before {
  background:radial-gradient(circle at 8% 10%,rgba(37,196,190,.16),transparent 27%),radial-gradient(circle at 91% 12%,rgba(72,126,206,.15),transparent 28%)
}

.tc-mobile__head h2 {
  color:#fff!important
}

.tc-mobile__head h2 span {
  color:#69ddd5!important
}

.tc-mobile__head>div>p {
  color:#69ddd5
}

.tc-mobile__head>p {
  color:#bdcbdd
}

.tc-mobile__showcase {
  grid-template-columns:minmax(0,1.28fr) minmax(430px,.72fr);
  gap:30px
}

.tc-mobile__devices {
  min-height:520px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible
}

.tc-mobile__devices:before {
  display:none
}

.tc-device {
  top:50%!important;
  bottom:auto!important;
  box-shadow:0 24px 44px rgba(0,0,0,.38);
  transform:translateY(-50%)
}

.tc-device--tablet {
  left:0!important;
  width:34%!important;
  height:66%!important;
  border-radius:22px
}

.tc-device--phone {
  left:36.5%!important;
  width:19%!important;
  height:69%!important;
  border-radius:29px
}

.tc-device--laptop {
  left:auto!important;
  right:0!important;
  width:42%!important;
  height:60%!important
}

.tc-mobile__options {
  border-color:rgba(112,222,214,.2);
  background:rgba(10,31,61,.82);
  box-shadow:0 24px 60px rgba(0,0,0,.2)
}

.tc-mobile__tabs {
  background:rgba(255,255,255,.07)
}

.tc-mobile__tabs button {
  color:#aebed2
}

.tc-mobile__tabs button[aria-selected=true] {
  background:#163c65;
  color:#70e2da;
  box-shadow:none
}

.tc-mobile__panel>p:first-child {
  color:#70e2da
}

.tc-mobile__panel h3 {
  color:#fff!important
}

.tc-mobile__panel h3+p {
  color:#b7c6d9
}

.tc-mobile__panel li {
  background:rgba(255,255,255,.065);
  color:#d0dbea
}

.tc-mobile__panel li:before {
  color:#67ddd4
}

.tc-mobile__strip {
  background:rgba(255,255,255,.09)
}

.tc-mobile__strip article {
  background:rgba(10,34,65,.9)
}

.tc-mobile__strip b {
  color:#71dfd7
}

.tc-mobile__strip span {
  color:#b5c5d9
}

@media(max-width:1050px) {
  .tc-mobile__showcase {
    grid-template-columns:1fr
  }

  .tc-mobile__devices {
    min-height:440px
  }

  .tc-device--tablet {
    width:35%!important
  }

  .tc-device--phone {
    left:38%!important;
    width:18%!important
  }

  .tc-device--laptop {
    width:41%!important
  }

}

@media(max-width:760px) {
  .tc-mobile__devices {
    min-height:300px;
    margin:0 3px
  }

  .tc-device {
    padding:4px;
    border-width:1px
  }

  .tc-device--tablet {
    left:0!important;
    width:35%!important;
    height:62%!important
  }

  .tc-device--phone {
    left:37%!important;
    width:20%!important;
    height:68%!important
  }

  .tc-device--laptop {
    right:0!important;
    width:40%!important;
    height:57%!important
  }

  .tc-device--laptop:after {
    bottom:-9px;
    height:8px
  }

  .tc-device__notch {
    top:3px;
    height:8px
  }

  .tc-device__screen--sports footer {
    display:none
  }

}

/* Mobile Casino final device composition */
.tc-mobile__showcase {
  grid-template-columns:1fr
}

.tc-mobile__devices {
  min-height:610px
}

.tc-mobile__options {
  width:min(980px,100%);
  margin:0 auto
}

.tc-device--tablet {
  left:0!important;
  width:29%!important;
  height:64%!important
}

.tc-device--phone {
  left:31.5%!important;
  width:13.5%!important;
  height:67%!important
}

.tc-device--laptop {
  right:0!important;
  width:52%!important;
  height:76%!important
}

.tc-screen-games {
  grid-template-columns:repeat(2,1fr);
  gap:7px
}

.tc-screen-games article {
  position:relative;
  min-width:0;
  border-radius:8px;
  background:#071731;
  overflow:hidden
}

.tc-screen-games img {
  display:block;
  width:100%;
  height:82px;
  object-fit:cover
}

.tc-screen-games span {
  display:block!important;
  margin:0!important;
  padding:6px 7px;
  color:#fff!important;
  font:700 7px/1.2 Montserrat!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.tc-device__screen--phone>section article {
  display:grid;
  grid-template-columns:47px 1fr;
  align-items:center;
  min-height:48px;
  border-radius:7px;
  background:rgba(255,255,255,.07);
  overflow:hidden
}

.tc-device__screen--phone>section img {
  width:47px;
  height:48px;
  object-fit:cover
}

.tc-device__screen--phone>section article span {
  margin:0!important;
  padding:6px;
  color:#fff!important;
  font:700 6px/1.25 Montserrat!important
}

.tc-odds__head,.tc-odds article {
  grid-template-columns:minmax(115px,1fr) repeat(5,43px)
}

.tc-odds strong {
  color:#7ce5dc!important;
  font-size:6px;
  line-height:1.3
}

.tc-odds strong b {
  color:#fff!important;
  font-size:7px
}

.tc-device__screen--sports footer span,.tc-device__screen--sports footer b {
  font-size:7px!important
}

@media(max-width:1050px) {
  .tc-mobile__devices {
    min-height:490px
  }

  .tc-device--tablet {
    width:30%!important
  }

  .tc-device--phone {
    left:32.5%!important;
    width:14%!important
  }

  .tc-device--laptop {
    width:50%!important
  }

  .tc-screen-games img {
    height:62px
  }

  .tc-odds__head,.tc-odds article {
    grid-template-columns:minmax(80px,1fr) repeat(5,32px)
  }

}

@media(max-width:760px) {
  .tc-mobile__devices {
    min-height:275px
  }

  .tc-device--tablet {
    width:29%!important;
    height:61%!important
  }

  .tc-device--phone {
    left:31.5%!important;
    width:14%!important;
    height:65%!important
  }

  .tc-device--laptop {
    width:52%!important;
    height:72%!important
  }

  .tc-screen-games {
    gap:3px
  }

  .tc-screen-games img {
    height:28px
  }

  .tc-screen-games span {
    padding:2px!important;
    font-size:3px!important
  }

  .tc-device__screen--phone>section article {
    grid-template-columns:20px 1fr;
    min-height:23px
  }

  .tc-device__screen--phone>section img {
    width:20px;
    height:23px
  }

  .tc-device__screen--phone>section article span {
    font-size:3px!important
  }

  .tc-odds__head,.tc-odds article {
    grid-template-columns:minmax(37px,1fr) repeat(5,15px)
  }

  .tc-odds article:nth-child(n+5) {
    display:none
  }

  .tc-odds button,.tc-odds strong,.tc-odds strong b,.tc-odds__head {
    font-size:3px
  }

  .tc-device__screen--sports footer {
    display:flex
  }

}

/* Phone-only responsive lobby */
.tc-device__screen--phone {
  display:flex;
  flex-direction:column;
  padding:19px 13px 12px!important
}

.tc-device__screen--phone header {
  flex:0 0 auto;
  padding:0 2px
}

.tc-device__screen--phone header em {
  color:#ff718e;
  font-size:7px
}

.tc-phone-search {
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  height:27px!important;
  margin:15px 0 7px;
  padding:0 9px;
  border:1px solid rgba(124,229,220,.16);
  border-radius:8px;
  background:rgba(255,255,255,.07)
}

.tc-phone-search span {
  margin:0!important;
  color:#91a7c3!important;
  font:600 6px Montserrat!important
}

.tc-phone-search b {
  margin:0!important;
  color:#76e6dd!important;
  font:700 8px Montserrat!important
}

.tc-device__screen--phone nav {
  margin:0;
  padding:7px 8px;
  font-size:5px;
  white-space:nowrap
}

.tc-device__screen--phone>p {
  margin:11px 1px 7px;
  font-size:6px
}

.tc-device__screen--phone>section {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  align-content:start
}

.tc-device__screen--phone>section article {
  display:block;
  min-height:0;
  border-radius:7px;
  background:#0a1d3e
}

.tc-device__screen--phone>section img {
  display:block;
  width:100%;
  height:58px;
  object-fit:cover
}

.tc-device__screen--phone>section article span {
  display:block!important;
  height:22px;
  margin:0!important;
  padding:5px 5px!important;
  color:#fff!important;
  font:700 5px/1.2 Montserrat!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.tc-device__screen--phone footer {
  position:static;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  flex:0 0 auto;
  margin-top:auto;
  padding:7px 4px
}

.tc-device__screen--phone footer>span {
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:3px;
  margin:0!important;
  color:#75e4dc!important;
  font-size:8px!important
}

.tc-device__screen--phone footer small {
  color:#91a7c3;
  font:600 4px Montserrat
}

@media(max-width:1050px) {
  .tc-device__screen--phone {
    padding:13px 8px 8px!important
  }

  .tc-phone-search {
    height:22px!important;
    margin-top:10px
  }

  .tc-device__screen--phone>section {
    gap:4px
  }

  .tc-device__screen--phone>section img {
    height:39px
  }

  .tc-device__screen--phone>section article span {
    height:15px;
    padding:3px!important;
    font-size:4px!important
  }

}

@media(max-width:760px) {
  .tc-device__screen--phone {
    padding:7px 4px 4px!important
  }

  .tc-phone-search {
    height:12px!important;
    margin:5px 0 3px;
    padding:0 3px
  }

  .tc-phone-search span {
    font-size:2px!important
  }

  .tc-device__screen--phone nav {
    padding:3px;
    font-size:2px
  }

  .tc-device__screen--phone>p {
    margin:4px 0 3px;
    font-size:2px
  }

  .tc-device__screen--phone>section {
    gap:2px
  }

  .tc-device__screen--phone>section img {
    width:100%;
    height:14px
  }

  .tc-device__screen--phone>section article span {
    height:7px;
    padding:1px!important;
    font-size:2px!important
  }

  .tc-device__screen--phone footer {
    padding:2px
  }

  .tc-device__screen--phone footer>span {
    font-size:3px!important
  }

  .tc-device__screen--phone footer small {
    display:none
  }

}

.tc-about {
  position:relative;
  scroll-margin-top:78px;
  overflow:hidden;
  padding:92px 0 96px;
  background:#f1eee7;
  color:#172641
}

.tc-about:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(29,53,85,.045) 1px,transparent 1px);
  background-size:96px 100%;
  pointer-events:none
}

.tc-about__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-about__head {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:65px;
  align-items:end;
  margin:0 31px 36px
}

.tc-about__head>div>p,.tc-about__principle>div>p {
  margin:0 0 12px;
  color:#b55c47;
  font:800 13px Montserrat;
  letter-spacing:.16em
}

.tc-about__head h2 {
  margin:0;
  color:#172641!important;
  font:700 clamp(41px,4.6vw,66px)/1.02 "Exo 2"
}

.tc-about__head h2 span {
  color:#98614f!important
}

.tc-about__head>p {
  margin:0;
  color:#59667a;
  font-size:16px;
  line-height:1.72
}

.tc-about__story {
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:14px
}

.tc-about__feature {
  position:relative;
  padding:27px;
  border:1px solid rgba(27,48,78,.1);
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 45px rgba(41,45,58,.07);
  overflow:hidden
}

.tc-about__feature:after {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-55px;
  bottom:-55px;
  border:22px solid rgba(181,92,71,.07);
  border-radius:50%
}

.tc-about__feature--games {
  grid-column:span 7;
  border-radius:28px 8px 8px 8px;
  background:#172a49;
  color:#fff
}

.tc-about__feature--sport {
  grid-column:span 5;
  border-radius:8px 28px 8px 8px;
  background:#254f59;
  color:#fff
}

.tc-about__feature--live,.tc-about__feature--money,.tc-about__feature--mobile,.tc-about__feature--safe {
  grid-column:span 3;
  border-radius:8px
}

.tc-about__feature>span {
  display:block;
  margin-bottom:12px;
  color:#b55c47;
  font:800 12px Montserrat;
  letter-spacing:.12em
}

.tc-about__feature--games>span,.tc-about__feature--sport>span {
  color:#efb692
}

.tc-about__feature h3 {
  position:relative;
  z-index:1;
  margin:0 0 12px;
  color:#172641!important;
  font:700 24px/1.2 "Exo 2"
}

.tc-about__feature--games h3,.tc-about__feature--sport h3 {
  color:#fff!important;
  font-size:29px
}

.tc-about__feature p {
  position:relative;
  z-index:1;
  margin:0;
  color:#5b687b;
  font-size:14px;
  line-height:1.68
}

.tc-about__feature--games p,.tc-about__feature--sport p {
  color:#c7d3de
}

.tc-about__feature>div {
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:19px
}

.tc-about__feature b {
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font:700 11px Montserrat
}

.tc-about__principle {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:55px;
  align-items:center;
  margin-top:15px;
  padding:31px 34px;
  border-left:5px solid #b55c47;
  background:#ded8cc
}

.tc-about__principle h3 {
  margin:0;
  color:#172641!important;
  font:700 31px/1.2 "Exo 2"
}

.tc-about__principle>p {
  margin:0;
  color:#526074;
  font-size:15px;
  line-height:1.7
}

.tc-about__detail {
  margin-top:15px;
  border:1px solid rgba(27,48,78,.14);
  border-radius:18px;
  background:rgba(255,255,255,.58);
  overflow:hidden
}

.tc-about__detail>button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:22px 26px;
  border:0;
  background:none;
  color:#172641;
  text-align:left;
  cursor:pointer
}

.tc-about__detail button small,.tc-about__detail button strong {
  display:block
}

.tc-about__detail button small {
  margin-bottom:6px;
  color:#b55c47;
  font:800 12px Montserrat;
  letter-spacing:.13em
}

.tc-about__detail button strong {
  color:#172641!important;
  font:700 23px "Exo 2"
}

.tc-about__detail button>b {
  display:flex;
  align-items:center;
  gap:13px;
  color:#98614f;
  font:800 13px Montserrat
}

.tc-about__detail button i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(152,97,79,.35);
  border-radius:50%;
  font-style:normal;
  transition:.2s
}

.tc-about__detail button[aria-expanded=true] i {
  transform:rotate(180deg)
}

.tc-about__detail>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  padding:22px 24px 25px;
  border-top:1px solid rgba(27,48,78,.1)
}

.tc-about__detail>div[hidden] {
  display:none!important
}

.tc-about__detail article {
  padding:19px;
  border-radius:13px;
  background:#e6e1d8
}

.tc-about__detail h3 {
  margin:0 0 9px;
  color:#172641!important;
  font-size:19px
}

.tc-about__detail p {
  margin:0;
  color:#586579;
  font-size:14px;
  line-height:1.65
}

.tc-about button:focus-visible {
  outline:3px solid #226b73;
  outline-offset:3px
}

@media(max-width:1050px) {
  .tc-about__head {
    margin-left:8px;
    margin-right:8px
  }

  .tc-about__feature--games,.tc-about__feature--sport {
    grid-column:span 6
  }

  .tc-about__feature--live,.tc-about__feature--money,.tc-about__feature--mobile,.tc-about__feature--safe {
    grid-column:span 6
  }

  .tc-about__detail>div {
    grid-template-columns:1fr
  }

}

@media(max-width:760px) {
  .tc-about {
    padding:58px 0 62px
  }

  .tc-about__head {
    grid-template-columns:1fr;
    gap:18px
  }

  .tc-about__head h2 {
    font-size:38px
  }

  .tc-about__story {
    display:block
  }

  .tc-about__feature {
    margin-bottom:10px;
    padding:21px 18px;
    border-radius:12px
  }

  .tc-about__feature--games,.tc-about__feature--sport {
    border-radius:18px
  }

  .tc-about__feature h3,.tc-about__feature--games h3,.tc-about__feature--sport h3 {
    font-size:24px
  }

  .tc-about__principle {
    grid-template-columns:1fr;
    gap:14px;
    padding:24px 19px
  }

  .tc-about__principle h3 {
    font-size:25px
  }

  .tc-about__detail>button {
    padding:19px 16px
  }

  .tc-about__detail button>b {
    font-size:0
  }

  .tc-about__detail>div {
    grid-template-columns:1fr;
    padding:17px 14px
  }

  .tc-about__head>p,.tc-about__principle>p {
    font-size:14px
  }

}

/* About editorial visual */
.tc-about__visual {
  grid-column:1/-1;
  position:relative;
  height:470px;
  margin:2px 0 4px;
  overflow:hidden
}

.tc-about__visual:before {
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:4%;
  height:38%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(25,43,69,.2),transparent 70%);
  filter:blur(18px)
}

.tc-about__visual img {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 24px 24px rgba(29,38,55,.2))
}

@media(max-width:1050px) {
  .tc-about__visual {
    height:400px
  }

}

@media(max-width:760px) {
  .tc-about__visual {
    height:280px;
    margin:8px 0 13px
  }

  .tc-about__visual img {
    object-position:center bottom
  }

}

/* About image surrounded by content; clean section backgrounds */
.tc-about:before,.tc-payments:before {
  display:none!important
}

.tc-about__story {
  grid-template-rows:auto repeat(2,minmax(245px,auto));
  align-items:stretch
}

.tc-about__feature--games {
  grid-column:1/8;
  grid-row:1
}

.tc-about__feature--sport {
  grid-column:8/13;
  grid-row:1
}

.tc-about__visual {
  grid-column:4/10;
  grid-row:2/4;
  height:auto;
  min-height:504px;
  margin:0;
  align-self:stretch
}

.tc-about__visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom
}

.tc-about__feature--live {
  grid-column:1/4;
  grid-row:2
}

.tc-about__feature--money {
  grid-column:1/4;
  grid-row:3
}

.tc-about__feature--mobile {
  grid-column:10/13;
  grid-row:2
}

.tc-about__feature--safe {
  grid-column:10/13;
  grid-row:3
}

.tc-about__feature--live,.tc-about__feature--money,.tc-about__feature--mobile,.tc-about__feature--safe {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px
}

.tc-payments {
  background:linear-gradient(135deg,#f4f8ff 0%,#fff 52%,#edf9f6 100%)
}

@media(max-width:1050px) {
  .tc-about__story {
    grid-template-rows:auto auto auto
  }

  .tc-about__feature--games {
    grid-column:1/7;
    grid-row:1
  }

  .tc-about__feature--sport {
    grid-column:7/13;
    grid-row:1
  }

  .tc-about__visual {
    grid-column:4/10;
    grid-row:2/4;
    min-height:470px
  }

  .tc-about__feature--live {
    grid-column:1/4;
    grid-row:2
  }

  .tc-about__feature--money {
    grid-column:1/4;
    grid-row:3
  }

  .tc-about__feature--mobile {
    grid-column:10/13;
    grid-row:2
  }

  .tc-about__feature--safe {
    grid-column:10/13;
    grid-row:3
  }

  .tc-about__feature--live,.tc-about__feature--money,.tc-about__feature--mobile,.tc-about__feature--safe {
    padding:18px
  }

  .tc-about__feature h3 {
    font-size:20px
  }

  .tc-about__feature p {
    font-size:13px
  }

}

@media(max-width:760px) {
  .tc-about__story {
    display:block
  }

  .tc-about__feature--games,.tc-about__feature--sport,.tc-about__feature--live,.tc-about__feature--money,.tc-about__feature--mobile,.tc-about__feature--safe {
    display:block;
    margin-bottom:10px;
    padding:21px 18px
  }

  .tc-about__visual {
    position:relative;
    min-height:0;
    height:280px;
    margin:8px 0 13px
  }

  .tc-about__visual img {
    position:relative
  }

  .tc-about__feature h3 {
    font-size:24px
  }

  .tc-about__feature p {
    font-size:14px
  }

}

.tc-faq {
  position:relative;
  scroll-margin-top:78px;
  padding:92px 0 96px;
  overflow:hidden;
  background:linear-gradient(145deg,#0b1b38,#142b50 58%,#163b54);
  color:#fff
}

.tc-faq:before {
  content:"";
  position:absolute;
  left:-130px;
  top:80px;
  width:410px;
  height:410px;
  border:1px solid rgba(102,224,215,.12);
  border-radius:50%;
  box-shadow:0 0 0 65px rgba(102,224,215,.025),0 0 0 130px rgba(102,224,215,.018);
  pointer-events:none
}

.tc-faq__inner {
  position:relative;
  width:min(1580px,calc(100% - 28px));
  margin:auto
}

.tc-faq__head {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:65px;
  align-items:end;
  margin:0 30px 35px
}

.tc-faq__head>div>p {
  margin:0 0 12px;
  color:#66e0d7;
  font:800 13px Montserrat;
  letter-spacing:.16em
}

.tc-faq__head h2 {
  margin:0;
  color:#fff!important;
  font:700 clamp(41px,4.6vw,66px)/1.02 "Exo 2"
}

.tc-faq__head h2 span {
  color:#7de5dd!important
}

.tc-faq__intro {
  display:grid;
  grid-template-columns:74px 1fr;
  gap:19px;
  align-items:center
}

.tc-faq__intro i {
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border:1px solid rgba(102,224,215,.4);
  border-radius:50%;
  color:#ffcf77;
  font:700 34px "Exo 2";
  font-style:normal
}

.tc-faq__intro p {
  margin:0;
  color:#bdcbdd;
  font-size:16px;
  line-height:1.7
}

.tc-faq__columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start
}

.tc-faq__column {
  display:grid;
  gap:12px
}

.tc-faq article {
  border:1px solid rgba(118,220,214,.16);
  border-radius:16px;
  background:rgba(6,26,55,.63);
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.1)
}

.tc-faq article h3 {
  margin:0
}

.tc-faq article button {
  display:grid;
  grid-template-columns:1fr 38px;
  gap:18px;
  align-items:center;
  width:100%;
  padding:21px 20px 21px 23px;
  border:0;
  background:none;
  color:#fff;
  text-align:left;
  cursor:pointer;
  font:700 17px/1.4 Montserrat
}

.tc-faq article button i {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(102,224,215,.1);
  color:#72e1d8;
  font:700 22px Montserrat;
  font-style:normal;
  transition:.2s
}

.tc-faq article button[aria-expanded=true] {
  background:rgba(102,224,215,.06)
}

.tc-faq article button[aria-expanded=true] i {
  transform:rotate(45deg);
  background:#66e0d7;
  color:#0b203d
}

.tc-faq article>div {
  padding:0 74px 22px 23px;
  border-top:1px solid rgba(255,255,255,.07)
}

.tc-faq article>div[hidden] {
  display:none!important
}

.tc-faq article>div p {
  margin:18px 0 0;
  color:#b9c8da;
  font-size:14px;
  line-height:1.72
}

.tc-faq button:focus-visible {
  outline:3px solid #ffcf77;
  outline-offset:-3px
}

@media(max-width:1050px) {
  .tc-faq__head {
    margin-left:8px;
    margin-right:8px
  }

  .tc-faq article button {
    font-size:15px
  }

}

@media(max-width:760px) {
  .tc-faq {
    padding:58px 0 62px
  }

  .tc-faq__head {
    grid-template-columns:1fr;
    gap:20px
  }

  .tc-faq__head h2 {
    font-size:38px
  }

  .tc-faq__intro {
    grid-template-columns:52px 1fr
  }

  .tc-faq__intro i {
    width:52px;
    height:52px;
    font-size:25px
  }

  .tc-faq__intro p {
    font-size:14px
  }

  .tc-faq__columns {
    grid-template-columns:1fr
  }

  .tc-faq article button {
    grid-template-columns:1fr 34px;
    padding:18px 15px;
    font-size:15px
  }

  .tc-faq article button i {
    width:34px;
    height:34px
  }

  .tc-faq article>div {
    padding:0 15px 19px
  }

  .tc-faq article>div p {
    font-size:14px
  }

}

/* Total Casino footer and legal pages */
.tc-footer {
  position:relative;
  padding:68px 0 26px;
  overflow:hidden;
  background:radial-gradient(circle at 8% 20%,rgba(114,72,216,.24),transparent 25%),radial-gradient(circle at 92% 35%,rgba(255,82,121,.12),transparent 24%),linear-gradient(145deg,#07152d 0%,#0a1b3b 55%,#14143b 100%);
  color:#b9c8da;
  border-top:1px solid rgba(102,224,215,.25)
}

.tc-footer:before {
  content:"♠   ♦   ♣   ♥";
  position:absolute;
  top:3px;
  right:4%;
  color:rgba(158,116,255,.13);
  font:700 clamp(74px,11vw,160px)/1 Georgia,serif;
  letter-spacing:.14em;
  transform:rotate(-5deg);
  pointer-events:none
}

.tc-footer:after {
  content:"";
  position:absolute;
  top:0;
  left:-8%;
  width:64%;
  height:7px;
  background:linear-gradient(90deg,transparent,#6445d8 30%,#b64ecb 65%,#ff637c 100%);
  box-shadow:0 0 24px rgba(151,71,220,.7);
  transform:skewX(-35deg);
  pointer-events:none
}

.tc-footer__inner {
  position:relative;
  z-index:1;
  width:min(1580px,calc(100% - 36px));
  margin:auto
}

.tc-footer__top {
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  gap:36px;
  align-items:center;
  margin-bottom:20px;
  padding:24px 26px;
  border:1px solid rgba(133,104,235,.24);
  border-radius:18px;
  background:linear-gradient(100deg,rgba(25,42,83,.82),rgba(61,40,100,.48));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 45px rgba(0,5,20,.18)
}

.tc-footer__brand {
  width:max-content;
  color:#fff
}

.tc-footer__top p {
  max-width:650px;
  margin:0;
  font-size:15px;
  line-height:1.65
}

.tc-footer__age {
  padding:12px 18px;
  border:1px solid rgba(255,207,119,.38);
  border-radius:999px;
  color:#ffcf77;
  font:700 14px Montserrat
}

.tc-footer__nav {
  display:grid;
  grid-template-columns:repeat(11,minmax(0,1fr));
  gap:7px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(3,14,36,.42)
}

.tc-footer__nav a {
  padding:13px 8px;
  border:1px solid transparent;
  border-radius:9px;
  color:#dce7f4;
  text-align:center;
  font:700 12px Montserrat;
  transition:.2s ease
}

.tc-footer__nav a:hover,.tc-footer__legal a:hover {
  color:#fff
}

.tc-footer__nav a:hover {
  border-color:rgba(154,104,241,.38);
  background:linear-gradient(110deg,rgba(105,67,215,.32),rgba(237,77,135,.2));
  transform:translateY(-2px)
}

.tc-footer__legal {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px 34px;
  padding:25px 0
}

.tc-footer__legal a {
  padding:8px 12px;
  border-radius:8px;
  color:#aebed1;
  font-size:14px
}

.tc-footer__bottom {
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08)
}

.tc-footer__bottom p {
  margin:0;
  color:#8295ad;
  font-size:13px
}

.tc-legal {
  min-height:100vh;
  background:linear-gradient(145deg,#081a34,#133858);
  color:#dbe7f3
}

.tc-legal .tc-header {
  position:sticky;
  top:0
}

.tc-legal__hero {
  padding:98px 20px 58px;
  text-align:center;
  background:radial-gradient(circle at 50% 0,rgba(102,224,215,.15),transparent 48%)
}

.tc-legal__hero p {
  margin:0 0 12px;
  color:#66e0d7;
  font:800 13px Montserrat;
  letter-spacing:.15em
}

.tc-legal__hero h1 {
  max-width:920px;
  margin:auto;
  color:#fff;
  font:700 clamp(42px,6vw,72px)/1.05 "Exo 2"
}

.tc-legal__hero time {
  display:block;
  margin-top:18px;
  color:#aebed1;
  font-size:15px
}

.tc-legal__content {
  width:min(1050px,calc(100% - 34px));
  margin:0 auto 80px;
  padding:46px clamp(22px,5vw,68px);
  border:1px solid rgba(102,224,215,.18);
  border-radius:24px;
  background:rgba(6,24,49,.72);
  box-shadow:0 25px 70px rgba(0,0,0,.18)
}

.tc-legal__content h2 {
  margin:34px 0 12px;
  color:#fff;
  font:700 27px/1.25 "Exo 2"
}

.tc-legal__content h2:first-child {
  margin-top:0
}

.tc-legal__content h3 {
  margin:24px 0 9px;
  color:#7de5dd;
  font:700 19px Montserrat
}

.tc-legal__content p,.tc-legal__content li {
  color:#c1cede;
  font-size:16px;
  line-height:1.75
}

.tc-legal__content ul {
  padding-left:22px
}

.tc-legal__note {
  padding:18px 20px;
  border-left:4px solid #ffcf77;
  background:rgba(255,207,119,.08);
  border-radius:0 12px 12px 0
}

.tc-legal__back {
  display:inline-flex;
  margin-top:25px;
  color:#66e0d7;
  font-weight:700
}

.tc-legal .tc-nav {
  flex-wrap:wrap;
  justify-content:center;
  gap:5px 15px
}

.tc-legal .tc-nav a {
  font-size:12px
}

@media(max-width:900px) {
  .tc-footer__top {
    grid-template-columns:1fr
  }

  .tc-footer__nav {
    grid-template-columns:repeat(4,1fr)
  }

  .tc-footer__bottom {
    flex-direction:column
  }

  .tc-legal .tc-header__inner {
    flex-wrap:wrap
  }

  .tc-legal .tc-nav {
    order:4;
    width:100%
  }

}

@media(max-width:600px) {
  .tc-footer {
    padding-top:42px
  }

  .tc-footer__nav {
    grid-template-columns:1fr 1fr
  }

  .tc-footer__nav a {
    font-size:12px
  }

  .tc-footer__legal {
    justify-content:flex-start;
    gap:14px 24px
  }

  .tc-legal__hero {
    padding-top:70px
  }

  .tc-legal__content {
    padding:30px 20px
  }

  .tc-legal__content p,.tc-legal__content li {
    font-size:15px
  }

}

/* Keep the primary navigation visible throughout the page. */
.tc-header, .tc-legal .tc-header {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.page, .tc-legal {
  padding-top: 76px;
}

.page [id], .tc-legal [id] {
  scroll-margin-top: 92px;
}

@media (max-width: 767px) {
  .page,   .tc-legal {
    padding-top: 64px;
  }

  .page [id],   .tc-legal [id] {
    scroll-margin-top: 78px;
  }

}

.ui-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1000;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background: #e40046;
  font: 700 28px/1 Arial, sans-serif;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ui-to-top::before {
  content: "\2191";
}

.ui-to-top:hover,
.ui-to-top:focus {
  color: #ffffff;
  background: #b80038;
  text-decoration: none;
}

.ui-to-top.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
