/* ==================== Base Start ==================== */
:root {
  --primary: #b85f38;
  --primary-dark: #7d3f2b;
  --primary-soft: #d98656;

  --accent: #dda85e;
  --accent-light: #f0c986;

  --sand: #d8b98c;
  --sand-light: #f2e4ce;
  --cream: #faf5ec;

  --dark: #20272d;
  --dark-soft: #303840;
  --text: #2d3134;
  --text-soft: #ddd3c5;

  --white: #ffffff;
  --container: 1380px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  background: var(--cream);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

body.menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  font: inherit;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 50px;
  padding: 0 29px;

  border-radius: 30px;

  background:
    linear-gradient(
      135deg,
      #c66b3f 0%,
      #a94f31 100%
    );

  color: var(--white);

  font-size: 15px;
  font-weight: 800;

  box-shadow:
    0 13px 30px rgba(117, 56, 36, 0.28);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.btn:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #d17647 0%,
      #ad5031 100%
    );

  box-shadow:
    0 17px 38px rgba(117, 56, 36, 0.34);
}
/* ==================== Base End ==================== */


/* ==================== Header Start ==================== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;

  width: 100%;
  padding: 20px 28px;

  transition:
    padding 0.25s ease,
    background 0.25s ease;
}

.header.scrolled {
  padding-top: 11px;
  padding-bottom: 11px;
}

.header-2 {
  width: 100%;
}

.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  width: min(100%, var(--container));
  min-height: 72px;

  margin: 0 auto;
  padding: 0 14px 0 21px;

  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 22px;

  background:
    rgba(255, 250, 242, 0.92);

  box-shadow:
    0 13px 35px rgba(57, 39, 30, 0.13);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}


/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 11px;

  flex-shrink: 0;
}

.logo-icon {
  position: relative;

  width: 36px;
  height: 36px;

  overflow: hidden;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #e3af67,
      #b95c36 62%,
      #793f2c
    );

  box-shadow:
    0 8px 19px rgba(132, 67, 39, 0.28);
}

.logo-icon::after {
  content: "";

  position: absolute;
  top: -5px;
  left: 12px;

  width: 30px;
  height: 30px;

  border-radius: 50%;

  background: #fffaf2;
}

.logo-name {
  color: #2e3438;

  font-size: 18px;
  font-weight: 800;

  letter-spacing: -0.4px;
}


/* Navigation */
.navbar {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(12px, 1.4vw, 25px);

  margin: 0 auto;
}

.navbar a {
  position: relative;

  color: #5f5d59;

  font-size: 13px;
  font-weight: 700;

  white-space: nowrap;

  transition: color 0.25s ease;
}

.navbar a::after {
  content: "";

  position: absolute;
  bottom: -8px;
  left: 50%;

  width: 0;
  height: 2px;

  border-radius: 20px;

  background: var(--primary);

  transform: translateX(-50%);

  transition: width 0.25s ease;
}

.navbar a:hover {
  color: var(--primary-dark);
}

.navbar a:hover::after {
  width: 100%;
}


/* Header Actions */
.icon-container {
  display: flex;
  align-items: center;
  gap: 11px;

  flex-shrink: 0;
}

.icon-container .btn {
  min-height: 44px;
  padding: 0 22px;

  font-size: 13px;
}


/* Menu Button */
.menu-btn {
  display: none;

  width: 44px;
  height: 44px;

  padding: 11px;

  border-radius: 13px;

  background: rgba(184, 95, 56, 0.11);

  cursor: pointer;
}

.menu-btn span {
  display: block;

  width: 100%;
  height: 2px;

  margin: 4px 0;

  border-radius: 10px;

  background: #3c4144;

  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
}

.menu-btn.active span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.menu-btn.active span:nth-child(2) {
  opacity: 0;
}

.menu-btn.active span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}


/* Mobile Menu */
.mobile-menu {
  display: none;

  width: min(calc(100% - 56px), var(--container));

  margin: 9px auto 0;
  padding: 9px;

  border: 1px solid rgba(126, 74, 48, 0.08);
  border-radius: 18px;

  background: rgba(255, 250, 242, 0.98);

  box-shadow:
    0 17px 42px rgba(52, 37, 29, 0.16);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.mobile-menu.active {
  display: block;
}

.mobile-navbar {
  display: grid;
}

.mobile-navbar a {
  padding: 12px 14px;

  border-radius: 11px;

  color: #555552;

  font-size: 14px;
  font-weight: 700;

  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.mobile-navbar a:hover {
  background: rgba(184, 95, 56, 0.09);
  color: var(--primary-dark);
}
/* ==================== Header End ==================== */


/* ==================== Home Start ==================== */
.home {
  position: relative;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 100vh;

  overflow: hidden;

  padding: 145px 30px 75px;

  background:
    linear-gradient(
      90deg,
      rgba(39, 31, 27, 0.96) 0%,
      rgba(62, 42, 31, 0.91) 27%,
      rgba(109, 59, 36, 0.70) 48%,
      rgba(164, 83, 45, 0.29) 70%,
      rgba(195, 115, 67, 0.08) 100%
    ),
    url("../images/hero-moonwin.webp")
      center center / cover no-repeat;
}

.home::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(15, 20, 23, 0.08) 0%,
      transparent 55%,
      rgba(30, 23, 19, 0.2) 100%
    );
}

.home::after {
  content: "";

  position: absolute;
  right: -180px;
  bottom: -310px;

  width: 620px;
  height: 620px;

  border: 1px solid rgba(239, 196, 132, 0.15);
  border-radius: 50%;

  pointer-events: none;
}

.home .content {
  position: relative;
  z-index: 2;

  width: min(100%, var(--container));

  margin: 0 auto;
}

.home .text {
  max-width: 690px;
}


/* Hero Kicker */
.home h5 {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 19px;

  color: #f0c789;

  font-size: 13px;
  font-weight: 800;

  letter-spacing: 2px;
  text-transform: uppercase;
}

.home h5::before {
  content: "";

  width: 36px;
  height: 2px;

  border-radius: 10px;

  background: var(--accent);
}


/* Hero Title */
.home h1 {
  max-width: 700px;

  margin-bottom: 24px;

  color: var(--white);

  font-size: clamp(58px, 7vw, 104px);
  font-weight: 800;

  line-height: 0.92;
  letter-spacing: -5px;
}

.home h1 span {
  color: #e3aa62;
}


/* Hero Description */
.hero-desc {
  max-width: 640px;

  margin-bottom: 31px;

  color: #e1d7cc;

  font-size: 17px;
  line-height: 1.75;
}

.home .text > .btn {
  min-width: 170px;
}


/* Hero Features */
.hero-features {
  display: flex;
  flex-wrap: wrap;

  gap: 12px 28px;

  margin-top: 36px;
}

.hero-features span {
  position: relative;

  padding-left: 18px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 13px;
  font-weight: 700;
}

.hero-features span::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 0;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--accent);

  box-shadow:
    0 0 0 4px rgba(221, 168, 94, 0.12);

  transform: translateY(-50%);
}
/* ==================== Home End ==================== */


/* ==================== Header & Home Responsive Start ==================== */
@media (max-width: 1230px) {
  .navbar {
    gap: 13px;
  }

  .navbar a {
    font-size: 12px;
  }

  .icon-container .btn {
    padding: 0 18px;
  }
}


@media (max-width: 1110px) {
  .navbar {
    display: none;
  }

  .menu-btn {
    display: block;
  }

  .home {
    min-height: 100svh;
    background-position: 62% center;
  }
}


@media (max-width: 680px) {
  .header {
    padding: 13px;
  }

  .header.scrolled {
    padding: 9px 13px;
  }

  .header .container {
    min-height: 63px;

    padding:
      0 10px
      0 15px;

    border-radius: 18px;
  }

  .logo-icon {
    width: 32px;
    height: 32px;
  }

  .logo-name {
    font-size: 16px;
  }

  .icon-container .btn {
    display: none;
  }

  .mobile-menu {
    width: calc(100% - 26px);
  }

  .home {
    min-height: 100svh;

    align-items: flex-end;

    padding:
      120px
      20px
      68px;

    background:
      linear-gradient(
        180deg,
        rgba(42, 29, 23, 0.08) 0%,
        rgba(65, 39, 27, 0.23) 29%,
        rgba(54, 36, 28, 0.88) 67%,
        rgba(36, 29, 25, 0.97) 100%
      ),
      url("../images/hero-moonwin.webp")
        67% center / cover no-repeat;
  }

  .home h5 {
    margin-bottom: 14px;

    font-size: 11px;
    letter-spacing: 1.5px;
  }

  .home h1 {
    margin-bottom: 19px;

    font-size: clamp(52px, 17vw, 78px);

    line-height: 0.94;
    letter-spacing: -3px;
  }

  .hero-desc {
    margin-bottom: 25px;

    font-size: 15px;
    line-height: 1.65;
  }

  .home .text > .btn {
    width: 100%;
  }

  .hero-features {
    gap: 9px 18px;

    margin-top: 27px;
  }

  .hero-features span {
    font-size: 12px;
  }
}
/* ==================== Header & Home Responsive End ==================== */
/* ==================== Highlights Start ==================== */
.highlights-section {
  position: relative;
  overflow: hidden;

  padding: 92px 30px 96px;

  background:
    radial-gradient(
      circle at 7% 8%,
      rgba(184, 95, 56, 0.12),
      transparent 25%
    ),
    radial-gradient(
      circle at 94% 82%,
      rgba(221, 168, 94, 0.15),
      transparent 22%
    ),
    linear-gradient(
      180deg,
      #f8efe2 0%,
      #f1dfc5 100%
    );

  color: #302f2c;
}

.highlights-section::before {
  content: "";

  position: absolute;
  top: -230px;
  right: -180px;

  width: 540px;
  height: 540px;

  border: 1px solid rgba(139, 75, 46, 0.09);
  border-radius: 50%;
}

.highlights-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);

  margin: 0 auto;
}


/* Intro */
.highlights-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);

  gap: 65px;

  align-items: end;

  margin-bottom: 35px;
}

.highlights-label {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  color: var(--primary-dark);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 2px;
  text-transform: uppercase;
}

.highlights-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: var(--accent);
}

.highlights-title h2 {
  max-width: 760px;

  margin-top: 15px;

  color: #302e2b;

  font-size: clamp(48px, 5vw, 74px);
  line-height: 0.97;

  letter-spacing: -4px;
}

.highlights-title h2 span {
  display: block;

  color: var(--primary);
}

.highlights-lead {
  color: #57544f;

  font-size: 17px;
  line-height: 1.75;
}

.highlights-text {
  margin-top: 14px;
  padding-top: 15px;

  border-top:
    1px solid rgba(117, 75, 50, 0.13);

  color: #777066;

  font-size: 14px;
  line-height: 1.75;
}


/* Stage */
.highlights-stage {
  display: grid;

  grid-template-columns:
    minmax(250px, 0.34fr)
    minmax(0, 1.66fr);

  gap: 12px;

  padding: 12px;

  border:
    1px solid rgba(111, 71, 48, 0.1);

  border-radius: 30px;

  background:
    rgba(255, 250, 242, 0.65);

  box-shadow:
    0 22px 55px rgba(79, 54, 38, 0.08);
}


/* Navigation */
.highlights-nav {
  display: grid;
  gap: 8px;
}

.highlight-tab {
  display: flex;
  align-items: center;

  gap: 14px;

  width: 100%;
  min-height: 82px;

  padding: 15px;

  border:
    1px solid rgba(111, 71, 48, 0.08);

  border-radius: 18px;

  background:
    rgba(255, 255, 255, 0.56);

  color: #393735;

  text-align: left;

  cursor: pointer;

  transition:
    transform 0.23s ease,
    background 0.23s ease,
    border-color 0.23s ease,
    box-shadow 0.23s ease;
}

.highlight-tab:hover {
  transform: translateX(3px);

  border-color:
    rgba(184, 95, 56, 0.22);

  background:
    rgba(255, 255, 255, 0.82);
}

.highlight-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      135deg,
      #b85f38,
      #8c4932
    );

  color: #ffffff;

  box-shadow:
    0 13px 28px rgba(117, 57, 37, 0.2);
}

.highlight-tab-copy {
  display: block;
}

.highlight-tab-copy small {
  display: block;

  margin-bottom: 3px;

  color: #9a8b7f;

  font-size: 11px;
  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.7px;
}

.highlight-tab-copy strong {
  display: block;

  font-size: 15px;
}

.highlight-tab.active small {
  color: rgba(255, 255, 255, 0.65);
}


/* Highlight Icons */
.highlight-icon {
  position: relative;

  flex: 0 0 44px;

  width: 44px;
  height: 44px;

  border-radius: 14px;

  background:
    #ead8bd;
}

.highlight-tab.active .highlight-icon {
  background:
    rgba(255, 255, 255, 0.12);
}


/* Pokies Icon */
.highlight-icon-pokies::before {
  content: "";

  position: absolute;

  top: 11px;
  left: 9px;

  width: 26px;
  height: 22px;

  border:
    2px solid var(--primary);

  border-radius: 6px;
}

.highlight-icon-pokies::after {
  content: "";

  position: absolute;

  top: 20px;
  left: 15px;

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--accent);

  box-shadow:
    9px 0 0 var(--accent);
}


/* Missions Icon */
.highlight-icon-missions::before {
  content: "";

  position: absolute;

  inset: 10px;

  border:
    2px solid var(--primary);

  border-radius: 6px;
}

.highlight-icon-missions::after {
  content: "";

  position: absolute;

  top: 17px;
  left: 16px;

  width: 10px;
  height: 5px;

  border-left:
    2px solid var(--accent);

  border-bottom:
    2px solid var(--accent);

  transform:
    rotate(-45deg);
}


/* Casino Icon */
.highlight-icon-casino::before {
  content: "";

  position: absolute;

  inset: 10px;

  border:
    2px solid var(--primary);

  border-radius: 50%;
}

.highlight-icon-casino::after {
  content: "";

  position: absolute;

  top: 18px;
  left: 18px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: var(--accent);
}


/* Tournament Icon */
.highlight-icon-tournament::before {
  content: "";

  position: absolute;

  left: 10px;
  bottom: 10px;

  width: 6px;
  height: 10px;

  border-radius: 2px;

  background: var(--primary);

  box-shadow:
    9px -6px 0 #d17c4c,
    18px -13px 0 var(--accent);
}


/* Rewards Icon */
.highlight-icon-rewards::before {
  content: "";

  position: absolute;

  left: 10px;
  bottom: 10px;

  width: 24px;
  height: 18px;

  border-radius: 5px;

  background: var(--primary);
}

.highlight-icon-rewards::after {
  content: "";

  position: absolute;

  top: 9px;
  left: 20px;

  width: 5px;
  height: 27px;

  background: var(--accent);
}


.highlight-tab.active .highlight-icon::before {
  border-color: #ffffff;
}

.highlight-tab.active .highlight-icon-pokies::before,
.highlight-tab.active .highlight-icon-missions::before,
.highlight-tab.active .highlight-icon-casino::before {
  border-color: #ffffff;
}


/* Dynamic Display */
.highlight-display {
  position: relative;

  overflow: hidden;

  min-height: 438px;

  padding: 34px;

  border-radius: 23px;

  background:
    radial-gradient(
      circle at 91% 9%,
      rgba(214, 137, 82, 0.23),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #262b2e 0%,
      #343233 52%,
      #55392e 100%
    );

  color: #ffffff;
}

.highlight-display::after {
  content: "";

  position: absolute;

  right: -145px;
  bottom: -180px;

  width: 400px;
  height: 400px;

  border:
    1px solid rgba(255, 255, 255, 0.06);

  border-radius: 50%;
}

.highlight-display-top,
.highlight-display-grid {
  position: relative;
  z-index: 2;
}

.highlight-display-top > span {
  color: #e8b975;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.highlight-display-top h3 {
  max-width: 850px;

  margin: 8px 0 13px;

  color: #ffffff;

  font-size: clamp(34px, 3.7vw, 53px);
  line-height: 1.03;

  letter-spacing: -2px;
}

.highlight-display-top p {
  max-width: 970px;

  color: #d5cfca;

  font-size: 14px;
  line-height: 1.75;
}


/* Information Cards */
.highlight-display-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 9px;

  margin-top: 30px;
}

.highlight-display-grid > div {
  padding: 20px;

  border:
    1px solid rgba(255, 255, 255, 0.075);

  border-radius: 17px;

  background:
    rgba(255, 255, 255, 0.055);
}

.highlight-display-grid small {
  display: block;

  margin-bottom: 6px;

  color: #b2aaa4;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.highlight-display-grid strong {
  display: block;

  margin-bottom: 7px;

  color: #f0c17d;

  font-size: 15px;
  line-height: 1.4;
}

.highlight-display-grid p {
  color: #c9c3be;

  font-size: 13px;
  line-height: 1.65;
}

.highlight-next {
  background:
    rgba(214, 137, 82, 0.09) !important;
}


/* Journey */
.highlights-journey {
  display: grid;

  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);

  gap: 35px;

  margin-top: 28px;

  padding: 31px;

  border:
    1px solid rgba(111, 71, 48, 0.09);

  border-radius: 27px;

  background:
    rgba(255, 250, 242, 0.8);
}

.highlights-journey-copy h3 {
  max-width: 650px;

  margin: 9px 0 12px;

  color: #34312d;

  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.04;

  letter-spacing: -1.7px;
}

.highlights-journey-copy h3 span {
  display: block;

  color: var(--primary);
}

.highlights-journey-copy p {
  color: #716a61;

  font-size: 14px;
  line-height: 1.72;
}

.highlights-journey-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 9px;
}

.journey-card {
  padding: 19px;

  border-radius: 18px;

  background:
    #f4e5cf;
}

.journey-mark {
  display: block;

  width: 34px;
  height: 4px;

  margin-bottom: 15px;

  border-radius: 20px;

  background:
    linear-gradient(
      90deg,
      var(--primary),
      var(--accent)
    );
}

.journey-card small {
  display: block;

  margin-bottom: 5px;

  color: var(--primary);

  font-size: 11px;
  font-weight: 800;

  text-transform: uppercase;
}

.journey-card strong {
  display: block;

  color: #48433e;

  font-size: 14px;
  line-height: 1.5;
}


/* Responsive */
@media (max-width: 1050px) {

  .highlights-intro {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .highlights-stage {
    grid-template-columns: 1fr;
  }

  .highlights-nav {
    grid-template-columns:
      repeat(5, minmax(160px, 1fr));

    overflow-x: auto;

    padding-bottom: 5px;
  }

  .highlight-tab {
    min-width: 175px;
  }

  .highlight-tab:hover {
    transform:
      translateY(-3px);
  }

  .highlights-journey {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 760px) {

  .highlights-section {
    padding:
      70px 20px
      78px;
  }

  .highlights-title h2 {
    font-size: 46px;

    letter-spacing:
      -2.5px;
  }

  .highlight-display {
    min-height: auto;

    padding: 25px 21px;
  }

  .highlight-display-grid {
    grid-template-columns: 1fr;
  }

  .highlights-journey {
    padding: 23px 20px;
  }
}


@media (max-width: 560px) {

  .highlights-section {
    padding:
      62px 15px
      70px;
  }

  .highlights-title h2 {
    font-size: 42px;
  }

  .highlights-lead {
    font-size: 15px;
  }

  .highlights-stage {
    padding: 8px;

    border-radius: 23px;
  }

  .highlight-display-top h3 {
    font-size: 34px;
  }

  .highlights-journey-grid {
    grid-template-columns: 1fr;
  }
}
/* ==================== Highlights End ==================== */
/* ==================== Missions Start ==================== */
.missions-section {
  position: relative;
  overflow: hidden;

  padding: 96px 30px 100px;

  background:
    radial-gradient(
      circle at 86% 10%,
      rgba(201, 105, 57, 0.20),
      transparent 27%
    ),
    radial-gradient(
      circle at 4% 77%,
      rgba(221, 168, 94, 0.10),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #20282c 0%,
      #302d2b 48%,
      #4d3025 100%
    );

  color: #ffffff;
}

.missions-section::before {
  content: "";

  position: absolute;
  top: -320px;
  right: -250px;

  width: 720px;
  height: 720px;

  border:
    1px solid rgba(237, 184, 111, 0.08);

  border-radius: 50%;
}

.missions-section::after {
  content: "";

  position: absolute;
  left: -230px;
  bottom: -360px;

  width: 670px;
  height: 670px;

  border:
    1px solid rgba(255, 255, 255, 0.045);

  border-radius: 50%;
}

.missions-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);

  margin: 0 auto;
}


/* Shared */
.missions-label {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  color: #e9b777;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.missions-label::before {
  content: "";

  width: 30px;
  height: 2px;

  border-radius: 10px;

  background:
    #c8663d;
}


/* Intro */
.missions-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(470px, 1.1fr);

  gap: 52px;

  align-items: stretch;
}

.missions-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.missions-heading h2 {
  max-width: 720px;

  margin: 15px 0 22px;

  color: #ffffff;

  font-size: clamp(51px, 5.3vw, 78px);

  line-height: 0.96;
  letter-spacing: -4px;
}

.missions-heading h2 span {
  display: block;

  color: #df9b5d;
}

.missions-lead {
  max-width: 670px;

  color: #d2ccc7;

  font-size: 17px;
  line-height: 1.75;
}


/* Overview */
.missions-overview {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(210px, 0.65fr);

  overflow: hidden;

  border:
    1px solid rgba(255, 255, 255, 0.08);

  border-radius: 28px;

  background:
    rgba(255, 255, 255, 0.045);

  box-shadow:
    0 27px 65px rgba(0, 0, 0, 0.16);
}

.missions-overview-main {
  padding: 34px;

  background:
    linear-gradient(
      145deg,
      rgba(199, 97, 55, 0.20),
      rgba(255, 255, 255, 0.025)
    );
}

.missions-overview-kicker {
  color: #c9b8aa;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.missions-overview-number {
  display: flex;
  align-items: center;

  gap: 17px;

  margin: 18px 0;
}

.missions-overview-number > strong {
  color: #efb76f;

  font-size: clamp(62px, 6vw, 91px);

  line-height: 0.85;
  letter-spacing: -5px;
}

.missions-overview-number div {
  display: grid;
}

.missions-overview-number span {
  color: #ffffff;

  font-size: 19px;
  font-weight: 800;
}

.missions-overview-number small {
  max-width: 170px;

  margin-top: 3px;

  color: #aca39d;

  font-size: 11px;
  line-height: 1.45;
}

.missions-overview-main > p {
  max-width: 530px;

  color: #c7c0ba;

  font-size: 13px;
  line-height: 1.7;
}

.missions-overview-points {
  display: grid;

  padding: 12px;

  gap: 8px;

  background:
    rgba(0, 0, 0, 0.11);
}

.missions-overview-points > div {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 17px;

  border:
    1px solid rgba(255, 255, 255, 0.055);

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.035);
}

.missions-overview-points small {
  margin-bottom: 5px;

  color: #d78d59;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.missions-overview-points strong {
  color: #e4dfda;

  font-size: 13px;
  line-height: 1.45;
}


/* Journey */
.mission-journey {
  margin-top: 28px;
  padding: 32px;

  border:
    1px solid rgba(255, 255, 255, 0.075);

  border-radius: 30px;

  background:
    rgba(14, 18, 20, 0.28);
}

.mission-journey-head,
.mission-network-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(330px, 0.72fr);

  gap: 45px;

  align-items: end;
}

.mission-journey-head h3,
.mission-network-head h3 {
  max-width: 740px;

  margin-top: 10px;

  color: #ffffff;

  font-size: clamp(34px, 3.4vw, 49px);

  line-height: 1.02;
  letter-spacing: -2.3px;
}

.mission-journey-head h3 span,
.mission-network-head h3 span {
  display: block;

  color: #dc9258;
}

.mission-journey-head > p,
.mission-network-head > p {
  color: #aea7a1;

  font-size: 13px;
  line-height: 1.7;
}


/* Route Tabs */
.mission-route {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 8px;

  margin-top: 28px;
}

.mission-route-tab {
  position: relative;

  min-height: 105px;

  padding: 20px 20px 18px;

  border:
    1px solid rgba(255, 255, 255, 0.065);

  border-radius: 17px;

  background:
    rgba(255, 255, 255, 0.035);

  color: #ffffff;

  text-align: left;

  cursor: pointer;

  transition:
    transform 0.23s ease,
    background 0.23s ease,
    border-color 0.23s ease;
}

.mission-route-tab:hover {
  transform: translateY(-3px);

  border-color:
    rgba(219, 143, 85, 0.28);
}

.mission-route-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      135deg,
      #b75936,
      #82412f
    );

  box-shadow:
    0 15px 30px rgba(0, 0, 0, 0.14);
}

.mission-route-marker {
  display: block;

  width: 35px;
  height: 4px;

  margin-bottom: 15px;

  border-radius: 20px;

  background:
    #d9975f;
}

.mission-route-tab.active .mission-route-marker {
  background:
    #f3cc94;
}

.mission-route-tab small {
  display: block;

  margin-bottom: 4px;

  color: #aa9f97;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mission-route-tab.active small {
  color:
    rgba(255, 255, 255, 0.64);
}

.mission-route-tab strong {
  font-size: 14px;
}


/* Route Display */
.mission-route-display {
  display: grid;

  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(260px, 0.55fr);

  gap: 10px;

  margin-top: 10px;
}

.mission-route-copy,
.mission-route-check {
  padding: 27px;

  border-radius: 20px;

  background:
    rgba(255, 255, 255, 0.045);
}

.mission-route-copy > span {
  color: #e7ad6b;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;
  text-transform: uppercase;
}

.mission-route-copy h3 {
  max-width: 850px;

  margin: 7px 0 10px;

  color: #ffffff;

  font-size: clamp(27px, 2.8vw, 39px);

  line-height: 1.08;
  letter-spacing: -1.5px;
}

.mission-route-copy p {
  max-width: 900px;

  color: #c9c3be;

  font-size: 13px;
  line-height: 1.72;
}

.mission-route-check {
  display: flex;
  flex-direction: column;
  justify-content: center;

  background:
    rgba(201, 106, 61, 0.11);
}

.mission-route-check small {
  margin-bottom: 7px;

  color: #be9d85;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mission-route-check strong {
  color: #efb879;

  font-size: 17px;
  line-height: 1.4;
}

.mission-route-check p {
  margin-top: 8px;

  color: #bab3ad;

  font-size: 12px;
  line-height: 1.6;
}


/* Mission Anatomy */
.mission-anatomy {
  margin-top: 28px;
}

.mission-anatomy-head {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.7fr)
    minmax(0, 1.1fr)
    minmax(300px, 0.8fr);

  gap: 30px;

  align-items: end;
}

.mission-anatomy-head h3 {
  color: #ffffff;

  font-size: clamp(32px, 3.2vw, 46px);

  line-height: 1.02;
  letter-spacing: -2px;
}

.mission-anatomy-head h3 span {
  display: block;

  color: #db9359;
}

.mission-anatomy-head > p {
  color: #aaa39e;

  font-size: 13px;
  line-height: 1.7;
}

.mission-anatomy-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 10px;

  margin-top: 24px;
}

.mission-anatomy-card {
  position: relative;

  min-height: 335px;

  padding: 25px;

  border:
    1px solid rgba(255, 255, 255, 0.075);

  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.025)
    );
}

.anatomy-icon {
  position: relative;

  display: block;

  width: 49px;
  height: 49px;

  margin-bottom: 25px;

  border-radius: 15px;

  background:
    rgba(208, 115, 67, 0.13);
}

.anatomy-target-icon::before {
  content: "";

  position: absolute;
  inset: 12px;

  border:
    2px solid #da9059;

  border-radius: 50%;
}

.anatomy-target-icon::after {
  content: "";

  position: absolute;
  inset: 19px;

  border-radius: 50%;

  background: #e9b270;
}

.anatomy-progress-icon::before {
  content: "";

  position: absolute;
  left: 11px;
  bottom: 12px;

  width: 6px;
  height: 10px;

  border-radius: 2px;

  background: #b85d39;

  box-shadow:
    10px -7px 0 #d6844f,
    20px -14px 0 #eab474;
}

.anatomy-reward-icon::before {
  content: "";

  position: absolute;
  inset: 13px 10px 11px;

  border-radius: 5px;

  background: #b65a37;
}

.anatomy-reward-icon::after {
  content: "";

  position: absolute;
  top: 10px;
  left: 22px;

  width: 5px;
  height: 29px;

  background: #e8b271;
}

.mission-anatomy-card > small {
  color: #cb8250;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mission-anatomy-card h4 {
  margin: 6px 0 11px;

  color: #ffffff;

  font-size: 21px;
  line-height: 1.25;
}

.mission-anatomy-card > p {
  color: #bdb6b0;

  font-size: 13px;
  line-height: 1.7;
}

.anatomy-bottom {
  position: absolute;

  left: 25px;
  right: 25px;
  bottom: 24px;

  padding-top: 15px;

  border-top:
    1px solid rgba(255, 255, 255, 0.065);
}

.anatomy-bottom span {
  display: block;

  margin-bottom: 4px;

  color: #9f9791;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.anatomy-bottom strong {
  color: #e0d9d3;

  font-size: 12px;
  line-height: 1.45;
}


/* Network */
.mission-network {
  margin-top: 28px;
  padding: 32px;

  border:
    1px solid rgba(255, 255, 255, 0.075);

  border-radius: 30px;

  background:
    rgba(14, 18, 20, 0.26);
}

.mission-network-layout {
  display: grid;

  grid-template-columns:
    minmax(230px, 0.42fr)
    minmax(0, 1.58fr);

  gap: 10px;

  margin-top: 27px;
}

.mission-network-tabs {
  display: grid;
  gap: 7px;
}

.mission-network-tab {
  display: flex;
  align-items: center;

  gap: 13px;

  min-height: 69px;

  padding: 11px 14px;

  border:
    1px solid rgba(255, 255, 255, 0.065);

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.03);

  color: #ffffff;

  text-align: left;

  cursor: pointer;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease;
}

.mission-network-tab:hover {
  transform: translateX(3px);

  border-color:
    rgba(217, 143, 86, 0.22);
}

.mission-network-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      135deg,
      #ab5536,
      #76402f
    );
}

.network-tab-icon {
  position: relative;

  flex: 0 0 39px;

  width: 39px;
  height: 39px;

  border-radius: 12px;

  background:
    rgba(221, 168, 94, 0.13);
}

.network-tab-icon::before {
  content: "";

  position: absolute;
  inset: 11px;

  border:
    2px solid #dfa363;

  border-radius: 50%;
}

.mission-network-tab small {
  display: block;

  color: #9d948e;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.mission-network-tab.active small {
  color:
    rgba(255, 255, 255, 0.59);
}

.mission-network-tab strong {
  display: block;

  margin-top: 2px;

  font-size: 13px;
}


/* Network Display */
.mission-network-display {
  overflow: hidden;

  border-radius: 21px;

  background:
    linear-gradient(
      145deg,
      rgba(185, 91, 53, 0.14),
      rgba(255, 255, 255, 0.035)
    );
}

.mission-network-primary {
  padding: 30px;
}

.mission-network-primary > span {
  color: #dea163;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;
  text-transform: uppercase;
}

.mission-network-primary h3 {
  max-width: 850px;

  margin: 7px 0 10px;

  color: #ffffff;

  font-size: clamp(29px, 3vw, 42px);

  line-height: 1.05;
  letter-spacing: -1.8px;
}

.mission-network-primary p {
  max-width: 930px;

  color: #c4bdb8;

  font-size: 13px;
  line-height: 1.7;
}

.mission-network-details {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 1px;

  background:
    rgba(255, 255, 255, 0.06);
}

.mission-network-details > div {
  padding: 20px;

  background:
    #302e2d;
}

.mission-network-details small {
  display: block;

  margin-bottom: 6px;

  color: #9d948e;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.mission-network-details strong {
  color: #e8b473;

  font-size: 12px;
  line-height: 1.5;
}


/* Coins */
.mission-coins {
  display: grid;

  grid-template-columns:
    minmax(0, 0.85fr)
    minmax(0, 1.15fr);

  gap: 30px;

  margin-top: 28px;

  padding: 32px;

  border-radius: 28px;

  background:
    linear-gradient(
      135deg,
      #f1dfc5 0%,
      #e4c49a 100%
    );

  color: #322f2b;
}

.mission-coins-copy h3 {
  max-width: 650px;

  margin: 10px 0 13px;

  color: #302d29;

  font-size: clamp(34px, 3.5vw, 48px);

  line-height: 1.02;
  letter-spacing: -2px;
}

.mission-coins-copy h3 span {
  display: block;

  color: #a95032;
}

.mission-coins-copy p {
  max-width: 650px;

  color: #6c6359;

  font-size: 13px;
  line-height: 1.72;
}

.mission-coins .missions-label {
  color: #8f472f;
}

.mission-coins-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;
}

.mission-coin-card {
  padding: 22px;

  border:
    1px solid rgba(94, 61, 40, 0.09);

  border-radius: 19px;

  background:
    rgba(255, 250, 241, 0.65);
}

.mission-coin-card small {
  color: #ad5736;

  font-size: 10px;
  font-weight: 800;

  text-transform: uppercase;
}

.mission-coin-card strong {
  display: block;

  margin: 7px 0 9px;

  color: #3c3834;

  font-size: 17px;
  line-height: 1.35;
}

.mission-coin-card p {
  color: #70675e;

  font-size: 12px;
  line-height: 1.62;
}

.mission-coin-card-featured {
  background:
    linear-gradient(
      145deg,
      #b45a37,
      #82432f
    );

  border-color: transparent;
}

.mission-coin-card-featured small {
  color: #efc18c;
}

.mission-coin-card-featured strong {
  color: #ffffff;
}

.mission-coin-card-featured p {
  color:
    rgba(255, 255, 255, 0.76);
}


/* Final Note */
.missions-current-note {
  display: grid;

  grid-template-columns: 48px 1fr;

  gap: 17px;

  align-items: center;

  margin-top: 18px;
  padding: 20px 22px;

  border:
    1px solid rgba(226, 161, 99, 0.14);

  border-radius: 18px;

  background:
    rgba(211, 124, 72, 0.08);
}

.missions-current-icon {
  position: relative;

  width: 44px;
  height: 44px;

  border-radius: 14px;

  background:
    rgba(221, 168, 94, 0.12);
}

.missions-current-icon::before {
  content: "!";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #e2a263;

  font-size: 20px;
  font-weight: 900;
}

.missions-current-note strong {
  color: #efb879;

  font-size: 13px;
}

.missions-current-note p {
  margin-top: 3px;

  color: #afa7a1;

  font-size: 12px;
  line-height: 1.65;
}


/* Responsive */
@media (max-width: 1080px) {

  .missions-intro {
    grid-template-columns: 1fr;
  }

  .mission-anatomy-head {
    grid-template-columns: 1fr;

    gap: 13px;
  }

  .mission-network-layout {
    grid-template-columns: 1fr;
  }

  .mission-network-tabs {
    grid-template-columns:
      repeat(5, minmax(150px, 1fr));

    overflow-x: auto;

    padding-bottom: 5px;
  }

  .mission-network-tab {
    min-width: 160px;
  }

  .mission-coins {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 820px) {

  .missions-section {
    padding:
      78px 20px
      82px;
  }

  .mission-journey-head,
  .mission-network-head {
    grid-template-columns: 1fr;

    gap: 13px;
  }

  .mission-route {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .mission-route-display {
    grid-template-columns: 1fr;
  }

  .mission-anatomy-grid {
    grid-template-columns: 1fr;
  }

  .mission-anatomy-card {
    min-height: auto;
  }

  .anatomy-bottom {
    position: static;

    margin-top: 18px;
  }

  .mission-network-details {
    grid-template-columns: 1fr;
  }

  .mission-coins-grid {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 600px) {

  .missions-section {
    padding:
      66px 15px
      72px;
  }

  .missions-heading h2 {
    font-size: 46px;

    letter-spacing: -2.6px;
  }

  .missions-lead {
    font-size: 15px;
  }

  .missions-overview {
    grid-template-columns: 1fr;
  }

  .missions-overview-number > strong {
    font-size: 66px;
  }

  .mission-journey,
  .mission-network,
  .mission-coins {
    padding: 21px;

    border-radius: 23px;
  }

  .mission-route {
    grid-template-columns: 1fr 1fr;
  }

  .mission-route-tab {
    min-height: 95px;

    padding: 17px;
  }

  .mission-route-copy,
  .mission-route-check {
    padding: 21px;
  }

  .mission-anatomy-card {
    padding: 21px;
  }

  .missions-current-note {
    grid-template-columns: 1fr;
  }
}
/* ==================== Missions End ==================== */
/* ==================== Pokies Start ==================== */
.pokies-section {
  position: relative;
  overflow: hidden;

  padding: 96px 30px 100px;

  background:
    radial-gradient(
      circle at 94% 8%,
      rgba(206, 131, 70, 0.12),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #fffaf1 0%,
      #f4e8d6 100%
    );

  color: #302f2c;
}

.pokies-section::before {
  content: "";

  position: absolute;
  left: -240px;
  top: 250px;

  width: 530px;
  height: 530px;

  border: 1px solid rgba(151, 83, 45, 0.08);
  border-radius: 50%;
}

.pokies-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}


/* Intro */
.pokies-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(0, 1.05fr);

  gap: 58px;

  align-items: end;

  margin-bottom: 33px;
}

.pokies-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #8f482e;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.pokies-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: var(--accent);
}

.pokies-intro h2 {
  max-width: 760px;

  margin-top: 13px;

  color: #302d29;

  font-size: clamp(48px, 5vw, 73px);
  line-height: 0.97;

  letter-spacing: -4px;
}

.pokies-intro h2 span {
  display: block;
  color: #b65a36;
}

.pokies-lead {
  color: #5e5952;

  font-size: 16px;
  line-height: 1.75;
}

.pokies-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top:
    1px solid rgba(106, 69, 45, 0.12);

  color: #777067;

  font-size: 13px;
  line-height: 1.75;
}


/* Switcher */
.pokies-switcher-wrap {
  position: relative;

  padding: 8px;

  border:
    1px solid rgba(108, 71, 47, 0.09);

  border-radius: 24px;

  background:
    rgba(255, 255, 255, 0.58);

  box-shadow:
    0 19px 42px rgba(81, 55, 38, 0.07);
}

.pokies-switcher {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 7px;
}

.pokies-tab {
  min-height: 76px;

  padding: 13px 10px;

  border:
    1px solid transparent;

  border-radius: 17px;

  background:
    transparent;

  color: #504b46;

  text-align: center;

  cursor: pointer;

  transition:
    background 0.23s ease,
    color 0.23s ease,
    transform 0.23s ease,
    box-shadow 0.23s ease;
}

.pokies-tab:hover {
  transform: translateY(-2px);

  background:
    rgba(183, 91, 54, 0.07);
}

.pokies-tab.active {
  background:
    linear-gradient(
      135deg,
      #b65b38,
      #81432f
    );

  color: #ffffff;

  box-shadow:
    0 13px 25px rgba(112, 58, 39, 0.2);
}

.pokies-tab small {
  display: block;

  margin-bottom: 3px;

  color: #9a8e83;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.pokies-tab.active small {
  color:
    rgba(255, 255, 255, 0.61);
}

.pokies-tab strong {
  font-size: 13px;
}


/* Categories */
.pokies-categories {
  margin-top: 12px;
}

.pokies-category {
  display: none;
}

.pokies-category.active {
  display: block;
}


/* Category Intro */
.pokies-category-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 1.55fr)
    minmax(260px, 0.45fr);

  gap: 18px;

  align-items: stretch;

  padding: 27px;

  border:
    1px solid rgba(105, 67, 44, 0.08);

  border-radius: 23px 23px 0 0;

  background:
    rgba(255, 252, 247, 0.75);
}

.pokies-category-label {
  color: #ad5735;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;
  text-transform: uppercase;
}

.pokies-category-intro h3 {
  max-width: 900px;

  margin: 7px 0 10px;

  color: #37332f;

  font-size: clamp(27px, 3vw, 41px);
  line-height: 1.06;

  letter-spacing: -1.8px;
}

.pokies-category-intro h3 span {
  color: #b65b38;
}

.pokies-category-intro p {
  max-width: 970px;

  color: #6d665e;

  font-size: 13px;
  line-height: 1.72;
}

.pokies-category-tip {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 21px;

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      #393737,
      #4c352c
    );
}

.pokies-category-tip small {
  margin-bottom: 6px;

  color: #c89a70;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.pokies-category-tip strong {
  color: #f0e9e2;

  font-size: 13px;
  line-height: 1.55;
}


/* Game Grid */
.pokies-grid {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 8px;

  padding: 8px;

  border:
    1px solid rgba(105, 67, 44, 0.08);

  border-top: 0;

  border-radius: 0 0 23px 23px;

  background:
    rgba(255, 255, 255, 0.46);
}

.pokie-card {
  position: relative;

  overflow: hidden;

  min-width: 0;
  aspect-ratio: 0.77;

  padding: 0;

  border:
    2px solid transparent;

  border-radius: 17px;

  background: #262a2c;

  cursor: pointer;

  box-shadow:
    0 10px 23px rgba(62, 44, 33, 0.1);

  transition:
    transform 0.23s ease,
    border-color 0.23s ease,
    box-shadow 0.23s ease;
}

.pokie-card:hover {
  transform: translateY(-4px);

  box-shadow:
    0 17px 30px rgba(62, 44, 33, 0.16);
}

.pokie-card.active {
  border-color: #c96c40;

  box-shadow:
    0 0 0 3px rgba(201, 108, 64, 0.12),
    0 17px 34px rgba(70, 42, 29, 0.17);
}

.pokie-card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.35s ease;
}

.pokie-card:hover img {
  transform: scale(1.035);
}

.pokie-card::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      transparent 43%,
      rgba(19, 20, 21, 0.22) 60%,
      rgba(19, 20, 21, 0.94) 100%
    );
}

.pokie-card span {
  position: absolute;

  left: 13px;
  right: 13px;
  bottom: 13px;

  z-index: 2;

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  line-height: 1.28;
  text-align: left;

  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.45);
}


/* Detail */
.pokie-detail {
  display: grid;

  grid-template-columns:
    minmax(190px, 0.62fr)
    minmax(0, 1fr)
    minmax(0, 0.8fr)
    minmax(0, 0.8fr);

  gap: 1px;

  overflow: hidden;

  margin-top: 10px;

  border:
    1px solid rgba(255, 255, 255, 0.05);

  border-radius: 21px;

  background:
    rgba(255, 255, 255, 0.07);

  box-shadow:
    0 21px 44px rgba(71, 45, 30, 0.1);
}

.pokie-detail[hidden] {
  display: none;
}

.pokie-detail > div {
  min-width: 0;

  padding: 22px;

  background:
    #302f2e;
}

.pokie-detail-heading {
  background:
    linear-gradient(
      145deg,
      #9e5033,
      #67392d
    ) !important;
}

.pokie-detail small {
  display: block;

  margin-bottom: 7px;

  color: #c6a88e;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.pokie-detail-heading small {
  color:
    rgba(255, 255, 255, 0.57);
}

.pokie-detail-heading h3 {
  color: #ffffff;

  font-size: 23px;
  line-height: 1.1;

  letter-spacing: -0.7px;
}

.pokie-detail-heading > span {
  display: inline-block;

  margin-top: 10px;

  padding: 5px 9px;

  border-radius: 20px;

  background:
    rgba(255, 255, 255, 0.1);

  color: #f2c697;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.pokie-detail p {
  color: #d2cbc5;

  font-size: 12px;
  line-height: 1.65;
}

.pokie-detail-watch {
  background: #3d322d !important;
}


/* Closing */
.pokies-closing {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);

  gap: 45px;

  align-items: end;

  margin-top: 27px;

  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(
      135deg,
      #ead1ad,
      #f4e5cf
    );
}

.pokies-closing h3 {
  max-width: 650px;

  margin-top: 9px;

  color: #34302c;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;

  letter-spacing: -1.8px;
}

.pokies-closing h3 span {
  display: block;

  color: #a95134;
}

.pokies-closing > p {
  color: #665e56;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 1150px) {

  .pokies-switcher {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .pokies-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .pokie-card {
    aspect-ratio: 0.88;
  }

  .pokie-detail {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 850px) {

  .pokies-section {
    padding:
      78px 20px
      82px;
  }

  .pokies-intro {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .pokies-category-intro {
    grid-template-columns: 1fr;
  }

  .pokies-closing {
    grid-template-columns: 1fr;

    gap: 15px;
  }
}


@media (max-width: 620px) {

  .pokies-section {
    padding:
      66px 15px
      72px;
  }

  .pokies-intro h2 {
    font-size: 43px;

    letter-spacing: -2.5px;
  }

  .pokies-switcher {
    display: flex;

    overflow-x: auto;

    padding-bottom: 3px;
  }

  .pokies-tab {
    flex: 0 0 155px;
  }

  .pokies-category-intro {
    padding: 21px;
  }

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

  .pokie-card {
    aspect-ratio: 0.78;
  }

  .pokie-detail {
    grid-template-columns: 1fr;
  }

  .pokies-closing {
    padding: 22px;
  }
}
/* ==================== Pokies End ==================== */
/* ==================== Casino Games Start ==================== */
.casino-games-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(
      circle at 4% 12%,
      rgba(198, 106, 61, 0.16),
      transparent 25%
    ),
    radial-gradient(
      circle at 93% 86%,
      rgba(214, 167, 101, 0.09),
      transparent 25%
    ),
    linear-gradient(
      145deg,
      #1d252a 0%,
      #292d2f 47%,
      #453128 100%
    );

  color: #ffffff;
}

.casino-games-section::before {
  content: "";

  position: absolute;
  right: -230px;
  top: -260px;

  width: 680px;
  height: 680px;

  border: 1px solid rgba(229, 179, 114, 0.07);
  border-radius: 50%;
}

.casino-games-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}


/* Labels */
.casino-games-label {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  color: #e7ad6d;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.casino-games-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: #bd603a;
}


/* Intro */
.casino-games-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);

  gap: 60px;

  align-items: end;

  margin-bottom: 30px;
}

.casino-games-heading h2 {
  max-width: 760px;

  margin-top: 14px;

  font-size: clamp(49px, 5vw, 73px);
  line-height: 0.97;

  letter-spacing: -4px;
}

.casino-games-heading h2 span {
  display: block;

  color: #dd985b;
}

.casino-games-lead {
  color: #d2cbc5;

  font-size: 16px;
  line-height: 1.76;
}

.casino-games-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top:
    1px solid rgba(255, 255, 255, 0.08);

  color: #aaa39d;

  font-size: 13px;
  line-height: 1.72;
}


/* Compass */
.casino-compass {
  padding: 27px;

  border:
    1px solid rgba(255, 255, 255, 0.07);

  border-radius: 28px;

  background:
    rgba(9, 13, 15, 0.23);
}

.casino-compass-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, 0.65fr);

  gap: 40px;

  align-items: end;
}

.casino-compass-head h3 {
  max-width: 700px;

  margin-top: 8px;

  font-size: clamp(31px, 3.1vw, 45px);
  line-height: 1.04;

  letter-spacing: -2px;
}

.casino-compass-head h3 span {
  display: block;

  color: #db935a;
}

.casino-compass-head > p {
  color: #aaa39d;

  font-size: 13px;
  line-height: 1.7;
}


/* Tabs */
.casino-games-tabs {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 7px;

  margin-top: 25px;
}

.casino-games-tab {
  min-height: 76px;

  padding: 13px;

  border:
    1px solid rgba(255, 255, 255, 0.065);

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.035);

  color: #ffffff;

  cursor: pointer;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease;
}

.casino-games-tab:hover {
  transform: translateY(-3px);

  border-color:
    rgba(219, 145, 87, 0.25);
}

.casino-games-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      135deg,
      #b35a39,
      #754032
    );

  box-shadow:
    0 15px 28px rgba(0, 0, 0, 0.16);
}

.casino-games-tab small {
  display: block;

  margin-bottom: 4px;

  color: #9c938d;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.casino-games-tab.active small {
  color:
    rgba(255, 255, 255, 0.62);
}

.casino-games-tab strong {
  font-size: 13px;
}


/* Categories */
.casino-games-categories {
  margin-top: 12px;
}

.casino-games-category {
  display: none;
}

.casino-games-category.active {
  display: block;
}


/* Category Head */
.casino-games-category-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.55fr)
    minmax(260px, 0.45fr);

  gap: 12px;

  padding: 27px;

  border:
    1px solid rgba(255, 255, 255, 0.065);

  border-radius: 24px 24px 0 0;

  background:
    rgba(255, 255, 255, 0.035);
}

.casino-games-category-label {
  color: #d98e57;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;
  text-transform: uppercase;
}

.casino-games-category-head h3 {
  max-width: 900px;

  margin: 7px 0 11px;

  color: #ffffff;

  font-size: clamp(28px, 3vw, 41px);
  line-height: 1.06;

  letter-spacing: -1.8px;
}

.casino-games-category-head h3 span {
  color: #df9a5d;
}

.casino-games-category-head p {
  max-width: 970px;

  color: #bbb4ae;

  font-size: 13px;
  line-height: 1.72;
}

.casino-games-tip {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 21px;

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(183, 87, 52, 0.22),
      rgba(206, 140, 88, 0.08)
    );
}

.casino-games-tip small {
  margin-bottom: 6px;

  color: #d6915e;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.casino-games-tip strong {
  color: #eee6df;

  font-size: 13px;
  line-height: 1.55;
}


/* Grid */
.casino-games-grid {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 8px;

  padding: 8px;

  border:
    1px solid rgba(255, 255, 255, 0.065);

  border-top: 0;

  border-radius: 0 0 24px 24px;

  background:
    rgba(0, 0, 0, 0.12);
}

.casino-game-card {
  position: relative;

  overflow: hidden;

  min-width: 0;
  aspect-ratio: 0.77;

  padding: 0;

  border:
    2px solid transparent;

  border-radius: 17px;

  background: #171d20;

  cursor: pointer;

  box-shadow:
    0 11px 25px rgba(0, 0, 0, 0.17);

  transition:
    transform 0.23s ease,
    border-color 0.23s ease,
    box-shadow 0.23s ease;
}

.casino-game-card:hover {
  transform: translateY(-4px);

  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.24);
}

.casino-game-card.active {
  border-color: #d27649;

  box-shadow:
    0 0 0 3px rgba(210, 118, 73, 0.12),
    0 18px 36px rgba(0, 0, 0, 0.22);
}

.casino-game-card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.35s ease;
}

.casino-game-card:hover img {
  transform: scale(1.035);
}

.casino-game-card::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(10, 13, 14, 0.21) 60%,
      rgba(10, 13, 14, 0.95) 100%
    );
}

.casino-game-card span {
  position: absolute;

  left: 13px;
  right: 13px;
  bottom: 13px;

  z-index: 2;

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  line-height: 1.28;
  text-align: left;

  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.5);
}


/* Game Detail */
.casino-game-detail {
  display: grid;

  grid-template-columns:
    minmax(190px, 0.62fr)
    minmax(0, 1fr)
    minmax(0, 0.8fr)
    minmax(0, 0.8fr);

  gap: 1px;

  overflow: hidden;

  margin-top: 10px;

  border:
    1px solid rgba(255, 255, 255, 0.055);

  border-radius: 21px;

  background:
    rgba(255, 255, 255, 0.06);
}

.casino-game-detail[hidden] {
  display: none;
}

.casino-game-detail > div {
  min-width: 0;

  padding: 22px;

  background: #292d2f;
}

.casino-game-detail-heading {
  background:
    linear-gradient(
      145deg,
      #a65235,
      #63382d
    ) !important;
}

.casino-game-detail small {
  display: block;

  margin-bottom: 7px;

  color: #b9a08e;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.casino-game-detail-heading small {
  color:
    rgba(255, 255, 255, 0.56);
}

.casino-game-detail-heading h3 {
  color: #ffffff;

  font-size: 23px;
  line-height: 1.1;

  letter-spacing: -0.7px;
}

.casino-game-detail-heading > span {
  display: inline-block;

  margin-top: 10px;
  padding: 5px 9px;

  border-radius: 20px;

  background:
    rgba(255, 255, 255, 0.1);

  color: #f1c18f;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.casino-game-detail p {
  color: #cdc6c0;

  font-size: 12px;
  line-height: 1.65;
}

.casino-game-detail-watch {
  background: #392f2b !important;
}


/* Closing */
.casino-games-closing {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);

  gap: 45px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(
      135deg,
      #e7cea8,
      #f1dfc5
    );

  color: #342f2a;
}

.casino-games-closing .casino-games-label {
  color: #8c472f;
}

.casino-games-closing h3 {
  max-width: 670px;

  margin-top: 9px;

  color: #332f2b;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;

  letter-spacing: -1.8px;
}

.casino-games-closing h3 span {
  display: block;

  color: #a95134;
}

.casino-games-closing > p {
  color: #655e57;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 1150px) {

  .casino-games-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .casino-game-card {
    aspect-ratio: 0.88;
  }

  .casino-game-detail {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 900px) {

  .casino-games-section {
    padding:
      80px 20px
      84px;
  }

  .casino-games-intro,
  .casino-compass-head {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .casino-games-tabs {
    display: flex;

    overflow-x: auto;

    padding-bottom: 4px;
  }

  .casino-games-tab {
    flex: 0 0 180px;
  }

  .casino-games-category-head {
    grid-template-columns: 1fr;
  }

  .casino-games-closing {
    grid-template-columns: 1fr;

    gap: 15px;
  }
}


@media (max-width: 620px) {

  .casino-games-section {
    padding:
      66px 15px
      72px;
  }

  .casino-games-heading h2 {
    font-size: 43px;

    letter-spacing: -2.5px;
  }

  .casino-compass {
    padding: 21px;
  }

  .casino-games-category-head {
    padding: 21px;
  }

  .casino-games-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .casino-game-card {
    aspect-ratio: 0.78;
  }

  .casino-game-detail {
    grid-template-columns: 1fr;
  }

  .casino-games-closing {
    padding: 22px;
  }
}
/* ==================== Casino Games End ==================== */
/* ==================== Lottery Australia Start ==================== */
.lottery-au-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 88% 10%, rgba(213, 150, 73, 0.18), transparent 25%),
    radial-gradient(circle at 5% 85%, rgba(173, 79, 48, 0.09), transparent 24%),
    linear-gradient(180deg, #fff9ee 0%, #f0dfc2 100%);

  color: #332f2a;
}

.lottery-au-container {
  position: relative;
  z-index: 2;
  width: min(100%, 1400px);
  margin: 0 auto;
}

.lottery-au-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #94492f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.lottery-au-label::before {
  content: "";
  width: 31px;
  height: 2px;
  border-radius: 20px;
  background: #d49a50;
}


/* Intro */
.lottery-au-intro {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 60px;
  align-items: end;
}

.lottery-au-heading h2 {
  max-width: 790px;
  margin-top: 14px;

  font-size: clamp(49px, 5vw, 74px);
  line-height: .97;
  letter-spacing: -4px;
}

.lottery-au-heading h2 span {
  display: block;
  color: #b25836;
}

.lottery-au-lead {
  color: #5c564f;
  font-size: 16px;
  line-height: 1.76;
}

.lottery-au-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(102, 66, 42, .12);

  color: #746d64;
  font-size: 13px;
  line-height: 1.72;
}


/* Main Visual */
.lottery-au-visual {
  display: grid;
  grid-template-columns: minmax(360px, .68fr) minmax(0, 1.32fr);
  gap: 12px;

  margin-top: 31px;
}

.lottery-au-orbit {
  position: relative;

  display: grid;
  place-items: center;

  min-height: 390px;
  overflow: hidden;

  border-radius: 30px;

  background:
    radial-gradient(circle at center, rgba(227, 177, 100, .22), transparent 28%),
    linear-gradient(145deg, #282d2f, #56382d);

  box-shadow: 0 24px 55px rgba(79, 52, 35, .12);
}

.lottery-au-core {
  position: relative;
  z-index: 5;

  display: grid;
  place-items: center;

  width: 185px;
  height: 185px;

  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;

  background:
    radial-gradient(circle at 35% 30%, #dfa968, #a75335 60%, #67392d);

  box-shadow:
    0 0 0 15px rgba(255,255,255,.025),
    0 22px 45px rgba(0,0,0,.24);

  text-align: center;
}

.lottery-au-core small {
  align-self: end;
  color: rgba(255,255,255,.65);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
}

.lottery-au-core strong {
  margin: -3px 0;
  color: #fff;
  font-size: 54px;
  line-height: 1;
  letter-spacing: -3px;
}

.lottery-au-core span {
  align-self: start;
  color: #f0c68f;
  font-size: 13px;
  font-weight: 800;
}

.lottery-au-orbit-ring {
  position: absolute;
  border: 1px solid rgba(239, 194, 131, .16);
  border-radius: 50%;
}

.ring-one {
  width: 270px;
  height: 270px;
  animation: lotteryOrbit 15s linear infinite;
}

.ring-two {
  width: 345px;
  height: 345px;
  border-style: dashed;
  opacity: .6;
  animation: lotteryOrbitReverse 22s linear infinite;
}

.lottery-au-ticket {
  position: absolute;
  z-index: 4;

  display: grid;
  place-items: center;

  width: 52px;
  height: 34px;

  border-radius: 9px;

  background: #e1ad69;
  color: #513629;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .7px;

  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.ticket-one {
  top: 54px;
  left: 80px;
  animation: lotteryFloat 4.4s ease-in-out infinite;
}

.ticket-two {
  right: 55px;
  top: 145px;
  animation: lotteryFloat 5.2s ease-in-out infinite reverse;
}

.ticket-three {
  left: 75px;
  bottom: 54px;
  animation: lotteryFloat 4.8s ease-in-out infinite .7s;
}

@keyframes lotteryOrbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes lotteryOrbitReverse {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@keyframes lotteryFloat {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-9px) rotate(3deg); }
}


/* Stats */
.lottery-au-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.lottery-au-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 190px;
  padding: 25px;

  border: 1px solid rgba(105, 67, 43, .08);
  border-radius: 23px;

  background: rgba(255,255,255,.63);
}

.lottery-au-stat small {
  color: #a26b4a;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
}

.lottery-au-stat strong {
  margin: 8px 0;
  color: #38332e;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1;
}

.lottery-au-stat p {
  color: #71685e;
  font-size: 12px;
  line-height: 1.55;
}

.lottery-au-stat-featured {
  background:
    linear-gradient(145deg, #b55b38, #81422f);
}

.lottery-au-stat-featured small,
.lottery-au-stat-featured p {
  color: rgba(255,255,255,.67);
}

.lottery-au-stat-featured strong {
  color: #fff;
}


/* Route */
.lottery-au-route,
.lottery-au-prizes,
.lottery-au-rules {
  margin-top: 28px;
  padding: 31px;

  border: 1px solid rgba(103, 65, 42, .09);
  border-radius: 29px;

  background: rgba(255,252,247,.68);
}

.lottery-au-route-head,
.lottery-au-prizes-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,.65fr);
  gap: 42px;
  align-items: end;
}

.lottery-au-route-head h3,
.lottery-au-prizes-head h3,
.lottery-au-rules-preview h3 {
  margin-top: 8px;

  color: #38332e;
  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.03;
  letter-spacing: -2px;
}

.lottery-au-route-head h3 span,
.lottery-au-prizes-head h3 span,
.lottery-au-rules-preview h3 span {
  color: #b15936;
}

.lottery-au-route-head > p,
.lottery-au-prizes-head > p {
  color: #756d64;
  font-size: 13px;
  line-height: 1.7;
}

.lottery-au-route-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 7px;
  margin-top: 25px;
}

.lottery-au-route-tab {
  min-height: 79px;
  padding: 13px;

  border-radius: 16px;
  border: 1px solid rgba(102,65,42,.08);

  background: #f6e8d3;
  color: #49433d;

  cursor: pointer;
}

.lottery-au-route-tab.active {
  border-color: transparent;

  background: linear-gradient(135deg, #b65b38, #80432f);
  color: #fff;

  box-shadow: 0 13px 28px rgba(108,58,39,.18);
}

.lottery-au-route-tab small {
  display: block;
  margin-bottom: 3px;

  color: #a08774;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-route-tab.active small {
  color: rgba(255,255,255,.6);
}

.lottery-au-route-display {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(270px,.55fr);
  gap: 9px;

  margin-top: 9px;
}

.lottery-au-route-display > div,
.lottery-au-route-display aside {
  padding: 25px;
  border-radius: 18px;
  background: #34312f;
}

.lottery-au-route-display aside {
  background: #47342d;
}

.lottery-au-route-display span,
.lottery-au-route-display small {
  color: #dfa365;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-route-display h3 {
  margin: 7px 0 9px;
  color: #fff;
  font-size: 29px;
  line-height: 1.08;
}

.lottery-au-route-display p {
  color: #c7c0b9;
  font-size: 12px;
  line-height: 1.66;
}

.lottery-au-route-display aside strong {
  display: block;
  margin: 7px 0;
  color: #efb877;
  font-size: 16px;
}


/* Prize Cards */
.lottery-au-prize-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-top: 24px;
}

.lottery-au-prize {
  min-height: 135px;
  padding: 20px;

  border: 1px solid rgba(105,67,43,.09);
  border-radius: 18px;

  background: #f5e5ce;
  color: #433e38;

  text-align: left;
  cursor: pointer;
}

.lottery-au-prize.active {
  border-color: transparent;
  background: linear-gradient(145deg, #a95134, #704034);
  color: #fff;
}

.lottery-au-prize small {
  display: block;
  color: #a07150;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-prize.active small {
  color: #e7b582;
}

.lottery-au-prize strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 27px;
}

.lottery-au-prize span {
  font-size: 11px;
  font-weight: 700;
}

.lottery-au-prize-detail {
  display: grid;
  grid-template-columns: .55fr .55fr 1.4fr;
  gap: 1px;

  overflow: hidden;
  margin-top: 8px;

  border-radius: 17px;
  background: rgba(100,65,43,.08);
}

.lottery-au-prize-detail > * {
  margin: 0;
  padding: 19px;
  background: rgba(255,255,255,.59);
}

.lottery-au-prize-detail small {
  display: block;
  margin-bottom: 4px;

  color: #9d7457;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-prize-detail strong {
  color: #443e38;
  font-size: 15px;
}

.lottery-au-prize-detail p {
  color: #6c645b;
  font-size: 12px;
  line-height: 1.6;
}


/* Explainer */
.lottery-au-explainer {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 32px;

  margin-top: 28px;
  padding: 31px;

  border-radius: 28px;

  background:
    linear-gradient(145deg, #272d30, #51382e);

  color: #fff;
}

.lottery-au-explainer-copy h3 {
  margin: 9px 0 11px;

  font-size: clamp(31px,3.1vw,44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.lottery-au-explainer-copy h3 span {
  display: block;
  color: #e1a567;
}

.lottery-au-explainer-copy p {
  color: #c5beb8;
  font-size: 13px;
  line-height: 1.7;
}

.lottery-au-explainer-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}

.lottery-au-explainer-grid > div {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 20px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 17px;

  background: rgba(255,255,255,.045);
}

.lottery-au-explainer-grid small {
  margin-bottom: 6px;

  color: #d38d5a;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-explainer-grid strong {
  color: #eee7e1;
  font-size: 13px;
  line-height: 1.5;
}


/* Rules */
.lottery-au-rules-preview {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 30px;
  align-items: center;
}

.lottery-au-rules-preview p {
  max-width: 800px;
  margin-top: 10px;

  color: #716960;
  font-size: 13px;
  line-height: 1.7;
}

.lottery-au-rules-toggle {
  display: flex;
  align-items: center;
  gap: 15px;

  min-height: 50px;
  padding: 0 19px;

  border-radius: 25px;

  background: #373331;
  color: #fff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;
}

.lottery-au-rules-toggle i {
  position: relative;
  width: 18px;
  height: 18px;
}

.lottery-au-rules-toggle i::before,
.lottery-au-rules-toggle i::after {
  content: "";
  position: absolute;
  background: #e3a565;
  border-radius: 5px;
}

.lottery-au-rules-toggle i::before {
  width: 12px;
  height: 2px;
  left: 3px;
  top: 8px;
}

.lottery-au-rules-toggle i::after {
  width: 2px;
  height: 12px;
  left: 8px;
  top: 3px;

  transition: transform .22s ease;
}

.lottery-au-rules-toggle.active i::after {
  transform: rotate(90deg);
}

.lottery-au-rules-content {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;

  margin-top: 20px;
}

.lottery-au-rules-content[hidden] {
  display: none;
}

.lottery-au-rules-content article {
  padding: 22px;

  border-radius: 17px;
  background: #f3e4cf;
}

.lottery-au-rules-content small {
  color: #a15536;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.lottery-au-rules-content h4 {
  margin: 6px 0 8px;
  color: #403a35;
  font-size: 17px;
}

.lottery-au-rules-content p {
  color: #6e665d;
  font-size: 12px;
  line-height: 1.65;
}


/* Closing */
.lottery-au-closing {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 44px;
  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background: linear-gradient(135deg, #dca768, #ecd2ad);
}

.lottery-au-closing h3 {
  margin-top: 8px;
  color: #342f2a;

  font-size: clamp(31px,3.1vw,44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.lottery-au-closing h3 span {
  display: block;
  color: #8f462f;
}

.lottery-au-closing > p {
  color: #5d564f;
  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (prefers-reduced-motion: reduce) {
  .ring-one,
  .ring-two,
  .lottery-au-ticket {
    animation: none;
  }
}

@media (max-width: 1000px) {
  .lottery-au-intro,
  .lottery-au-visual,
  .lottery-au-explainer {
    grid-template-columns: 1fr;
  }

  .lottery-au-route-head,
  .lottery-au-prizes-head {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 780px) {
  .lottery-au-section {
    padding: 78px 20px 84px;
  }

  .lottery-au-route-tabs,
  .lottery-au-prize-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .lottery-au-route-display,
  .lottery-au-rules-preview,
  .lottery-au-closing {
    grid-template-columns: 1fr;
  }

  .lottery-au-prize-detail {
    grid-template-columns: 1fr;
  }

  .lottery-au-explainer-grid {
    grid-template-columns: 1fr;
  }

  .lottery-au-rules-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .lottery-au-section {
    padding: 66px 15px 72px;
  }

  .lottery-au-heading h2 {
    font-size: 43px;
    letter-spacing: -2.5px;
  }

  .lottery-au-orbit {
    min-height: 330px;
  }

  .lottery-au-stats {
    grid-template-columns: 1fr;
  }

  .lottery-au-route,
  .lottery-au-prizes,
  .lottery-au-rules,
  .lottery-au-explainer,
  .lottery-au-closing {
    padding: 21px;
  }
}
/* ==================== Lottery Australia End ==================== */
/* ==================== Tournaments Australia Start ==================== */
.tournaments-au-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 90% 12%, rgba(207, 100, 54, .2), transparent 27%),
    radial-gradient(circle at 6% 84%, rgba(225, 168, 91, .09), transparent 26%),
    linear-gradient(145deg, #24282a 0%, #352b28 48%, #5b3023 100%);

  color: #fff;
}

.tournaments-au-section::before {
  content: "";

  position: absolute;
  top: -340px;
  right: -230px;

  width: 760px;
  height: 760px;

  border: 1px solid rgba(236, 173, 102, .07);
  border-radius: 50%;
}

.tournaments-au-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}


/* Shared Label */
.tournaments-au-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #eda86a;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.tournaments-au-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: #c4603c;
}


/* Intro */
.tournaments-au-intro {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap: 60px;

  align-items: end;
}

.tournaments-au-heading h2 {
  max-width: 790px;

  margin-top: 14px;

  font-size: clamp(49px, 5vw, 74px);
  line-height: .97;
  letter-spacing: -4px;
}

.tournaments-au-heading h2 span {
  display: block;

  color: #e2965c;
}

.tournaments-au-lead {
  color: #d2cac4;

  font-size: 16px;
  line-height: 1.76;
}

.tournaments-au-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top: 1px solid rgba(255, 255, 255, .08);

  color: #aaa19b;

  font-size: 13px;
  line-height: 1.72;
}


/* Pulse */
.tournament-pulse {
  display: grid;

  grid-template-columns:
    minmax(330px, .7fr)
    minmax(0, 1.3fr);

  gap: 10px;

  margin-top: 31px;
}

.tournament-pulse-main {
  position: relative;

  overflow: hidden;

  padding: 32px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 27px;

  background:
    linear-gradient(
      145deg,
      rgba(191, 83, 48, .25),
      rgba(255,255,255,.035)
    );
}

.tournament-pulse-eyebrow {
  color: #dfa06b;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;
  text-transform: uppercase;
}

.tournament-pulse-main h3 {
  margin: 8px 0 11px;

  font-size: clamp(31px, 3.2vw, 45px);
  line-height: 1.04;
  letter-spacing: -2px;
}

.tournament-pulse-main h3 span {
  display: block;

  color: #eca566;
}

.tournament-pulse-main p {
  color: #bcb4ae;

  font-size: 13px;
  line-height: 1.68;
}

.tournament-pulse-line {
  display: flex;
  gap: 6px;

  margin-top: 28px;

  align-items: end;
  height: 46px;
}

.tournament-pulse-line span {
  flex: 1;

  border-radius: 5px 5px 2px 2px;

  background:
    linear-gradient(
      180deg,
      #e4a367,
      #a94f34
    );

  animation: tournamentPulse 2.4s ease-in-out infinite;
}

.tournament-pulse-line span:nth-child(1) { height: 25%; }
.tournament-pulse-line span:nth-child(2) { height: 62%; animation-delay: .2s; }
.tournament-pulse-line span:nth-child(3) { height: 42%; animation-delay: .4s; }
.tournament-pulse-line span:nth-child(4) { height: 88%; animation-delay: .6s; }
.tournament-pulse-line span:nth-child(5) { height: 55%; animation-delay: .8s; }

@keyframes tournamentPulse {
  0%, 100% {
    opacity: .55;
    transform: scaleY(.78);
    transform-origin: bottom;
  }

  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

.tournament-pulse-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 9px;
}

.tournament-pulse-card {
  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 220px;
  padding: 24px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 22px;

  background: rgba(255,255,255,.04);
}

.tournament-pulse-card small {
  color: #ba8f75;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
  letter-spacing: .8px;
}

.tournament-pulse-card strong {
  margin: 8px 0;

  color: #f0b377;

  font-size: 22px;
  line-height: 1.2;
}

.tournament-pulse-card p {
  color: #afa7a1;

  font-size: 12px;
  line-height: 1.6;
}

.tournament-pulse-card-accent {
  background:
    linear-gradient(
      145deg,
      #a64d33,
      #6d392e
    );
}

.tournament-pulse-card-accent small,
.tournament-pulse-card-accent p {
  color: rgba(255,255,255,.68);
}

.tournament-pulse-card-accent strong {
  color: #fff;
}


/* Shared Panels */
.tournament-engine,
.tournament-au-route,
.tournament-format-section,
.tournament-au-rules {
  margin-top: 28px;
  padding: 31px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 29px;

  background: rgba(12, 15, 16, .22);
}


/* Headings */
.tournament-engine-head,
.tournament-au-route-head,
.tournament-format-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .65fr);

  gap: 42px;

  align-items: end;
}

.tournament-engine-head h3,
.tournament-au-route-head h3,
.tournament-format-head h3,
.tournament-au-rules-preview h3 {
  margin-top: 8px;

  color: #fff;

  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.03;
  letter-spacing: -2px;
}

.tournament-engine-head h3 span,
.tournament-au-route-head h3 span,
.tournament-format-head h3 span,
.tournament-au-rules-preview h3 span {
  color: #e3985e;
}

.tournament-engine-head > p,
.tournament-au-route-head > p,
.tournament-format-head > p {
  color: #aaa29c;

  font-size: 13px;
  line-height: 1.7;
}


/* Engine Tabs */
.tournament-engine-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 7px;

  margin-top: 25px;
}

.tournament-engine-tab {
  min-height: 78px;

  padding: 13px;

  border: 1px solid rgba(255,255,255,.065);
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  color: #fff;

  cursor: pointer;

  transition:
    transform .22s ease,
    background .22s ease;
}

.tournament-engine-tab:hover {
  transform: translateY(-3px);
}

.tournament-engine-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      135deg,
      #b45536,
      #734033
    );

  box-shadow:
    0 14px 28px rgba(0,0,0,.17);
}

.tournament-engine-tab small {
  display: block;

  margin-bottom: 3px;

  color: #9c918a;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-engine-tab.active small {
  color: rgba(255,255,255,.62);
}

.tournament-engine-tab strong {
  font-size: 13px;
}


/* Engine Display */
.tournament-engine-display {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);

  gap: 9px;

  margin-top: 9px;
}

.tournament-engine-copy {
  padding: 27px;

  border-radius: 19px;

  background:
    linear-gradient(
      145deg,
      rgba(184, 81, 48, .17),
      rgba(255,255,255,.04)
    );
}

.tournament-engine-copy > span {
  color: #e4a36a;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-engine-copy h3 {
  max-width: 840px;

  margin: 7px 0 10px;

  font-size: clamp(28px, 2.8vw, 39px);
  line-height: 1.07;
  letter-spacing: -1.5px;
}

.tournament-engine-copy p {
  color: #c7bfba;

  font-size: 13px;
  line-height: 1.7;
}

.tournament-engine-facts {
  display: grid;

  gap: 7px;
}

.tournament-engine-facts > div {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 18px;

  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;

  background: rgba(255,255,255,.035);
}

.tournament-engine-facts small {
  margin-bottom: 5px;

  color: #b18267;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-engine-facts strong {
  color: #e7ded7;

  font-size: 12px;
  line-height: 1.5;
}


/* Route */
.tournament-au-route-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 9px;

  margin-top: 25px;
}

.tournament-au-route-card {
  position: relative;

  min-height: 260px;

  padding: 23px;

  border: 1px solid rgba(255,255,255,.065);
  border-radius: 19px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.05),
      rgba(255,255,255,.025)
    );
}

.tournament-route-number {
  display: grid;
  place-items: center;

  width: 38px;
  height: 38px;

  margin-bottom: 22px;

  border-radius: 12px;

  background: rgba(205, 99, 57, .14);

  color: #e39b65;

  font-size: 13px;
  font-weight: 900;
}

.tournament-au-route-card small {
  color: #bc7755;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-au-route-card h4 {
  margin: 6px 0 9px;

  color: #fff;

  font-size: 18px;
  line-height: 1.25;
}

.tournament-au-route-card p {
  color: #b5ada7;

  font-size: 12px;
  line-height: 1.65;
}


/* Current Formats */
.tournament-format-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 7px;

  margin-top: 25px;
}

.tournament-format-tab {
  min-height: 82px;

  padding: 14px;

  border: 1px solid rgba(255,255,255,.065);
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  color: #fff;

  cursor: pointer;
}

.tournament-format-tab.active {
  border-color: transparent;

  background:
    linear-gradient(
      145deg,
      #e0a065,
      #af5737
    );

  color: #302a26;
}

.tournament-format-tab small {
  display: block;

  margin-bottom: 3px;

  color: #9b918a;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-format-tab.active small {
  color: rgba(47,39,34,.62);
}

.tournament-format-tab strong {
  font-size: 13px;
}

.tournament-format-display {
  display: grid;

  grid-template-columns:
    1.2fr .8fr .8fr;

  gap: 1px;

  overflow: hidden;

  margin-top: 9px;

  border-radius: 18px;

  background: rgba(255,255,255,.06);
}

.tournament-format-display > div {
  padding: 23px;

  background: #302c2a;
}

.tournament-format-display > div:first-child {
  background:
    linear-gradient(
      145deg,
      #4d332b,
      #362d2a
    );
}

.tournament-format-display small,
.tournament-format-display > div:first-child > span {
  display: block;

  margin-bottom: 5px;

  color: #cf8d61;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-format-display h3 {
  margin-bottom: 8px;

  color: #fff;

  font-size: 28px;
}

.tournament-format-display p {
  color: #bbb3ad;

  font-size: 12px;
  line-height: 1.65;
}

.tournament-format-display strong {
  color: #e9dfd8;

  font-size: 12px;
  line-height: 1.52;
}


/* Rules */
.tournament-au-rules-preview {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 30px;

  align-items: center;
}

.tournament-au-rules-preview p {
  max-width: 830px;

  margin-top: 10px;

  color: #aaa19b;

  font-size: 13px;
  line-height: 1.68;
}

.tournament-au-rules-toggle {
  display: flex;
  align-items: center;

  gap: 14px;

  min-height: 50px;

  padding: 0 19px;

  border-radius: 25px;

  background: #e1a064;
  color: #332b27;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;
}

.tournament-au-rules-toggle i {
  position: relative;

  width: 18px;
  height: 18px;
}

.tournament-au-rules-toggle i::before,
.tournament-au-rules-toggle i::after {
  content: "";

  position: absolute;

  background: #713d2d;

  border-radius: 5px;
}

.tournament-au-rules-toggle i::before {
  width: 12px;
  height: 2px;

  top: 8px;
  left: 3px;
}

.tournament-au-rules-toggle i::after {
  width: 2px;
  height: 12px;

  top: 3px;
  left: 8px;

  transition: transform .22s ease;
}

.tournament-au-rules-toggle.active i::after {
  transform: rotate(90deg);
}

.tournament-au-rules-content {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;

  margin-top: 20px;
}

.tournament-au-rules-content[hidden] {
  display: none;
}

.tournament-au-rules-content article {
  padding: 21px;

  border-radius: 17px;

  background: rgba(255,255,255,.045);
}

.tournament-au-rules-content small {
  color: #d88d5d;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.tournament-au-rules-content h4 {
  margin: 6px 0 8px;

  color: #fff;

  font-size: 16px;
  line-height: 1.3;
}

.tournament-au-rules-content p {
  color: #b5ada7;

  font-size: 12px;
  line-height: 1.64;
}


/* Closing */
.tournament-au-closing {
  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 44px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(
      135deg,
      #e1aa72,
      #e8c6a0
    );

  color: #342e2a;
}

.tournament-au-closing .tournaments-au-label {
  color: #88442e;
}

.tournament-au-closing h3 {
  margin-top: 8px;

  color: #342f2b;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.tournament-au-closing h3 span {
  display: block;

  color: #94482f;
}

.tournament-au-closing > p {
  color: #5d554e;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (prefers-reduced-motion: reduce) {
  .tournament-pulse-line span {
    animation: none;
  }
}

@media (max-width: 1050px) {

  .tournaments-au-intro,
  .tournament-pulse {
    grid-template-columns: 1fr;
  }

  .tournament-engine-head,
  .tournament-au-route-head,
  .tournament-format-head {
    grid-template-columns: 1fr;

    gap: 14px;
  }

  .tournament-au-route-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {

  .tournaments-au-section {
    padding:
      78px 20px
      84px;
  }

  .tournament-pulse-grid,
  .tournament-engine-display,
  .tournament-format-display,
  .tournament-au-rules-preview,
  .tournament-au-closing {
    grid-template-columns: 1fr;
  }

  .tournament-engine-tabs,
  .tournament-format-tabs {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .tournament-au-rules-content {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {

  .tournaments-au-section {
    padding:
      66px 15px
      72px;
  }

  .tournaments-au-heading h2 {
    font-size: 43px;
    letter-spacing: -2.5px;
  }

  .tournament-pulse-grid,
  .tournament-au-route-grid,
  .tournament-au-rules-content {
    grid-template-columns: 1fr;
  }

  .tournament-engine,
  .tournament-au-route,
  .tournament-format-section,
  .tournament-au-rules,
  .tournament-au-closing {
    padding: 21px;
  }
}
/* ==================== Tournaments Australia End ==================== */
/* ==================== Rewards Australia Start ==================== */
.rewards-au-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 91% 12%, rgba(184, 101, 52, .12), transparent 25%),
    linear-gradient(180deg, #f8eedf 0%, #e7cfaa 100%);

  color: #342f2b;
}

.rewards-au-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}

.rewards-au-label {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  color: #8f472f;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.rewards-au-label::before {
  content: "";

  width: 31px;
  height: 2px;

  background: #d49a55;

  border-radius: 20px;
}


/* Intro */
.rewards-au-intro {
  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 60px;

  align-items: end;
}

.rewards-au-heading h2 {
  margin-top: 14px;

  max-width: 760px;

  font-size: clamp(49px, 5vw, 74px);
  line-height: .97;
  letter-spacing: -4px;
}

.rewards-au-heading h2 span {
  display: block;

  color: #ad5534;
}

.rewards-au-lead {
  color: #5d5750;

  font-size: 16px;
  line-height: 1.76;
}

.rewards-au-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top:
    1px solid rgba(91, 59, 39, .12);

  color: #766e64;

  font-size: 13px;
  line-height: 1.72;
}


/* Main Switcher */
.rewards-au-switcher {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 8px;

  margin-top: 31px;
  padding: 8px;

  border-radius: 24px;

  background:
    rgba(255, 255, 255, .55);
}

.rewards-au-tab {
  min-height: 86px;

  padding: 14px 20px;

  border-radius: 18px;

  background: transparent;
  color: #4d4741;

  cursor: pointer;
}

.rewards-au-tab.active {
  background:
    linear-gradient(135deg, #a85234, #6d3d30);

  color: #fff;

  box-shadow:
    0 14px 30px rgba(100, 51, 35, .19);
}

.rewards-au-tab small {
  display: block;

  margin-bottom: 3px;

  color: #9c8370;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.rewards-au-tab.active small {
  color:
    rgba(255, 255, 255, .6);
}

.rewards-au-tab strong {
  font-size: 16px;
}


/* Panels */
.rewards-au-panel {
  display: none;
}

.rewards-au-panel.active {
  display: block;
}


/* Loyalty Hero */
.loyalty-au-hero,
.vip-au-hero {
  display: grid;

  grid-template-columns:
    1.25fr .75fr;

  gap: 10px;

  margin-top: 12px;
}

.loyalty-au-hero-copy,
.vip-au-copy {
  padding: 31px;

  border-radius: 27px;

  background:
    rgba(255, 252, 246, .7);
}

.loyalty-au-hero-copy h3,
.vip-au-copy h3 {
  margin: 9px 0 12px;

  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1.03;
  letter-spacing: -2px;
}

.loyalty-au-hero-copy h3 span,
.vip-au-copy h3 span {
  display: block;

  color: #a95134;
}

.loyalty-au-hero-copy p,
.vip-au-copy p {
  color: #6c645b;

  font-size: 13px;
  line-height: 1.72;
}

.vip-au-copy p + p {
  margin-top: 12px;
}


/* Max Loyalty */
.loyalty-au-maximum,
.vip-au-cashback {
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #292c2d, #51362d);

  color: #fff;
}

.loyalty-au-maximum > small,
.vip-au-cashback > small {
  color: #c89b78;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-maximum > strong {
  display: block;

  margin-top: 5px;

  font-size: 19px;
}

.loyalty-au-maximum-value {
  display: flex;
  align-items: center;

  gap: 14px;

  margin: 27px 0;
}

.loyalty-au-maximum-value > span {
  color: #e3a866;

  font-size: 70px;
  font-weight: 900;

  line-height: .9;
  letter-spacing: -4px;
}

.loyalty-au-maximum-value div strong {
  display: block;

  font-size: 17px;
}

.loyalty-au-maximum-value div small {
  color: #aaa09a;

  font-size: 10px;
}

.loyalty-au-maximum-meta {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 7px;
}

.loyalty-au-maximum-meta > div {
  padding: 13px;

  border-radius: 13px;

  background:
    rgba(255,255,255,.055);
}

.loyalty-au-maximum-meta small {
  display: block;

  color: #a89e98;

  font-size: 8px;

  text-transform: uppercase;
}

.loyalty-au-maximum-meta strong {
  display: block;

  margin-top: 4px;

  color: #efb67b;

  font-size: 14px;
}


/* Shared Loyalty Blocks */
.loyalty-au-route,
.loyalty-au-zones,
.loyalty-au-milestones,
.vip-au-tiers,
.vip-au-benefits,
.vip-au-cashback-rules {
  margin-top: 27px;
}


/* Route */
.loyalty-au-route {
  padding: 30px;

  border-radius: 28px;

  background:
    rgba(255,255,255,.57);
}

.loyalty-au-route-head,
.loyalty-au-zones-head {
  display: grid;

  grid-template-columns:
    1fr .7fr;

  gap: 40px;

  align-items: end;
}

.loyalty-au-route-head h3,
.loyalty-au-zones-head h3 {
  margin-top: 8px;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.loyalty-au-route-head h3 span,
.loyalty-au-zones-head h3 span {
  color: #a95134;
}

.loyalty-au-route-head > p,
.loyalty-au-zones-head > p {
  color: #71685f;

  font-size: 13px;
  line-height: 1.68;
}

.loyalty-au-route-tabs {
  display: grid;

  grid-template-columns:
    repeat(5, 1fr);

  gap: 7px;

  margin-top: 23px;
}

.loyalty-au-route-tab,
.loyalty-au-zone-tab {
  min-height: 74px;

  padding: 13px;

  border-radius: 15px;

  background: #f0dcc0;
  color: #49423c;

  cursor: pointer;
}

.loyalty-au-route-tab.active,
.loyalty-au-zone-tab.active {
  background:
    linear-gradient(135deg, #a95134, #733e30);

  color: #fff;
}

.loyalty-au-route-tab small,
.loyalty-au-zone-tab small {
  display: block;

  margin-bottom: 3px;

  color: #a27e66;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-route-tab.active small,
.loyalty-au-zone-tab.active small {
  color:
    rgba(255,255,255,.6);
}

.loyalty-au-route-display {
  display: grid;

  grid-template-columns:
    1.4fr .6fr;

  gap: 8px;

  margin-top: 8px;
}

.loyalty-au-route-display > div,
.loyalty-au-route-display aside {
  padding: 24px;

  border-radius: 17px;

  background: #302f2d;

  color: #fff;
}

.loyalty-au-route-display aside {
  background: #49352d;
}

.loyalty-au-route-display span,
.loyalty-au-route-display small {
  color: #dea064;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-route-display h4 {
  margin: 7px 0 8px;

  font-size: 26px;
  line-height: 1.08;
}

.loyalty-au-route-display p {
  color: #c4bdb7;

  font-size: 12px;
  line-height: 1.65;
}

.loyalty-au-route-display aside strong {
  display: block;

  margin: 8px 0;

  color: #edb171;

  font-size: 25px;
}


/* Zones */
.loyalty-au-zones {
  padding: 30px;

  border-radius: 28px;

  background:
    linear-gradient(145deg, #2d3030, #51372e);

  color: #fff;
}

.loyalty-au-zones .rewards-au-label {
  color: #e2a367;
}

.loyalty-au-zones-head > p {
  color: #b9b0a9;
}

.loyalty-au-zone-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 7px;

  margin-top: 23px;
}

.loyalty-au-zone-tab {
  background:
    rgba(255,255,255,.05);

  color: #fff;
}

.loyalty-au-zone-display {
  display: grid;

  grid-template-columns:
    1.1fr .9fr;

  gap: 8px;

  margin-top: 8px;
}

.loyalty-au-zone-main {
  padding: 24px;

  border-radius: 17px;

  background:
    rgba(255,255,255,.05);
}

.loyalty-au-zone-main > span {
  color: #dfa064;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-zone-main h4 {
  margin: 6px 0 8px;

  font-size: 27px;
}

.loyalty-au-zone-main p {
  color: #beb6b0;

  font-size: 12px;
  line-height: 1.66;
}

.loyalty-au-zone-metrics {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 7px;
}

.loyalty-au-zone-metrics > div {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 18px;

  border-radius: 16px;

  background:
    rgba(255,255,255,.045);
}

.loyalty-au-zone-metrics small {
  margin-bottom: 6px;

  color: #aa9e96;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-zone-metrics strong {
  color: #e8aa6d;

  font-size: 14px;
  line-height: 1.4;
}


/* Track */
.loyalty-au-milestones {
  padding: 30px;

  border-radius: 27px;

  background:
    rgba(255,255,255,.55);
}

.loyalty-au-milestones-head h3 {
  margin-top: 8px;

  font-size: 34px;
  line-height: 1.04;
}

.loyalty-au-milestones-head h3 span {
  color: #a95034;
}

.loyalty-au-track {
  display: grid;

  grid-template-columns:
    repeat(6, 1fr);

  gap: 7px;

  margin-top: 22px;
}

.loyalty-au-track article {
  padding: 17px;

  border-radius: 16px;

  background: #eddbc0;
}

.loyalty-au-track article > span {
  display: block;

  width: 26px;
  height: 26px;

  margin-bottom: 13px;

  border-radius: 50%;

  background:
    linear-gradient(145deg, #d79b5e, #a65034);
}

.loyalty-au-track small {
  display: block;

  min-height: 34px;

  color: #765c49;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.loyalty-au-track strong {
  display: block;

  margin: 7px 0 4px;

  font-size: 18px;
}

.loyalty-au-track em {
  color: #a75034;

  font-size: 12px;
  font-weight: 800;

  font-style: normal;
}

.loyalty-au-track-final {
  background:
    linear-gradient(145deg, #9c4c32, #693a2d) !important;

  color: #fff;
}

.loyalty-au-track-final small,
.loyalty-au-track-final em {
  color: #efb77a;
}


/* VIP */
.vip-au-cashback > div {
  display: flex;
  align-items: end;

  gap: 14px;

  margin: 30px 0 14px;
}

.vip-au-cashback > div strong {
  color: #e4aa68;

  font-size: 76px;
  line-height: .85;
  letter-spacing: -5px;
}

.vip-au-cashback > div span {
  color: #fff;

  font-size: 17px;
  font-weight: 800;
}

.vip-au-cashback p {
  color: #b9b0aa;

  font-size: 12px;
  line-height: 1.6;
}

.vip-au-tier-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 8px;
}

.vip-au-tier-tab {
  min-height: 110px;

  padding: 17px;

  border-radius: 18px;

  background: rgba(255,255,255,.58);

  color: #49423c;

  cursor: pointer;
}

.vip-au-tier-tab.active {
  background:
    linear-gradient(145deg, #a65034, #6e3d30);

  color: #fff;
}

.vip-au-tier-tab small {
  display: block;

  color: #a48067;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.vip-au-tier-tab.active small {
  color: rgba(255,255,255,.58);
}

.vip-au-tier-tab strong {
  display: block;

  margin: 6px 0;

  font-size: 15px;
}

.vip-au-tier-tab span {
  color: #c96d42;

  font-size: 24px;
  font-weight: 900;
}

.vip-au-tier-tab.active span {
  color: #efb77a;
}

.vip-au-tier-display {
  display: grid;

  grid-template-columns:
    1.2fr .45fr .65fr .7fr;

  gap: 1px;

  overflow: hidden;

  margin-top: 8px;

  border-radius: 18px;

  background: rgba(91,60,40,.08);
}

.vip-au-tier-display > div {
  padding: 21px;

  background: #f4e4cf;
}

.vip-au-tier-display > div:first-child {
  background: #34312f;

  color: #fff;
}

.vip-au-tier-display span,
.vip-au-tier-display small {
  color: #a25638;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.vip-au-tier-display > div:first-child span {
  color: #e0a165;
}

.vip-au-tier-display h4 {
  margin: 6px 0 8px;

  font-size: 21px;
}

.vip-au-tier-display p {
  color: #bdb5ae;

  font-size: 12px;
  line-height: 1.65;
}

.vip-au-tier-display strong {
  color: #4a433d;

  font-size: 13px;
  line-height: 1.45;
}


/* VIP Benefits */
.vip-au-benefits {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 8px;
}

.vip-au-benefits article {
  min-height: 190px;

  padding: 21px;

  border-radius: 18px;

  background:
    rgba(255,255,255,.57);
}

.vip-au-benefits small {
  color: #ad5737;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.vip-au-benefits h4 {
  margin: 6px 0 9px;

  color: #423c36;

  font-size: 18px;
}

.vip-au-benefits p {
  color: #6e665e;

  font-size: 12px;
  line-height: 1.65;
}


/* Cashback rules */
.vip-au-cashback-rules {
  display: grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap: 28px;

  padding: 29px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #2b2f30, #4d362e);

  color: #fff;
}

.vip-au-cashback-rules h3 {
  margin-top: 8px;

  font-size: 33px;
  line-height: 1.04;
}

.vip-au-cashback-rules h3 span {
  display: block;

  color: #e2a367;
}

.vip-au-cashback-rule-grid {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 7px;
}

.vip-au-cashback-rule-grid > div {
  padding: 18px;

  border-radius: 15px;

  background:
    rgba(255,255,255,.05);
}

.vip-au-cashback-rule-grid small {
  display: block;

  color: #aa9f98;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.vip-au-cashback-rule-grid strong {
  display: block;

  margin: 5px 0;

  color: #eab171;

  font-size: 19px;
}

.vip-au-cashback-rule-grid span {
  color: #bbb2ab;

  font-size: 11px;
}


/* Closing */
.rewards-au-closing {
  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 44px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(135deg, #dba56c, #ead0aa);
}

.rewards-au-closing h3 {
  margin-top: 8px;

  font-size: clamp(31px,3.1vw,44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.rewards-au-closing h3 span {
  display: block;

  color: #90472f;
}

.rewards-au-closing > p {
  color: #5e574f;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 1050px) {
  .rewards-au-intro,
  .loyalty-au-hero,
  .vip-au-hero,
  .vip-au-cashback-rules {
    grid-template-columns: 1fr;
  }

  .loyalty-au-track {
    grid-template-columns:
      repeat(3, 1fr);
  }

  .vip-au-tier-display {
    grid-template-columns:
      repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .rewards-au-section {
    padding: 78px 20px 84px;
  }

  .loyalty-au-route-head,
  .loyalty-au-zones-head,
  .loyalty-au-route-display,
  .loyalty-au-zone-display,
  .rewards-au-closing {
    grid-template-columns: 1fr;
  }

  .loyalty-au-route-tabs {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .loyalty-au-zone-tabs {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .loyalty-au-zone-metrics,
  .vip-au-benefits {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .vip-au-tier-tabs {
    grid-template-columns:
      repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .rewards-au-section {
    padding: 66px 15px 72px;
  }

  .rewards-au-heading h2 {
    font-size: 43px;
    letter-spacing: -2.5px;
  }

  .rewards-au-switcher,
  .loyalty-au-zone-metrics,
  .loyalty-au-track,
  .vip-au-benefits,
  .vip-au-cashback-rule-grid,
  .vip-au-tier-display {
    grid-template-columns: 1fr;
  }

  .loyalty-au-route,
  .loyalty-au-zones,
  .loyalty-au-milestones,
  .vip-au-cashback-rules,
  .rewards-au-closing {
    padding: 21px;
  }
}
/* ==================== Rewards Australia End ==================== */
/* ==================== Payments Australia Start ==================== */
.payments-au-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 91% 9%, rgba(66, 110, 111, .13), transparent 25%),
    radial-gradient(circle at 6% 87%, rgba(169, 94, 55, .09), transparent 24%),
    linear-gradient(180deg, #f5efe7 0%, #e5ddd1 100%);

  color: #303335;
}

.payments-au-section::before {
  content: "";

  position: absolute;
  right: -260px;
  top: 270px;

  width: 590px;
  height: 590px;

  border: 1px solid rgba(60, 92, 94, .07);
  border-radius: 50%;
}

.payments-au-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}

.payments-au-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #75513e;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.payments-au-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: #648f90;
}


/* Intro */
.payments-au-intro {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap: 60px;

  align-items: end;
}

.payments-au-heading h2 {
  max-width: 780px;

  margin-top: 14px;

  font-size: clamp(49px, 5vw, 74px);
  line-height: .97;
  letter-spacing: -4px;
}

.payments-au-heading h2 span {
  display: block;

  color: #985638;
}

.payments-au-lead {
  color: #585d5e;

  font-size: 16px;
  line-height: 1.76;
}

.payments-au-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top: 1px solid rgba(65, 74, 75, .12);

  color: #707576;

  font-size: 13px;
  line-height: 1.72;
}


/* Main Switcher */
.payments-au-switcher {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;

  margin-top: 31px;
  padding: 8px;

  border-radius: 24px;

  background: rgba(255, 255, 255, .64);
}

.payments-au-tab {
  display: flex;
  align-items: center;

  gap: 13px;

  min-height: 84px;

  padding: 13px 17px;

  border-radius: 17px;

  background: transparent;
  color: #4e5354;

  text-align: left;

  cursor: pointer;

  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease;
}

.payments-au-tab:hover {
  transform: translateY(-2px);
}

.payments-au-tab.active {
  background:
    linear-gradient(135deg, #3f696b, #29494c);

  color: #fff;

  box-shadow:
    0 14px 29px rgba(37, 68, 70, .18);
}

.payments-au-tab small {
  display: block;

  margin-bottom: 2px;

  color: #879293;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.payments-au-tab.active small {
  color: rgba(255, 255, 255, .6);
}

.payments-au-tab strong {
  display: block;

  font-size: 14px;
}


/* Main Tab Icons */
.payments-tab-icon {
  position: relative;

  flex: 0 0 43px;

  width: 43px;
  height: 43px;

  border-radius: 13px;

  background: rgba(62, 105, 107, .1);
}

.payments-au-tab.active .payments-tab-icon {
  background: rgba(255,255,255,.11);
}

.payments-tab-deposit::before {
  content: "";

  position: absolute;

  left: 11px;
  right: 11px;
  top: 19px;

  height: 3px;

  border-radius: 5px;

  background: #588486;
}

.payments-tab-deposit::after {
  content: "";

  position: absolute;

  left: 19px;
  top: 11px;

  width: 3px;
  height: 19px;

  border-radius: 5px;

  background: #588486;
}

.payments-tab-withdrawal::before {
  content: "";

  position: absolute;

  left: 11px;
  right: 11px;
  top: 20px;

  height: 3px;

  border-radius: 5px;

  background: #588486;
}

.payments-tab-withdrawal::after {
  content: "";

  position: absolute;

  right: 10px;
  top: 15px;

  width: 10px;
  height: 10px;

  border-top: 3px solid #588486;
  border-right: 3px solid #588486;

  transform: rotate(45deg);
}

.payments-tab-crypto::before {
  content: "₿";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #588486;

  font-size: 20px;
  font-weight: 900;
}

.payments-au-tab.active .payments-tab-icon::before,
.payments-au-tab.active .payments-tab-icon::after {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}


/* Panels */
.payments-au-panel {
  display: none;
}

.payments-au-panel.active {
  display: block;
}


/* Panel Header */
.payments-au-panel-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);

  gap: 10px;

  margin-top: 12px;
}

.payments-au-panel-head > div,
.payments-au-highlight {
  padding: 30px;

  border-radius: 27px;

  background: rgba(255,255,255,.67);
}

.payments-au-panel-head h3 {
  margin: 9px 0 11px;

  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1.03;
  letter-spacing: -2px;
}

.payments-au-panel-head h3 span {
  display: block;

  color: #985638;
}

.payments-au-panel-head p {
  color: #656b6c;

  font-size: 13px;
  line-height: 1.7;
}

.payments-au-highlight {
  display: flex;
  flex-direction: column;
  justify-content: center;

  background:
    linear-gradient(145deg, #355c5f, #223f42);

  color: #fff;
}

.payments-au-highlight small {
  color: #a1c4c3;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.payments-au-highlight strong {
  margin: 9px 0;

  color: #e7c08d;

  font-size: 38px;
  line-height: 1;
}

.payments-au-highlight p {
  color: rgba(255,255,255,.7);
}

.withdrawal-minimum-highlight {
  background:
    linear-gradient(145deg, #a15839, #6c3e31);
}


/* Methods Heading */
.payment-methods-title {
  display: grid;

  grid-template-columns:
    1fr .7fr;

  gap: 40px;

  align-items: end;

  margin-top: 28px;
}

.payment-methods-title h3 {
  margin-top: 8px;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.payment-methods-title h3 span {
  display: block;

  color: #985638;
}

.payment-methods-title > p {
  color: #6e7474;

  font-size: 13px;
  line-height: 1.68;
}


/* Method Cards */
.payments-method-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 8px;

  margin-top: 19px;
}

.payment-method-card {
  position: relative;

  min-height: 275px;

  padding: 22px;

  border: 1px solid rgba(66, 75, 76, .07);
  border-radius: 20px;

  background: rgba(255,255,255,.64);
}

.payment-method-card-accent {
  background:
    linear-gradient(145deg, #343a3b, #46362f);

  color: #fff;
}

.payment-method-icon {
  position: relative;

  display: block;

  width: 48px;
  height: 48px;

  margin-bottom: 22px;

  border-radius: 14px;

  background: rgba(72, 112, 113, .1);
}

.payment-method-card-accent .payment-method-icon {
  background: rgba(255,255,255,.08);
}

.payment-method-card > small {
  color: #6c8d8e;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.payment-method-card h4 {
  margin: 6px 0 9px;

  font-size: 19px;
  line-height: 1.25;
}

.payment-method-card p {
  color: #697071;

  font-size: 12px;
  line-height: 1.65;
}

.payment-method-card-accent p {
  color: #c4beb9;
}

.payment-method-note {
  position: absolute;

  left: 22px;
  right: 22px;
  bottom: 21px;

  padding-top: 12px;

  border-top: 1px solid rgba(67, 75, 76, .08);

  color: #8a8e8e;

  font-size: 10px;
  line-height: 1.45;
}

.payment-method-card-accent .payment-method-note {
  border-color: rgba(255,255,255,.07);
  color: #aaa39e;
}


/* Method Icons */
.card-payment-icon::before {
  content: "";

  position: absolute;

  left: 9px;
  top: 13px;

  width: 30px;
  height: 21px;

  border: 2px solid #638d8e;
  border-radius: 5px;
}

.card-payment-icon::after {
  content: "";

  position: absolute;

  left: 11px;
  right: 11px;
  top: 20px;

  height: 3px;

  background: #638d8e;
}

.bank-payment-icon::before {
  content: "";

  position: absolute;

  left: 9px;
  top: 13px;

  width: 30px;
  height: 22px;

  border-left: 3px solid #638d8e;
  border-right: 3px solid #638d8e;
  border-bottom: 3px solid #638d8e;
}

.bank-payment-icon::after {
  content: "";

  position: absolute;

  left: 7px;
  top: 8px;

  width: 34px;
  height: 8px;

  border-top: 3px solid #638d8e;

  transform: skewY(-12deg);
}

.wallet-payment-icon::before {
  content: "";

  position: absolute;

  left: 9px;
  top: 12px;

  width: 29px;
  height: 24px;

  border: 2px solid #638d8e;
  border-radius: 6px;
}

.wallet-payment-icon::after {
  content: "";

  position: absolute;

  right: 7px;
  top: 19px;

  width: 13px;
  height: 10px;

  border-radius: 4px;

  background: #638d8e;
}

.crypto-payment-icon::before {
  content: "₿";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #d89a5f;

  font-size: 23px;
  font-weight: 900;
}

.verify-payment-icon::before {
  content: "";

  position: absolute;

  inset: 10px;

  border: 2px solid #d89a5f;
  border-radius: 50%;
}

.verify-payment-icon::after {
  content: "";

  position: absolute;

  left: 17px;
  top: 18px;

  width: 11px;
  height: 6px;

  border-left: 3px solid #d89a5f;
  border-bottom: 3px solid #d89a5f;

  transform: rotate(-45deg);
}


/* Deposit Limits */
.deposit-limit-box {
  display: grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap: 28px;

  margin-top: 28px;
  padding: 29px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #313738, #47382f);

  color: #fff;
}

.deposit-limit-box h3 {
  margin-top: 8px;

  font-size: 32px;
  line-height: 1.04;
}

.deposit-limit-box h3 span {
  display: block;

  color: #dfaa71;
}

.deposit-limit-details {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 8px;
}

.deposit-limit-details > div {
  padding: 20px;

  border-radius: 17px;

  background: rgba(255,255,255,.05);
}

.deposit-limit-details small {
  color: #a6a09b;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.deposit-limit-details strong {
  display: block;

  margin: 6px 0;

  color: #edb574;

  font-size: 20px;
}

.deposit-limit-details p {
  color: #bbb4ae;

  font-size: 11px;
  line-height: 1.55;
}


/* Guidance */
.payment-guidance {
  margin-top: 28px;
  padding: 29px;

  border-radius: 27px;

  background: rgba(255,255,255,.57);
}

.payment-guidance-head {
  display: grid;

  grid-template-columns:
    1fr .7fr;

  gap: 40px;

  align-items: end;
}

.payment-guidance-head h3 {
  margin-top: 8px;

  font-size: 33px;
  line-height: 1.04;
}

.payment-guidance-head h3 span {
  color: #985638;
}

.payment-guidance-head > p {
  color: #6b7172;

  font-size: 13px;
  line-height: 1.67;
}

.payment-guidance-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 8px;

  margin-top: 22px;
}

.payment-guidance-grid-wide {
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
}

.payment-guidance-grid article {
  min-height: 225px;

  padding: 20px;

  border-radius: 17px;

  background: #ece5db;
}

.guidance-icon,
.withdrawal-limit-icon,
.timing-icon,
.crypto-detail-icon {
  position: relative;

  display: block;

  width: 42px;
  height: 42px;

  margin-bottom: 17px;

  border-radius: 13px;

  background: rgba(69, 108, 109, .1);
}

.payment-guidance-grid small {
  color: #6d8d8e;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.payment-guidance-grid strong {
  display: block;

  margin: 6px 0 8px;

  color: #414647;

  font-size: 14px;
  line-height: 1.45;
}

.payment-guidance-grid p {
  color: #6e7475;

  font-size: 11px;
  line-height: 1.6;
}


/* Guidance Icons */
.guidance-owner::before,
.identity-guidance-icon::before {
  content: "";

  position: absolute;

  left: 15px;
  top: 9px;

  width: 12px;
  height: 12px;

  border: 2px solid #638d8e;
  border-radius: 50%;
}

.guidance-owner::after,
.identity-guidance-icon::after {
  content: "";

  position: absolute;

  left: 10px;
  bottom: 8px;

  width: 22px;
  height: 11px;

  border: 2px solid #638d8e;
  border-radius: 12px 12px 5px 5px;
}

.guidance-currency::before {
  content: "$";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #638d8e;

  font-size: 20px;
  font-weight: 900;
}

.guidance-limit::before,
.amount-guidance-icon::before {
  content: "";

  position: absolute;

  left: 9px;
  right: 9px;
  top: 20px;

  height: 3px;

  background: #638d8e;
}

.guidance-limit::after,
.amount-guidance-icon::after {
  content: "";

  position: absolute;

  right: 9px;
  top: 15px;

  width: 10px;
  height: 10px;

  border-top: 3px solid #638d8e;
  border-right: 3px solid #638d8e;

  transform: rotate(45deg);
}

.guidance-confirm::before,
.payout-guidance-icon::before {
  content: "";

  position: absolute;

  inset: 10px;

  border: 2px solid #638d8e;
  border-radius: 50%;
}

.guidance-confirm::after,
.payout-guidance-icon::after {
  content: "";

  position: absolute;

  left: 15px;
  top: 18px;

  width: 11px;
  height: 6px;

  border-left: 3px solid #638d8e;
  border-bottom: 3px solid #638d8e;

  transform: rotate(-45deg);
}

.bonus-guidance-icon::before {
  content: "";

  position: absolute;

  left: 10px;
  top: 13px;

  width: 22px;
  height: 19px;

  border: 2px solid #638d8e;
  border-radius: 4px;
}

.bonus-guidance-icon::after {
  content: "";

  position: absolute;

  left: 19px;
  top: 9px;

  width: 4px;
  height: 27px;

  background: #638d8e;
}

.phone-guidance-icon::before {
  content: "";

  position: absolute;

  left: 13px;
  top: 7px;

  width: 16px;
  height: 28px;

  border: 2px solid #638d8e;
  border-radius: 5px;
}

.phone-guidance-icon::after {
  content: "";

  position: absolute;

  left: 19px;
  bottom: 9px;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #638d8e;
}

.patience-guidance-icon::before {
  content: "";

  position: absolute;

  inset: 10px;

  border: 2px solid #638d8e;
  border-radius: 50%;
}

.patience-guidance-icon::after {
  content: "";

  position: absolute;

  left: 20px;
  top: 14px;

  width: 2px;
  height: 10px;

  background: #638d8e;

  box-shadow: 5px 8px 0 -0.5px #638d8e;

  transform-origin: bottom;
}


/* Withdrawal Limits */
.withdrawal-limits {
  margin-top: 28px;
}

.withdrawal-limits-head {
  display: grid;

  grid-template-columns:
    1fr .7fr;

  gap: 40px;

  align-items: end;
}

.withdrawal-limits-head h3 {
  margin-top: 8px;

  font-size: 33px;
  line-height: 1.04;
}

.withdrawal-limits-head h3 span {
  color: #995638;
}

.withdrawal-limits-head > p {
  color: #6f7475;

  font-size: 13px;
  line-height: 1.68;
}

.withdrawal-limit-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;

  margin-top: 20px;
}

.withdrawal-limit-grid article {
  min-height: 210px;

  padding: 23px;

  border-radius: 19px;

  background: rgba(255,255,255,.64);
}

.withdrawal-limit-featured {
  background:
    linear-gradient(145deg, #9e5639, #6b3d30) !important;

  color: #fff;
}

.withdrawal-limit-grid small {
  color: #678a8b;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.withdrawal-limit-grid strong {
  display: block;

  margin: 7px 0;

  color: #3f4647;

  font-size: 29px;
}

.withdrawal-limit-grid p {
  color: #707676;

  font-size: 11px;
  line-height: 1.55;
}

.withdrawal-limit-featured small {
  color: #e5b481;
}

.withdrawal-limit-featured strong {
  color: #fff;
}

.withdrawal-limit-featured p {
  color: rgba(255,255,255,.7);
}


/* Limit Icons */
.day-limit-icon::before,
.week-limit-icon::before,
.month-limit-icon::before {
  content: "";

  position: absolute;

  left: 9px;
  top: 10px;

  width: 24px;
  height: 23px;

  border: 2px solid #638d8e;
  border-radius: 4px;
}

.day-limit-icon::after {
  content: "";

  position: absolute;

  left: 18px;
  top: 19px;

  width: 7px;
  height: 7px;

  border-radius: 2px;

  background: #638d8e;
}

.week-limit-icon::after {
  content: "";

  position: absolute;

  left: 14px;
  top: 18px;

  width: 14px;
  height: 3px;

  background: #638d8e;

  box-shadow: 0 6px 0 #638d8e;
}

.month-limit-icon::before {
  border-color: #e2ae75;
}

.month-limit-icon::after {
  content: "";

  position: absolute;

  left: 14px;
  top: 18px;

  width: 14px;
  height: 10px;

  background:
    linear-gradient(
      90deg,
      #e2ae75 25%,
      transparent 25%,
      transparent 37%,
      #e2ae75 37%,
      #e2ae75 62%,
      transparent 62%,
      transparent 74%,
      #e2ae75 74%
    );
}


/* Timing */
.withdrawal-timing {
  display: grid;

  grid-template-columns:
    .72fr 1.28fr;

  gap: 28px;

  margin-top: 28px;
  padding: 29px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #323839, #48382f);

  color: #fff;
}

.withdrawal-timing-head h3 {
  margin-top: 8px;

  font-size: 33px;
  line-height: 1.04;
}

.withdrawal-timing-head h3 span {
  display: block;

  color: #dda56e;
}

.withdrawal-timing-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;
}

.withdrawal-timing-grid article {
  padding: 19px;

  border-radius: 16px;

  background: rgba(255,255,255,.05);
}

.withdrawal-timing-grid small {
  color: #a9a29d;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.withdrawal-timing-grid strong {
  display: block;

  margin: 6px 0;

  color: #ecb273;

  font-size: 17px;
}

.withdrawal-timing-grid p {
  color: #bbb4af;

  font-size: 11px;
  line-height: 1.55;
}


/* Timing Icons */
.internal-timing-icon::before,
.bank-timing-icon::before,
.transfer-timing-icon::before {
  content: "";

  position: absolute;

  inset: 9px;

  border: 2px solid #dca56f;
  border-radius: 50%;
}

.internal-timing-icon::after {
  content: "";

  position: absolute;

  left: 20px;
  top: 14px;

  width: 2px;
  height: 9px;

  background: #dca56f;

  box-shadow: 5px 7px 0 -0.5px #dca56f;
}

.bank-timing-icon::before {
  border-radius: 4px;
}

.bank-timing-icon::after {
  content: "";

  position: absolute;

  left: 12px;
  right: 12px;
  top: 20px;

  height: 3px;

  background: #dca56f;
}

.transfer-timing-icon::after {
  content: "";

  position: absolute;

  right: 8px;
  top: 16px;

  width: 10px;
  height: 10px;

  border-top: 3px solid #dca56f;
  border-right: 3px solid #dca56f;

  transform: rotate(45deg);
}


/* Crypto */
.crypto-au-main {
  display: grid;

  grid-template-columns:
    1fr .8fr;

  gap: 12px;

  margin-top: 12px;
}

.crypto-au-copy {
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #303637, #49382f);

  color: #fff;
}

.crypto-au-copy h3 {
  margin: 9px 0 11px;

  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1.03;
}

.crypto-au-copy h3 span {
  display: block;

  color: #e0a56c;
}

.crypto-au-copy p {
  color: #c0b9b4;

  font-size: 13px;
  line-height: 1.68;
}

.crypto-au-copy p + p {
  margin-top: 11px;
}

.crypto-au-assets {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 8px;

  padding: 16px;

  border-radius: 27px;

  background: rgba(255,255,255,.6);
}

.crypto-au-assets span {
  display: grid;
  place-items: center;

  min-height: 61px;

  border-radius: 14px;

  background: #ebe4da;

  color: #4b5657;

  font-size: 14px;
  font-weight: 900;

  letter-spacing: .5px;
}

.crypto-au-assets span:hover {
  background: #dfe6e3;
}

.crypto-au-details {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;

  margin-top: 10px;
}

.crypto-au-details article {
  min-height: 230px;

  padding: 22px;

  border-radius: 19px;

  background: rgba(255,255,255,.63);
}

.crypto-au-details small {
  color: #6b8c8d;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.crypto-au-details h4 {
  margin: 6px 0 9px;

  color: #414747;

  font-size: 18px;
}

.crypto-au-details p {
  color: #6c7273;

  font-size: 12px;
  line-height: 1.62;
}

.crypto-rate-icon::before {
  content: "↕";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #638d8e;

  font-size: 22px;
  font-weight: 900;
}

.crypto-exchange-icon::before {
  content: "≠";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #638d8e;

  font-size: 24px;
  font-weight: 900;
}

.crypto-limit-icon::before {
  content: "∞";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #638d8e;

  font-size: 24px;
  font-weight: 900;
}


/* Closing */
.payments-au-closing {
  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 44px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(135deg, #d3c7b6, #e4d7c3);
}

.payments-au-closing h3 {
  margin-top: 8px;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.payments-au-closing h3 span {
  display: block;

  color: #925237;
}

.payments-au-closing > p {
  color: #606667;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 1050px) {

  .payments-au-intro,
  .payments-au-panel-head,
  .deposit-limit-box,
  .withdrawal-timing,
  .crypto-au-main {
    grid-template-columns: 1fr;
  }

  .payments-method-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .payment-guidance-grid,
  .payment-guidance-grid-wide {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 800px) {

  .payments-au-section {
    padding:
      78px 20px
      84px;
  }

  .payment-methods-title,
  .payment-guidance-head,
  .withdrawal-limits-head,
  .payments-au-closing {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .withdrawal-limit-grid,
  .withdrawal-timing-grid,
  .crypto-au-details {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 600px) {

  .payments-au-section {
    padding:
      66px 15px
      72px;
  }

  .payments-au-heading h2 {
    font-size: 43px;
    letter-spacing: -2.5px;
  }

  .payments-au-switcher {
    display: flex;

    overflow-x: auto;
  }

  .payments-au-tab {
    flex: 0 0 190px;
  }

  .payments-method-grid,
  .payment-guidance-grid,
  .payment-guidance-grid-wide,
  .deposit-limit-details,
  .crypto-au-details {
    grid-template-columns: 1fr;
  }

  .payment-method-card {
    min-height: 260px;
  }

  .payment-guidance,
  .deposit-limit-box,
  .withdrawal-timing,
  .payments-au-closing {
    padding: 21px;
  }
}
/* ==================== Payments Australia End ==================== */
/* ==================== Account & Security Start ==================== */
.account-security-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 88% 10%, rgba(96, 132, 137, .17), transparent 26%),
    radial-gradient(circle at 6% 88%, rgba(181, 94, 54, .10), transparent 25%),
    linear-gradient(145deg, #20282c 0%, #293336 50%, #3d332f 100%);

  color: #fff;
}

.account-security-section::before {
  content: "";

  position: absolute;
  top: -310px;
  right: -230px;

  width: 720px;
  height: 720px;

  border: 1px solid rgba(174, 207, 207, .07);
  border-radius: 50%;
}

.account-security-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}

.account-security-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #99bfc0;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.account-security-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: #c57249;
}


/* Intro */
.account-security-intro {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap: 60px;

  align-items: end;
}

.account-security-heading h2 {
  max-width: 790px;

  margin-top: 14px;

  font-size: clamp(49px, 5vw, 74px);
  line-height: .97;
  letter-spacing: -4px;
}

.account-security-heading h2 span {
  display: block;

  color: #d88e5c;
}

.account-security-lead {
  color: #d0ccca;

  font-size: 16px;
  line-height: 1.76;
}

.account-security-intro-copy > p:last-child {
  margin-top: 15px;
  padding-top: 15px;

  border-top: 1px solid rgba(255,255,255,.08);

  color: #aaa7a4;

  font-size: 13px;
  line-height: 1.72;
}


/* Control Centre */
.account-security-control {
  margin-top: 30px;
  padding: 30px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 29px;

  background: rgba(10,14,16,.2);
}

.account-security-control-copy {
  display: grid;

  grid-template-columns:
    1fr .65fr;

  gap: 40px;

  align-items: end;
}

.account-security-control-copy h3 {
  margin-top: 8px;

  font-size: clamp(32px,3.2vw,46px);
  line-height: 1.03;
  letter-spacing: -2px;
}

.account-security-control-copy h3 span {
  color: #db925f;
}

.account-security-control-copy p {
  color: #aaa7a4;

  font-size: 13px;
  line-height: 1.67;
}

.account-security-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0,1fr));

  gap: 8px;

  margin-top: 24px;
}

.account-security-tab {
  display: flex;
  align-items: center;

  gap: 12px;

  min-height: 77px;

  padding: 13px;

  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  color: #fff;

  text-align: left;
  cursor: pointer;
}

.account-security-tab.active {
  border-color: transparent;

  background:
    linear-gradient(135deg, #4c7477, #345357);

  box-shadow: 0 14px 28px rgba(0,0,0,.18);
}

.account-security-tab small {
  display: block;

  color: #969f9f;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.account-security-tab.active small {
  color: rgba(255,255,255,.58);
}

.account-security-tab strong {
  display: block;

  margin-top: 2px;

  font-size: 13px;
}


/* Tab Icons */
.account-security-tab-icon {
  position: relative;

  flex: 0 0 40px;

  width: 40px;
  height: 40px;

  border-radius: 12px;

  background: rgba(117,160,163,.11);
}

.security-identity-icon::before {
  content: "";

  position: absolute;

  left: 13px;
  top: 8px;

  width: 12px;
  height: 12px;

  border: 2px solid #94b9ba;
  border-radius: 50%;
}

.security-identity-icon::after {
  content: "";

  position: absolute;

  left: 9px;
  bottom: 7px;

  width: 20px;
  height: 10px;

  border: 2px solid #94b9ba;
  border-radius: 11px 11px 4px 4px;
}

.security-login-icon::before {
  content: "";

  position: absolute;

  left: 11px;
  top: 17px;

  width: 18px;
  height: 15px;

  border: 2px solid #94b9ba;
  border-radius: 4px;
}

.security-login-icon::after {
  content: "";

  position: absolute;

  left: 15px;
  top: 8px;

  width: 10px;
  height: 12px;

  border: 2px solid #94b9ba;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.security-payment-icon::before {
  content: "";

  position: absolute;

  left: 8px;
  top: 11px;

  width: 24px;
  height: 18px;

  border: 2px solid #94b9ba;
  border-radius: 5px;
}

.security-payment-icon::after {
  content: "";

  position: absolute;

  left: 10px;
  right: 10px;
  top: 17px;

  height: 2px;

  background: #94b9ba;
}

.security-check-icon::before {
  content: "";

  position: absolute;

  inset: 8px;

  border: 2px solid #94b9ba;
  border-radius: 50%;
}

.security-check-icon::after {
  content: "";

  position: absolute;

  left: 13px;
  top: 18px;

  width: 10px;
  height: 5px;

  border-left: 3px solid #94b9ba;
  border-bottom: 3px solid #94b9ba;

  transform: rotate(-45deg);
}


/* Control Display */
.account-security-display {
  display: grid;

  grid-template-columns:
    1.4fr .6fr;

  gap: 8px;

  margin-top: 8px;
}

.account-security-display-main,
.account-security-display-side {
  padding: 24px;

  border-radius: 18px;

  background: rgba(255,255,255,.045);
}

.account-security-display-side {
  background: rgba(187,95,55,.1);
}

.account-security-display span,
.account-security-display small {
  color: #9abbbb;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.account-security-display h3 {
  max-width: 840px;

  margin: 7px 0 9px;

  font-size: clamp(27px,2.7vw,38px);
  line-height: 1.07;
}

.account-security-display p {
  color: #c2bdba;

  font-size: 12px;
  line-height: 1.66;
}

.account-security-display-side strong {
  display: block;

  margin: 7px 0;

  color: #e2a26d;

  font-size: 16px;
}


/* Essentials */
.account-essentials {
  margin-top: 28px;
}

.account-essentials-head,
.verification-centre-head,
.security-data-au-head {
  display: grid;

  grid-template-columns:
    1fr .68fr;

  gap: 40px;

  align-items: end;
}

.account-essentials-head h3,
.verification-centre-head h3,
.security-data-au-head h3 {
  margin-top: 8px;

  font-size: clamp(31px,3.1vw,44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.account-essentials-head h3 span,
.verification-centre-head h3 span,
.security-data-au-head h3 span {
  color: #d9905e;
}

.account-essentials-head > p,
.verification-centre-head > p,
.security-data-au-head > p {
  color: #aaa6a3;

  font-size: 13px;
  line-height: 1.67;
}

.account-essentials-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0,1fr));

  gap: 8px;

  margin-top: 22px;
}

.account-essential-card {
  min-height: 265px;

  padding: 22px;

  border: 1px solid rgba(255,255,255,.065);
  border-radius: 19px;

  background: rgba(255,255,255,.04);
}

.account-essential-card-accent {
  background:
    linear-gradient(145deg, #a45538, #653b31);

  border-color: transparent;
}

.account-essential-icon {
  position: relative;

  display: block;

  width: 45px;
  height: 45px;

  margin-bottom: 20px;

  border-radius: 13px;

  background: rgba(113,157,159,.11);
}

.account-essential-card small {
  color: #7fa7a8;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.account-essential-card h4 {
  margin: 6px 0 9px;

  font-size: 18px;
  line-height: 1.28;
}

.account-essential-card p {
  color: #b7b1ad;

  font-size: 12px;
  line-height: 1.64;
}

.account-essential-card-accent small {
  color: #efb98e;
}

.account-essential-card-accent p {
  color: rgba(255,255,255,.72);
}


/* Simple Essential Icons */
.account-essential-icon::before {
  content: "";

  position: absolute;
  inset: 11px;

  border: 2px solid #8eb4b5;
  border-radius: 6px;
}

.essential-profile-icon::after {
  content: "";

  position: absolute;

  left: 18px;
  top: 15px;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #8eb4b5;
}

.essential-single-icon::after {
  content: "1";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #8eb4b5;

  font-weight: 900;
}

.essential-password-icon::before {
  border-radius: 50%;
}

.essential-password-icon::after {
  content: "";

  position: absolute;

  left: 21px;
  top: 19px;

  width: 12px;
  height: 3px;

  background: #8eb4b5;
}

.essential-email-icon::after {
  content: "";

  position: absolute;

  left: 13px;
  top: 16px;

  width: 18px;
  height: 12px;

  border-bottom: 2px solid #8eb4b5;

  transform: rotate(32deg);
}

.essential-wallet-icon::after {
  content: "";

  position: absolute;

  right: 8px;
  top: 17px;

  width: 13px;
  height: 10px;

  border-radius: 4px;

  background: #8eb4b5;
}

.essential-alert-icon::before {
  border-color: #efb182;
  border-radius: 50%;
}

.essential-alert-icon::after {
  content: "!";

  position: absolute;
  inset: 0;

  display: grid;
  place-items: center;

  color: #efb182;

  font-weight: 900;
}


/* Verification */
.verification-centre {
  margin-top: 28px;
  padding: 30px;

  border-radius: 28px;

  background:
    linear-gradient(145deg, #ebe3d8, #dcd3c7);

  color: #333637;
}

.verification-centre .account-security-label {
  color: #65564d;
}

.verification-centre-head > p {
  color: #676d6e;
}

.verification-tabs {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0,1fr));

  gap: 7px;

  margin-top: 23px;
}

.verification-tab {
  display: flex;
  align-items: center;

  gap: 11px;

  min-height: 76px;

  padding: 12px;

  border-radius: 15px;

  background: rgba(255,255,255,.55);
  color: #44494a;

  text-align: left;

  cursor: pointer;
}

.verification-tab.active {
  background:
    linear-gradient(135deg, #4e7779, #345558);

  color: #fff;
}

.verification-tab small {
  display: block;

  color: #849091;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.verification-tab.active small {
  color: rgba(255,255,255,.57);
}

.verification-tab strong {
  display: block;

  font-size: 13px;
}

.verification-tab-icon {
  position: relative;

  flex: 0 0 38px;

  width: 38px;
  height: 38px;

  border-radius: 11px;

  background: rgba(83,121,123,.1);
}

.verification-tab-icon::before {
  content: "";

  position: absolute;

  inset: 9px;

  border: 2px solid #638f91;
  border-radius: 5px;
}

.verification-tab.active .verification-tab-icon::before {
  border-color: #fff;
}

.verification-display {
  display: grid;

  grid-template-columns:
    1.2fr .7fr .7fr;

  gap: 1px;

  overflow: hidden;

  margin-top: 8px;

  border-radius: 18px;

  background: rgba(70,77,78,.08);
}

.verification-display > div {
  padding: 22px;

  background: rgba(255,255,255,.58);
}

.verification-display-primary {
  background: #343b3c !important;

  color: #fff;
}

.verification-display small,
.verification-display-primary > span {
  display: block;

  margin-bottom: 5px;

  color: #698f90;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
}

.verification-display-primary > span {
  color: #9cc0c0;
}

.verification-display h4 {
  margin: 5px 0 8px;

  font-size: 22px;
}

.verification-display p {
  color: #697071;

  font-size: 12px;
  line-height: 1.63;
}

.verification-display-primary p {
  color: #c6c0bc;
}

.verification-display strong {
  color: #414849;

  font-size: 13px;
  line-height: 1.48;
}


/* Payment Connection */
.security-payment-connection {
  display: grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap: 26px;

  margin-top: 28px;
  padding: 29px;

  border-radius: 27px;

  background: rgba(10,14,16,.21);
}

.security-payment-copy h3 {
  margin: 8px 0 11px;

  font-size: 34px;
  line-height: 1.04;
}

.security-payment-copy h3 span {
  display: block;

  color: #db925f;
}

.security-payment-copy p {
  color: #b8b2ae;

  font-size: 12px;
  line-height: 1.67;
}

.security-payment-points {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 8px;
}

.security-payment-points article {
  padding: 19px;

  border-radius: 16px;

  background: rgba(255,255,255,.045);
}

.security-payment-icon,
.security-data-icon {
  position: relative;

  display: block;

  width: 41px;
  height: 41px;

  margin-bottom: 17px;

  border-radius: 12px;

  background: rgba(121,163,165,.1);
}

.security-payment-icon::before,
.security-data-icon::before {
  content: "";

  position: absolute;
  inset: 10px;

  border: 2px solid #89afb0;
  border-radius: 5px;
}

.security-payment-points small {
  color: #7fa7a8;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.security-payment-points strong {
  display: block;

  margin: 6px 0;

  color: #e4dfdc;

  font-size: 13px;
  line-height: 1.45;
}

.security-payment-points p {
  color: #aaa5a1;

  font-size: 11px;
  line-height: 1.57;
}


/* Data */
.security-data-au {
  margin-top: 28px;
}

.security-data-au-grid {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0,1fr));

  gap: 8px;

  margin-top: 21px;
}

.security-data-au-grid article {
  min-height: 225px;

  padding: 20px;

  border-radius: 18px;

  background: rgba(255,255,255,.04);
}

.security-data-au-grid small {
  color: #80a8a9;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.security-data-au-grid strong {
  display: block;

  margin: 6px 0 8px;

  color: #dfdbd8;

  font-size: 13px;
  line-height: 1.45;
}

.security-data-au-grid p {
  color: #aaa5a1;

  font-size: 11px;
  line-height: 1.58;
}


/* Technology */
.security-technology {
  display: grid;

  grid-template-columns:
    1fr .8fr;

  gap: 26px;

  margin-top: 28px;
  padding: 29px;

  border-radius: 27px;

  background:
    linear-gradient(145deg, #4b7375, #314e51);
}

.security-technology-copy h3 {
  margin: 8px 0 10px;

  font-size: 33px;
  line-height: 1.04;
}

.security-technology-copy h3 span {
  display: block;

  color: #edb17a;
}

.security-technology-copy p {
  color: rgba(255,255,255,.7);

  font-size: 12px;
  line-height: 1.65;
}

.security-technology-grid {
  display: grid;

  grid-template-columns:
    repeat(2,1fr);

  gap: 8px;
}

.security-technology-grid > div {
  padding: 20px;

  border-radius: 16px;

  background: rgba(255,255,255,.08);
}

.technology-lock-icon,
.technology-shield-icon {
  position: relative;

  display: block;

  width: 42px;
  height: 42px;

  margin-bottom: 15px;

  border-radius: 12px;

  background: rgba(255,255,255,.08);
}

.technology-lock-icon::before {
  content: "";

  position: absolute;

  left: 11px;
  top: 17px;

  width: 20px;
  height: 16px;

  border: 2px solid #e9bf95;
  border-radius: 4px;
}

.technology-lock-icon::after {
  content: "";

  position: absolute;

  left: 15px;
  top: 8px;

  width: 12px;
  height: 13px;

  border: 2px solid #e9bf95;
  border-bottom: 0;

  border-radius: 8px 8px 0 0;
}

.technology-shield-icon::before {
  content: "";

  position: absolute;

  left: 11px;
  top: 8px;

  width: 20px;
  height: 25px;

  border: 2px solid #e9bf95;

  border-radius: 11px 11px 15px 15px;
}

.security-technology-grid small {
  display: block;

  color: rgba(255,255,255,.58);

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.security-technology-grid strong {
  display: block;

  margin-top: 5px;

  color: #f2c69c;

  font-size: 22px;
}


/* Details */
.account-security-details {
  margin-top: 28px;
  padding: 29px;

  border: 1px solid rgba(255,255,255,.07);
  border-radius: 27px;

  background: rgba(10,14,16,.19);
}

.account-security-details-preview {
  display: grid;

  grid-template-columns:
    1fr auto;

  gap: 30px;

  align-items: center;
}

.account-security-details-preview h3 {
  margin: 8px 0 9px;

  font-size: 32px;
  line-height: 1.04;
}

.account-security-details-preview h3 span {
  color: #d9915f;
}

.account-security-details-preview p {
  max-width: 800px;

  color: #aaa5a1;

  font-size: 12px;
  line-height: 1.65;
}

.account-security-details-toggle {
  display: flex;
  align-items: center;

  gap: 14px;

  min-height: 50px;

  padding: 0 18px;

  border-radius: 25px;

  background: #d59563;
  color: #302a27;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;
}

.account-security-details-toggle i {
  position: relative;

  width: 18px;
  height: 18px;
}

.account-security-details-toggle i::before,
.account-security-details-toggle i::after {
  content: "";

  position: absolute;

  background: #5e382d;

  border-radius: 5px;
}

.account-security-details-toggle i::before {
  left: 3px;
  top: 8px;

  width: 12px;
  height: 2px;
}

.account-security-details-toggle i::after {
  left: 8px;
  top: 3px;

  width: 2px;
  height: 12px;

  transition: transform .22s ease;
}

.account-security-details-toggle.active i::after {
  transform: rotate(90deg);
}

.account-security-details-content {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0,1fr));

  gap: 8px;

  margin-top: 20px;
}

.account-security-details-content[hidden] {
  display: none;
}

.account-security-details-content article {
  padding: 20px;

  border-radius: 16px;

  background: rgba(255,255,255,.045);
}

.account-security-details-content small {
  color: #7fa7a8;

  font-size: 8px;
  font-weight: 800;

  text-transform: uppercase;
}

.account-security-details-content h4 {
  margin: 6px 0 8px;

  font-size: 16px;
  line-height: 1.3;
}

.account-security-details-content p {
  color: #aaa5a1;

  font-size: 11px;
  line-height: 1.6;
}


/* Closing */
.account-security-closing {
  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 44px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(135deg, #ded4c5, #e9cdae);

  color: #323536;
}

.account-security-closing .account-security-label {
  color: #65564c;
}

.account-security-closing h3 {
  margin-top: 8px;

  font-size: clamp(31px,3.1vw,44px);
  line-height: 1.03;
  letter-spacing: -1.8px;
}

.account-security-closing h3 span {
  display: block;

  color: #955037;
}

.account-security-closing > p {
  color: #626768;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 1050px) {

  .account-security-intro,
  .security-payment-connection,
  .security-technology {
    grid-template-columns: 1fr;
  }

  .account-essentials-grid {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

  .security-data-au-grid {
    grid-template-columns:
      repeat(3, minmax(0,1fr));
  }
}


@media (max-width: 820px) {

  .account-security-section {
    padding:
      78px 20px
      84px;
  }

  .account-security-control-copy,
  .account-essentials-head,
  .verification-centre-head,
  .security-data-au-head,
  .account-security-display,
  .account-security-details-preview,
  .account-security-closing {
    grid-template-columns: 1fr;
  }

  .account-security-tabs,
  .verification-tabs {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

  .verification-display,
  .security-payment-points {
    grid-template-columns: 1fr;
  }

  .account-security-details-content {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }
}


@media (max-width: 560px) {

  .account-security-section {
    padding:
      66px 15px
      72px;
  }

  .account-security-heading h2 {
    font-size: 43px;
    letter-spacing: -2.5px;
  }

  .account-security-control,
  .verification-centre,
  .security-payment-connection,
  .security-technology,
  .account-security-details,
  .account-security-closing {
    padding: 21px;
  }

  .account-security-tabs,
  .verification-tabs,
  .account-essentials-grid,
  .security-data-au-grid,
  .account-security-details-content,
  .security-technology-grid {
    grid-template-columns: 1fr;
  }
}
/* ==================== Account & Security End ==================== */
/* ==================== FAQ Start ==================== */
.faq-section {
  position: relative;
  overflow: hidden;

  padding: 98px 30px 102px;

  background:
    radial-gradient(circle at 90% 12%, rgba(179, 91, 52, 0.11), transparent 24%),
    radial-gradient(circle at 7% 86%, rgba(97, 137, 139, 0.08), transparent 24%),
    linear-gradient(180deg, #faf4ea 0%, #eee1ce 100%);

  color: #34312d;
}

.faq-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1400px);
  margin: 0 auto;
}

.faq-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #8e4932;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.faq-label::before {
  content: "";

  width: 31px;
  height: 2px;

  border-radius: 20px;

  background: #d09a5b;
}


/* Intro */
.faq-intro {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap: 60px;

  align-items: end;

  margin-bottom: 31px;
}

.faq-intro h2 {
  max-width: 760px;

  margin-top: 14px;

  font-size: clamp(49px, 5vw, 73px);
  line-height: .97;

  letter-spacing: -4px;
}

.faq-intro h2 span {
  display: block;

  color: #a95437;
}

.faq-lead {
  color: #5f5952;

  font-size: 16px;
  line-height: 1.76;
}

.faq-text {
  margin-top: 15px;
  padding-top: 15px;

  border-top: 1px solid rgba(99, 65, 43, .12);

  color: #756d64;

  font-size: 13px;
  line-height: 1.72;
}


/* Grid */
.faq-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}

.faq-column {
  display: grid;

  align-content: start;

  gap: 9px;
}


/* FAQ Item */
.faq-item {
  overflow: hidden;

  border: 1px solid rgba(101, 66, 44, .09);
  border-radius: 18px;

  background: rgba(255,255,255,.66);

  box-shadow:
    0 10px 25px rgba(71, 50, 35, .045);

  transition:
    border-color .22s ease,
    box-shadow .22s ease;
}

.faq-item.active {
  border-color: rgba(166, 84, 52, .22);

  box-shadow:
    0 16px 34px rgba(71, 50, 35, .07);
}


/* Question */
.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 22px;

  width: 100%;

  padding: 20px 21px;

  background: transparent;

  color: #3f3b36;

  text-align: left;

  cursor: pointer;
}

.faq-question span {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}


/* Plus icon */
.faq-question i {
  position: relative;

  flex: 0 0 34px;

  width: 34px;
  height: 34px;

  border-radius: 11px;

  background: #efe0cb;

  transition:
    background .22s ease,
    transform .22s ease;
}

.faq-question i::before,
.faq-question i::after {
  content: "";

  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 10px;

  background: #9a5537;

  transform: translate(-50%, -50%);
}

.faq-question i::before {
  width: 12px;
  height: 2px;
}

.faq-question i::after {
  width: 2px;
  height: 12px;

  transition: transform .22s ease;
}

.faq-item.active .faq-question i {
  background:
    linear-gradient(
      135deg,
      #a95738,
      #754131
    );

  transform: rotate(90deg);
}

.faq-item.active .faq-question i::before,
.faq-item.active .faq-question i::after {
  background: #ffffff;
}

.faq-item.active .faq-question i::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


/* Answer */
.faq-answer {
  display: grid;

  grid-template-rows: 0fr;

  opacity: 0;

  transition:
    grid-template-rows .3s ease,
    opacity .25s ease;
}

.faq-answer > * {
  overflow: hidden;
}

.faq-item.active .faq-answer {
  grid-template-rows: 1fr;

  opacity: 1;
}

.faq-answer p {
  margin: 0 21px 21px;
  padding-top: 17px;

  border-top: 1px solid rgba(101, 66, 44, .09);

  color: #6b645c;

  font-size: 13px;
  line-height: 1.72;
}


/* Closing */
.faq-closing {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap: 44px;

  align-items: end;

  margin-top: 28px;
  padding: 30px;

  border-radius: 27px;

  background:
    linear-gradient(
      135deg,
      #353331,
      #533a30
    );

  color: #ffffff;
}

.faq-closing .faq-label {
  color: #dfaa74;
}

.faq-closing h3 {
  margin-top: 8px;

  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.03;

  letter-spacing: -1.8px;
}

.faq-closing h3 span {
  display: block;

  color: #e2a267;
}

.faq-closing > p {
  color: #c8c1bb;

  font-size: 13px;
  line-height: 1.74;
}


/* Responsive */
@media (max-width: 900px) {

  .faq-section {
    padding:
      78px 20px
      84px;
  }

  .faq-intro {
    grid-template-columns: 1fr;

    gap: 18px;
  }

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

  .faq-closing {
    grid-template-columns: 1fr;

    gap: 16px;
  }
}


@media (max-width: 560px) {

  .faq-section {
    padding:
      66px 15px
      72px;
  }

  .faq-intro h2 {
    font-size: 43px;

    letter-spacing: -2.5px;
  }

  .faq-question {
    padding: 17px;
  }

  .faq-question span {
    font-size: 13px;
  }

  .faq-answer p {
    margin:
      0 17px
      17px;

    font-size: 12px;
  }

  .faq-closing {
    padding: 21px;
  }
}


/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {

  .faq-answer,
  .faq-question i,
  .faq-question i::after {
    transition: none;
  }
}
/* ==================== FAQ End ==================== */
/* ==================== Footer Start ==================== */

.footer {
  position: relative;
  padding: 42px 30px 18px;

  background:
    linear-gradient(
      145deg,
      #20282c 0%,
      #2d3031 52%,
      #3c312c 100%
    );

  color: #ffffff;
}

.footer-container {
  width: min(100%, 1400px);
  margin: 0 auto;
}


/* Main */
.footer-main {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(220px, .75fr)
    minmax(220px, .75fr);

  gap: 44px;

  align-items: start;
}


/* Brand */
.footer-brand {
  max-width: 560px;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #ffffff;

  text-decoration: none;
}

.footer-logo .logo-name {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: -0.8px;
}

.footer-brand p {
  max-width: 520px;

  margin-top: 14px;

  color: #c2bbb6;

  font-size: 14px;
  line-height: 1.7;
}


/* Titles */
.footer-title {
  display: block;

  margin-bottom: 13px;

  color: #e1a66a;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.3px;
  text-transform: uppercase;
}


/* Navigation */
.footer-nav nav,
.footer-legal nav {
  display: flex;
  flex-wrap: wrap;

  gap: 9px 14px;
}

.footer-nav a,
.footer-legal a {
  position: relative;

  color: #d7d0cb;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;

  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}

.footer-nav a:hover,
.footer-legal a:hover {
  color: #ffffff;

  transform: translateY(-1px);
}

.footer-nav a::after,
.footer-legal a::after {
  content: "";

  position: absolute;

  left: 0;
  right: 100%;
  bottom: -3px;

  height: 1px;

  background: #d88f59;

  transition: right .22s ease;
}

.footer-nav a:hover::after,
.footer-legal a:hover::after {
  right: 0;
}


/* Bottom */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 32px;
  padding-top: 18px;

  border-top:
    1px solid rgba(255, 255, 255, .08);
}

.footer-bottom p,
.footer-bottom a {
  color: #aaa39e;

  font-size: 13px;
  line-height: 1.5;
}

.footer-bottom a {
  text-decoration: none;

  transition: color .2s ease;
}

.footer-bottom a:hover {
  color: #ffffff;
}


/* Prevent Tiny Footer Text */
.footer,
.footer a,
.footer p,
.footer span {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* Responsive */
@media (max-width: 950px) {

  .footer-main {
    grid-template-columns:
      1fr 1fr;
  }

  .footer-brand {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 650px) {

  .footer {
    padding:
      36px 18px
      18px;
  }

  .footer-main {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .footer-brand {
    grid-column: auto;
  }

  .footer-logo .logo-name {
    font-size: 22px;
  }

  .footer-brand p {
    font-size: 14px;
  }

  .footer-nav nav,
  .footer-legal nav {
    gap: 10px 16px;
  }

  .footer-nav a,
  .footer-legal a {
    font-size: 14px;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;

    gap: 8px;
  }

  .footer-bottom p,
  .footer-bottom a {
    font-size: 13px;
  }
}

/* ==================== Footer End ==================== */
/* ==================== Footer Logo Fix ==================== */

.footer .footer-logo .logo-name {
  color: #f7f1e8 !important;
  opacity: 1 !important;

  font-size: 24px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: -0.8px;
}

.footer .footer-logo {
  color: #f7f1e8 !important;
}

.footer .footer-logo:hover .logo-name {
  color: #e7ad6d !important;
}

/* ==================== Footer Logo Fix End ==================== */
/* ==================== Legal Pages Start ==================== */

.legal-page {
  position: relative;

  min-height: 100vh;

  background:
    radial-gradient(circle at 92% 5%, rgba(183, 102, 55, 0.10), transparent 24%),
    radial-gradient(circle at 5% 70%, rgba(84, 122, 124, 0.07), transparent 22%),
    linear-gradient(180deg, #f7f0e6 0%, #ede1d0 100%);

  color: #37332f;
}


/* ==================== Legal Hero ==================== */

.legal-hero {
  position: relative;
  overflow: hidden;

  padding:
    145px 30px
    72px;

  background:
    linear-gradient(
      145deg,
      #23292b 0%,
      #303536 47%,
      #53372c 100%
    );

  color: #ffffff;
}

.legal-hero::before {
  content: "";

  position: absolute;
  top: -260px;
  right: -210px;

  width: 620px;
  height: 620px;

  border: 1px solid rgba(231, 181, 121, .09);
  border-radius: 50%;
}

.legal-hero::after {
  content: "";

  position: absolute;
  right: 8%;
  bottom: -170px;

  width: 360px;
  height: 360px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(197, 103, 56, .15),
      transparent 68%
    );
}

.legal-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1180px);
  margin: 0 auto;
}

.legal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #e3ad74;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.legal-eyebrow::before {
  content: "";

  width: 32px;
  height: 2px;

  border-radius: 10px;

  background: #b85f3d;
}

.legal-hero h1 {
  max-width: 900px;

  margin: 14px 0 20px;

  color: #ffffff;

  font-size: clamp(52px, 6vw, 82px);
  font-weight: 800;
  line-height: .96;

  letter-spacing: -4px;
}

.legal-intro {
  max-width: 900px;

  color: #d2cbc5;

  font-size: 16px;
  line-height: 1.78;
}


/* ==================== Legal Content ==================== */

.legal-content {
  padding:
    48px 0
    94px;
}

.legal-section {
  position: relative;

  margin-bottom: 10px;
  padding: 29px 31px;

  border: 1px solid rgba(102, 67, 45, .08);
  border-radius: 20px;

  background:
    rgba(255, 255, 255, .67);

  box-shadow:
    0 10px 30px rgba(71, 50, 34, .035);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.legal-section:hover {
  transform: translateY(-1px);

  border-color:
    rgba(158, 82, 50, .15);

  box-shadow:
    0 15px 36px rgba(71, 50, 34, .055);
}

.legal-section h2 {
  position: relative;

  margin: 0 0 14px;

  padding-left: 18px;

  color: #3b3733;

  font-size: clamp(22px, 2vw, 29px);
  font-weight: 800;
  line-height: 1.18;

  letter-spacing: -.7px;
}

.legal-section h2::before {
  content: "";

  position: absolute;

  left: 0;
  top: .16em;

  width: 4px;
  height: 1.05em;

  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      #b35a39,
      #d99c5c
    );
}

.legal-section p {
  margin: 0;

  color: #666058;

  font-size: 14px;
  line-height: 1.78;
}

.legal-section p + p {
  margin-top: 12px;
}


/* ==================== First Legal Card ==================== */

.legal-section:first-child {
  border-color:
    rgba(99, 135, 136, .13);

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.78),
      rgba(239,232,221,.83)
    );
}


/* ==================== Reading Width ==================== */

.legal-section p,
.legal-intro {
  text-wrap: pretty;
}


/* ==================== Legal Footer Separation ==================== */

.legal-page + .footer {
  margin-top: 0;
}


/* ==================== Legal Page Footer Logo Fix ==================== */

body:has(.legal-page) .footer .footer-logo,
body:has(.legal-page) .footer .footer-logo .logo-name {
  color: #f7f1e8 !important;
}

body:has(.legal-page) .footer .footer-logo:hover .logo-name {
  color: #e7ad6d !important;
}


/* ==================== Header on Legal Pages ==================== */

body:has(.legal-page) .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  z-index: 1000;
}

body:has(.legal-page) .header-2 {
  background:
    rgba(28, 33, 35, .88);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-bottom:
    1px solid rgba(255,255,255,.06);
}

body:has(.legal-page) .header .logo-name {
  color: #ffffff;
}

body:has(.legal-page) .navbar a {
  color: #ded8d3;
}

body:has(.legal-page) .navbar a:hover {
  color: #ffffff;
}


/* ==================== Tablet ==================== */

@media (max-width: 900px) {

  .legal-hero {
    padding:
      126px 22px
      60px;
  }

  .legal-content {
    padding:
      34px 20px
      78px;
  }

  .legal-hero h1 {
    font-size:
      clamp(47px, 9vw, 68px);

    letter-spacing: -3px;
  }

  .legal-intro {
    font-size: 15px;
  }

  .legal-section {
    padding: 25px;
  }
}


/* ==================== Mobile ==================== */

@media (max-width: 560px) {

  .legal-hero {
    padding:
      112px 16px
      48px;
  }

  .legal-content {
    padding:
      25px 15px
      64px;
  }

  .legal-eyebrow {
    font-size: 10px;

    letter-spacing: 1.3px;
  }

  .legal-hero h1 {
    margin-top: 12px;

    font-size: 44px;
    line-height: .99;

    letter-spacing: -2.5px;
  }

  .legal-intro {
    font-size: 14px;
    line-height: 1.7;
  }

  .legal-section {
    margin-bottom: 8px;

    padding: 21px 19px;

    border-radius: 17px;
  }

  .legal-section h2 {
    padding-left: 15px;

    font-size: 21px;
  }

  .legal-section p {
    font-size: 13px;
    line-height: 1.72;
  }
}


/* ==================== Reduced Motion ==================== */

@media (prefers-reduced-motion: reduce) {

  .legal-section {
    transition: none;
  }

}


/* ==================== Legal Pages End ==================== */
/* ==================== Legal Header Fix ==================== */

/* Remove the dark outer bar on legal pages */
body:has(.legal-page) .header {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;

  z-index: 1000;

  background: transparent !important;
}

/* Keep only the light rounded header */
body:has(.legal-page) .header-2 {
  background: transparent !important;

  border: 0 !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Light header container */
body:has(.legal-page) .header-2 .container {
  background: #f3eee6;

  border: 1px solid rgba(89, 65, 48, .08);
  border-radius: 22px;

  box-shadow:
    0 16px 36px rgba(17, 20, 21, .16);
}

/* Logo text must be dark inside the light header */
body:has(.legal-page) .header .logo-name {
  color: #2f3334 !important;
  opacity: 1 !important;
}

/* Main navigation */
body:has(.legal-page) .header .navbar a {
  color: #5b5651 !important;
  opacity: 1 !important;

  font-weight: 700;
}

body:has(.legal-page) .header .navbar a:hover {
  color: #a55235 !important;
}

/* Play Now stays as accent */
body:has(.legal-page) .header .btn {
  color: #ffffff !important;
}

/* Mobile burger lines */
body:has(.legal-page) .menu-btn span {
  background: #3d4142 !important;
}

/* Mobile menu */
body:has(.legal-page) .mobile-menu {
  background: #f3eee6 !important;

  border-top: 1px solid rgba(89, 65, 48, .08);
}

body:has(.legal-page) .mobile-navbar a {
  color: #4f4b47 !important;

  border-bottom-color: rgba(89, 65, 48, .08);
}

body:has(.legal-page) .mobile-navbar a:hover {
  color: #a55235 !important;
}

/* ==================== Legal Header Fix End ==================== */