@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,700i,800|Open+Sans:400,400i,600,600i,700,700i,800&display=swap);
/* Typography
================================================== */
body {
  background: #350b2d;
  color: #555;
}

body,
p {
  font-family: "Open Sans", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  line-height: 26px;
  font-size: 15px;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
}

h1 {
  font-size: 36px;
  line-height: 48px;
}

h2 {
  font-size: 28px;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h3 {
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

h4 {
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}

h5 {
  font-size: 14px;
  line-height: 24px;
}

.alert .icon {
  margin-right: 15px;
}

/* Global styles
================================================== */
html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  border: 0;
  margin: 0;
  padding: 0;
}

.body-inner {
	position: relative;
	overflow: hidden;
	border: 2px solid #ffb600;
}

.preload {
  position: fixed;
  background: #fff url(../images/preload.gif) center center no-repeat;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

a:link,
a:visited {
  text-decoration: none;
}

a {
  color: inherit;
  transition: 0.2s ease;
}

a:hover {
  text-decoration: none;
  color: #000;
}

a.read-more {
  color: #ffb600;
  font-weight: 700;
  text-transform: uppercase;
}

a.read-more:hover {
  color: #222;
}

section,
.section-padding {
  padding: 70px 0;
  position: relative;
}

.no-padding {
  padding: 0;
}

.gap-60 {
  clear: both;
  height: 60px;
}

.gap-40 {
  clear: both;
  height: 40px;
}

.gap-30 {
  clear: both;
  height: 30px;
}

.gap-20 {
  clear: both;
  height: 20px;
}

.mrb-30 {
  margin-bottom: 30px;
}

.mrb-80 {
  margin-bottom: -80px;
}

.mrt-0 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.pab {
  padding-bottom: 0;
}

a:focus {
  outline: 0;
}

.ts-padding {
  padding: 60px;
}

.solid-bg {
	background: #000;
}

.dark-bg {
  background: #252525;
  color: #fff;
}

.dark-bg h2,
.dark-bg h3 {
  color: #fff;
}

.solid-row {
  background: #f0f0f0;
}

.bg-overlay {
  position: relative;
}

.bg-overlay .container {
  position: relative;
  z-index: 1;
}

.bg-overlay:after {
  background-color: rgba(0, 46, 91, 0.8);
  z-index: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bg-overlay:after {
  position: relative;
}

.bg-overlay:after {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

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

/* Dropcap */
.dropcap {
  font-size: 48px;
  line-height: 60px;
  padding: 0 7px;
  display: inline-block;
  font-weight: 700;
  margin: 5px 15px 5px 0;
  position: relative;
  text-transform: uppercase;
}

.dropcap.primary {
  background: #ffb600;
  color: #fff;
}

.dropcap.secondary {
  background: #3a5371;
  color: #fff;
}

/* Title */
.title {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 20px;
}

/* Title Border */
/* Section title */
.section-title {
	font-size: 18px;
	line-height: 28px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	color: #ffb600;
}

.section-sub-title {
	font-weight: 900;
	font-size: 36px;
	line-height: 46px;
	margin: 0 0 60px;
	color: #ffb600;
}
@media (max-width: 575px) {
  .section-sub-title {
    font-size: 28px;
  }
}

/* Column title */
.column-title {
  margin: 0 0 40px;
}

.column-title-small {
  font-size: 20px;
  margin: 0 0 25px;
}

.glitch {
  font-size: 28px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

.glitch {
  animation: glitch 1000ms infinite;
}

.glitch span {
  position: absolute;
  top: 0;
  left: 0;
}

.glitch span:first-child {
  animation: glitch 650ms infinite;
  clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
  transform: translate(-0.05em, -0.025em)
}

.glitch span:last-child {
  animation: glitch 650ms infinite;
  clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
  transform: translate(0.05em, 0.025em)
}


@keyframes glitch {
  0% {
    text-shadow:
    0.05em 0 0 rgba(255,0,0,.75),
    -0.025em -0.05em 0 rgba(0,255,0,.75),
    0.025em 0.05em 0 rgba(0,0,255,.75);
  }
  14% {
    text-shadow:
    0.05em 0 0 rgba(255,0,0,.75),
    -0.025em -0.05em 0 rgba(0,255,0,.75),
    0.025em 0.05em 0 rgba(0,0,255,.75);
  }
  15% {
    text-shadow:
    -0.05em -0.025em 0 rgba(255,0,0,.75),
    0.025em 0.025em 0 rgba(0,255,0,.75),
    -0.05em -0.05em 0 rgba(0,0,255,.75);
  }
  49% {
    text-shadow:
    -0.05em -0.025em 0 rgba(255,0,0,.75),
    0.025em 0.025em 0 rgba(0,255,0,.75),
    -0.05em -0.05em 0 rgba(0,0,255,.75);
  }
  50% {
    text-shadow:
    0.025em 0.05em 0 rgba(255,0,0,.75),
    -0.025em -0.05em 0 rgba(0,255,0,.75),
    0 -0.05em 0 rgba(0,0,255,.75);
  }
  99% {
    text-shadow:
    0.025em 0.05em 0 rgba(255,0,0,.75),
    -0.025em -0.05em 0 rgba(0,255,0,.75),
    0 -0.05em 0 rgba(0,0,255,.75);
  }
  100% {
    text-shadow:
    -0.025em 0 0 rgba(255,0,0,.75),
    -0.025em -0.025em 0 rgba(0,255,0,.75),
    -0.025em -0.05em 0 rgba(0,0,255,.75);
  }
}

/* Page content title */
.page-content-title.first {
  margin-top: 0;
}

/* Video responsive */
.embed-responsive {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Input form */
.form-control {
  box-shadow: none;
  border: 1px solid #dadada;
  padding: 5px 20px;
  height: 44px;
  background: none;
  color: #959595;
  font-size: 14px;
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #ffb600;
}

hr {
  background-color: #e7e7e7;
  border: 0;
  height: 1px;
  margin: 40px 0;
}

.alert hr {
  background: initial;
  margin: initial;
  border-top: 1px solid;
  height: initial;
  margin-bottom: 1rem;
  opacity: 0.2;
}

blockquote {
  padding: 25px;
  margin: 20px 0;
  background: #f9f9f9;
  position: relative;
  border-left: 3px solid #ffb600;
  padding-left: 40px;
}
blockquote.text-center {
  border-top: 3px solid #ffb600;
  border-left: 0;
  padding-left: 25px;
  padding-top: 50px;
}
blockquote.text-center:before {
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
}
blockquote.text-right {
  border-right: 3px solid #ffb600;
  padding-right: 40px;
  border-left: 0;
  padding-left: 25px;
}
blockquote.text-right:before {
  left: auto;
  right: 5px;
}
blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  font-size: 28px;
  color: #E5E5E5;
  top: 5px;
  left: 5px;
  font-weight: 700;
  z-index: 0;
}

blockquote p {
	font-size: 14px;
	line-height: 22px;
	position: relative;
	z-index: 1;
	font-style: italic;
	margin-bottom: 0;
	color: #ffb600;
}

cite {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

/* Ul, Ol */
.list-round,
.list-arrow,
.list-check {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}

.list-round li {
  line-height: 28px;
}

.list-round li:before {
  font-family: "Font Awesome 6 Free";
  content: "\f138";
  margin-right: 10px;
  color: #ffb600;
  font-size: 12px;
}

.list-arrow {
  padding: 0;
}

ul.list-arrow li:before {
  font-family: "Font Awesome 6 Free";
  content: "\f11b";
  margin-right: 10px;
  color: #ffb600;
  font-size: 16px;
  font-weight: bold;
}

ul.list-check li:before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  margin-right: 10px;
  color: #ffb600;
  font-size: 14px;
}

/* Bootstrap */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.pattern-bg {
  background: #f5f5f5 url(../images/crossword.png);
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Button */
.btn:active, .btn:focus {
  box-shadow: none !important;
}

.btn-primary,
.btn-dark {
  border: 0;
  border-radius: 3px;
  padding: 12px 20px 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  transition: 350ms;
  font-size: 14px;
}
@media (max-width: 767px) {
  .btn-primary,
.btn-dark {
    font-size: 13px;
  }
}

.btn-white.btn-primary {
  background: #fff;
  color: #ffb600;
}

.btn-primary {
  background: #ffb600;
}

.btn-dark {
  background: #23282d;
}

.btn-primary:hover,
.btn-dark:hover,
.btn-white.btn-primary:hover {
  background: #111;
  color: #fff;
}
.btn-primary:hover:active, .btn-primary:hover:focus,
.btn-dark:hover:active,
.btn-dark:hover:focus,
.btn-white.btn-primary:hover:active,
.btn-white.btn-primary:hover:focus {
  color: #fff;
  background-color: #111 !important;
}

.general-btn {
  margin-top: 50px;
}

/* Bootstrap */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.pattern-bg {
  background: #f5f5f5 url(../images/crossword.png);
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Top Bar
================================================== */
.top-bar {
	padding: 8px 0;
	background: #ffb600;
	position: relative;
	color: #fff;
}

/* Top info */
ul.top-info {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.top-info li {
  position: relative;
  line-height: 10px;
  display: inline-block;
  margin-left: 0;
  padding-right: 15px;
}

ul.top-info li i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

ul.top-info li p.info-text {
  margin: 0;
  line-height: normal;
  display: inline-block;
  flex-direction: column;
}

/* Top social */
.top-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -12px;
}
@media (max-width: 767px) {
  .top-social ul {
    margin-right: 0;
  }
}
.top-social ul li {
  display: inline-block;
  padding: 0;
}
.top-social ul li a {
  color: #ffffff;
  font-size: 14px;
  transition: 400ms;
  padding: 9px 12px;
}
.top-social ul li a:hover {
  color: #333;
}

/* Top bar border */
.top-bar-border {
  padding: 8px 20px 8px;
  border-bottom: 1px solid #ddd;
}

.top-bar-border ul.top-info {
  color: #707070;
  font-weight: 400;
}

.top-bar-border .top-social li a {
  color: #fff;
}

.top-bar-border ul.top-info li i {
  color: #ffb600;
}

/* Header area
================================================== */
.header {
  background: #fff;
  position: relative;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}
.navbar-fixed {
  z-index: 9999;
  position: fixed;
  width: 100%;
  top: 0;
}

.header-two {
  background: #000;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 0;
}
.header-two .navbar-fixed {
	background-color: #000;
}

ul.navbar-nav > li > a {
  padding: 15px 0 !important;
  color: #fff;
}

@media (max-width: 991px) {
  ul.navbar-nav > li > a {
    padding: 1px 0 !important;
  }
  .navbar-nav {
    margin-bottom: 15px;
  }
}
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
  color: #ffb600 !important;
}

/*-- Logo --*/
.logo img {
  width: auto;
  height: 35px;
}

.header-two .logo img {
  height: 30px;
}

/* header right */
.header-right {
  float: right;
}

ul.top-info-box {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
@media (max-width: 767px) {
  ul.top-info-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
}

ul.top-info-box li {
  position: relative;
  float: left;
  margin-left: 0;
  border-right: 1px solid #dedede;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 25px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  ul.top-info-box li {
    border: 0;
    text-align: center;
    margin: 0;
    flex: 0 0 50%;
    padding: 0;
    margin-top: 10px;
  }
}
@media (max-width: 400px) {
  ul.top-info-box li {
    border: 0;
    text-align: center;
    margin: 0;
    flex: 0 0 100%;
    margin-top: 15px;
  }
}

ul.top-info-box li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

ul.top-info-box li.last {
  border-right: 0;
}

ul.top-info-box li .info-box span.info-icon {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  margin: 2px 5px 0 0;
  position: relative;
}

ul.top-info-box li .info-box .info-box-content {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  flex-direction: column;
}

ul.top-info-box li .info-box .info-box-title {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: normal;
}

ul.top-info-box li .info-box .info-box-subtitle {
  margin: 0;
  line-height: normal;
  font-size: 15px;
  font-weight: 700;
  color: #111;
}

/*-- Search start --*/
ul.top-info-box > li.nav-search {
  cursor: pointer;
  padding-left: 30px;
  margin-left: 30px;
}

ul.top-info-box > li.nav-search:before {
  position: absolute;
  content: "";
  background: #ddd;
  left: 0;
  width: 1px;
  height: 40px;
  top: 50%;
  margin-top: -10px;
}

ul.top-info-box > li.nav-search i {
  font-size: 20px;
  top: 10px;
  position: relative;
  cursor: pointer;
  color: #999;
}

/* Main navigation */
.navbar-toggler {
  float: left;
  margin-top: 10px;
  padding: 12px;
}

.navbar {
  border-radius: 0;
  border: 0;
  margin-bottom: 0;
}

.navbar-toggler {
  margin: 10px 0;
  padding: 6px;
  border-radius: 0;
  font-size: 1rem;
  background: #ffb600;
}
.navbar-toggler:focus {
  outline: 0;
}

.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
  color: #ffb600;
  position: relative;
}

ul.navbar-nav > li {
  padding: 0 13px;
  position: relative;
}
@media (max-width: 1200px) {
  ul.navbar-nav > li {
    padding: 0 9px;
  }
  ul.navbar-nav > li .nav-link {
    font-size: 12px;
  }
}

.header-two .navbar-nav > .header-get-a-quote {
  top: -4px;
}

@media (max-width: 991px) {
  .header-two ul.navbar-nav > li {
    padding: 0;
    width: 100%;
  }
}

ul.navbar-nav > li:last-child {
  padding-right: 0;
}

ul.navbar-nav > li:last-child:after {
  background: none;
}

ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
  background: none;
}

ul.navbar-nav > li > a i {
  font-weight: 700;
}

@media (max-width: 991px) {
  ul.navbar-nav > li > a i {
    float: right;
    background: #222;
    padding: 6px 10px;
    margin-top: 7px;
  }
  .header-two ul.navbar-nav > li > a i {
    color: #fff;
  }
  .header-two ul.navbar-nav > li.active > a i,
.header-two ul.navbar-nav > li > a.active i {
    color: #ffb600;
  }
}
ul.navbar-nav > li > a:after,
ul.navbar-nav > li > a:after {
  display: none;
}

ul.navbar-nav > li > a {
  font-family: "Montserrat", sans-serif;
  color: #fff !important;
  text-rendering: optimizeLegibility;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  font-size: 14px;
  margin: 0;
  line-height: 40px;
  padding: 30px 0;
  transition: 350ms;
}

.navbar-light ul.navbar-nav > li > a {
  color: #ffffff !important;
  font-size: 13px;
}

/* Dropdown */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -2px;
  border-radius: 0;
}

.dropdown-submenu > a:after {
  display: block;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  float: right;
  margin-top: 0;
  margin-right: -5px;
  border: 0;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-menu {
  text-align: left;
  background: #fff;
  z-index: 100;
  min-width: 200px;
  border-radius: 0;
  border: 0;
  border-top: 2px solid #ffb600;
  padding: 0 20px;
  margin: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
@media (max-width: 991px) {
  .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
  }
}

.dropdown-menu-large {
  min-width: 400px;
}

.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.dropdown-menu-large > li > ul > li > a {
  padding-left: 0;
}

.dropdown-menu-large > li > ul > li.active > a {
  color: #ffb600 !important;
}

.navbar-nav > li > .dropdown-menu a {
  background: none;
}

.dropdown-menu li a {
  font-family: "Montserrat", sans-serif;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  padding: 15px 0;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #e5e5e5;
  color: #333333;
}
@media (max-width: 991px) {
  .dropdown-menu li a {
    padding: 12px 0;
  }
}

.dropdown-menu li:last-child > a {
  border-bottom: 0;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  color: #ffb600;
}

@media (min-width: 991px) {
  ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
}
@media (min-width: 991px) {
  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    display: none;
  }
  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
    display: block;
  }
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > .dropdown-menu > .active > a {
  background: none;
  color: #ffb600;
}

/*-- Nav Search start --*/
.site-navigation .container,
.search-area {
  position: relative;
}

.search-area {
  min-height: 70px;
  padding-right: 0;
}

.nav-search {
  position: absolute;
  cursor: pointer;
  top: 22px;
  right: 18px;
  color: #999;
}
@media (max-width: 991px) {
  .nav-search {
    top: 17px;
  }
}

.search-block {
  background-color: rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 10px;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 300px;
  z-index: 10;
  margin-top: 0;
}
@media (max-width: 991px) {
  .search-block {
    top: 58px;
  }
}

.search-block .form-control {
  background-color: #222;
  border: none;
  color: #fff;
  width: 100%;
  height: 40px;
  padding: 0 12px;
}

.search-block .search-close {
  color: #999;
  position: absolute;
  top: -53px;
  right: -4px;
  font-size: 32px;
  cursor: pointer;
  background: #23282d;
  padding: 5px;
}
@media (max-width: 991px) {
  .search-block .search-close {
    top: -46px;
  }
}

.search-area .nav-search {
  top: 23px;
}

.search-area .search-block .search-close {
  top: -50px;
}

.search-area .search-block {
  right: 0;
}

/* Get a quote */
.header-get-a-quote .btn-primary {
  padding: 12px 25px !important;
  font-size: 13px;
  border-radius: 3px;
  line-height: normal;
  text-transform: capitalize;
  color: #fff;
  margin-top: 5px;
}
@media (max-width: 1200px) {
  .header-get-a-quote .btn-primary {
    padding: 12px !important;
  }
}
@media (max-width: 991px) {
  .header-get-a-quote .btn-primary {
    padding: 12px 30px !important;
  }
}

.header-get-a-quote .btn-primary:hover {
  background: #272d33;
  color: #ffb600 !important;
}

ul.navbar-nav > li.header-get-a-quote:hover > a:after {
  position: relative;
  content: no-close-quote;
}

/*-- Main slide --*/
.banner-carousel .banner-carousel-item {
  height: 700px;
  color: #fff;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 991px) {
  .banner-carousel .banner-carousel-item {
    height: 550px;
  }
}
@media (max-width: 575px) {
  .banner-carousel .banner-carousel-item {
    height: 450px;
  }
}

.slider-content {
  position: relative;
  height: 100%;
  width: 100%;
}

.slide-title-box {
  font-size: 16px;
  line-height: 39px;
  background: #ffb600;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  margin: 0 0 10px;
}

.slide-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  color: #fff;
  margin: 20px 0 10px;
}
@media (max-width: 991px) {
  .slide-title {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .slide-title {
    font-size: 16px;
  }
}

.slide-sub-title {
  font-style: normal;
  font-size: 60px;
  line-height: 58px;
  margin: 20px 0;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .slide-sub-title {
    font-size: 46px;
  }
}
@media (max-width: 575px) {
  .slide-sub-title {
    font-size: 30px;
    line-height: 30px;
  }
}

.slider-text {
  display: table;
  vertical-align: bottom;
  color: #fff;
  padding-left: 40%;
  width: 100%;
  padding-bottom: 0;
  padding-top: 20px;
}

.slider-text .slide-head {
  font-size: 36px;
  color: #0052a5;
  position: relative;
}

.slider-img {
  display: block;
  position: absolute;
  top: -80px;
  left: 20%;
  width: 314px;
  max-height: 100%;
}

.slider-img img {
  display: block;
  position: relative;
  max-height: 100%;
  width: auto;
}

.slider.btn {
  margin: 15px 5px 0;
  border: 2px solid transparent;
}
@media (max-width: 575px) {
  .slider.btn {
    font-size: 12px;
  }
}

.slider.border {
  background: none;
  border: 2px solid #ffb600 !important;
}

.slider.border:hover {
  background: #ffb600;
  border: 2px solid transparent;
}

/* Carousel control */
.banner-carousel .carousel-control {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  transform: translateY(-50%);
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  text-shadow: none;
  transition: all 0.25s ease;
  padding: 0;
  outline: 0;
  border: 0;
}
@media (max-width: 575px) {
  .banner-carousel .carousel-control {
    display: none !important;
  }
}

.banner-carousel .slick-dots {
  opacity: 0;
  filter: alpha(opacity=0);
  bottom: 60px;
}

.slick-dots li button::before {
  font-size: 12px;
}
.slick-dots li button:hover:before, .slick-dots .slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ffb600;
}

.slick-slide {
  outline: 0;
}

.banner-carousel:hover .carousel-control,
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .slick-dots {
  opacity: 1;
  filter: alpha(opacity=100);
}

.banner-carousel .carousel-control.left {
  left: 20px;
}

.banner-carousel .carousel-control.right {
  right: 20px;
}

.banner-carousel .carousel-control i {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 58px;
  width: 60px;
  height: 60px;
  font-size: 22px;
  border-radius: 0;
  transition: all 500ms ease;
}

.banner-carousel .carousel-control i:hover {
  background: #ffb600;
  color: #fff;
}

/*-- Animation */
.banner-carousel [data-animation-in] {
  opacity: 0;
}

/* slick Box slider */
.box-slider-content {
	top: 50%;
	padding: 0;
	position: absolute;
	width: 100%;
	transform: translateY(-50%);
	left: 25%;
}
@media (max-width: 767px) {
  .box-slider-content {
    top: auto;
    transform: translateY(0);
    left: 13px;
    bottom: 20px;
    width: calc(100% - 40px);
  }
}

.box-slider-text {
  background: #111;
  background: rgba(0, 0, 0, 0.65);
  display: inline-block;
  padding: 20px 30px;
  max-width: 650px;
}

.box-slide-title {
  font-size: 18px;
  font-weight: 300;
  margin: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .box-slide-title {
    font-size: 16px;
  }
}

.box-slide-sub-title {
  font-size: 36px;
  margin: 8px 0 10px;
  color: #fff;
}
@media (max-width: 767px) {
  .box-slide-sub-title {
    font-size: 26px;
  }
}

.box-slide-description {
  color: #fff;
}
@media (max-width: 767px) {
  .box-slide-description {
    font-size: 15px;
  }
}

.box-slider-text .btn {
  padding: 10px 20px;
}

.box-slide.owl-theme .owl-controls {
  margin: -20px;
}

/* News
================================================== */
.call-to-action {
  background-color: #272d33;
  padding: 30px;
}

.news-to-action-title {
  color: #fff;
  margin: 0;
  padding: 25px 0;
  line-height: normal;
  font-size: 22px;
  text-transform: capitalize;
}

/* Action style box */
.News-to-action-box {
	margin-top: -62px;
	/* background: #fff; */
	/* clip-path: polygon(11% 0%, 89% 0%, 100% 100%, 0% 100%); */
	/* padding: 15px; */
}
.News-to-action-box .action-style-box {
	background: #ffb600;
	padding: 30px;
	/* border-radius: 60px; */
	clip-path: polygon(5% 0, 95% 0, 100% 50%, 100% 100%, 0 100%, 0% 50%);
}
.action-title {
  color: #fff;
  margin: 0;
  line-height: 36px;
  font-size: 18px;
  text-transform: uppercase;
}
.action-style-box{
  position: relative;
  z-index: 2;
}
 

/* Jackpot
================================================== */

.jackpot_info {
  font-size: 66px;
}
.jack_pot i{
  color: #ffb600;
  font-size: 60px;
}
.jack_pot h2{
  color: #ffb600;
}
.jack_pot h6{
  color: #ffb600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jackpot_info {
    font-size: 62px;
  }
  .dollar {
    line-height: 95px !important;
    width: 105px !important;
    height: 105px !important;
    font-size: 95px !important;
  }
}
@media only screen and (max-width: 767px) {
  .jackpot_info {
    font-size: 24px;
  }
  .dollar {
    line-height: 47px !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 47px !important;
    margin-top: 0px !important;
  }
}
.dollar {
	color: #ffffff;
	background: #ffb600;
	/* padding: 30px 20px; */
	border-radius: 50%;
	margin-left: 5px;
	line-height: 103px;
	/* font-size: 134px; */
	width: 112px;
	height: 112px;
	font-size: 100px;
	display: block;
	margin-top: 16px;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-slot-machine {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon-inner {
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-slot-machine {
	/* -webkit-border-radius: 0.34em; */
	/* border-radius: 6.34em; */
	/* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTUwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); */
	background-size: 100%;
	/* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffff00), color-stop(100%, #ffa500)); */
	/* background-image: -moz-linear-gradient(#ffff00, #ffa500); */
	/* background-image: -webkit-linear-gradient(#ffff00, #ffa500); */
	/* background-image: linear-gradient(#ffff00, #ffa500); */
	/* background-color: #fc0; */
	font-family: "Rye", monospace;
	padding: 0.15em;
	color: #ffb600;
	line-height: 1.35em;
	/* border: 0.03em solid #000; */
	-webkit-text-stroke: 0.05em #000;
	border-radius: 0px 20px 20px 0px;
  background: #350b2d;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit {
  -moz-box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(20%, #ffffff), color-stop(80%, #ffffff), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(top, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);
  background-image: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);
  border: 0.03em solid #444;
  padding: 0.1em 0.15em 0;
}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-slot-machine .odometer-digit:first-child {
  -moz-box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-slot-machine .odometer-digit:last-child {
  -moz-box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
  box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
}
.odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit + .odometer-digit {
  margin-left: 0.15em;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner {
  padding-top: 0.08em;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value {
  left: 0;
  right: 0;
  text-align: center;
}

/* Intro
================================================== */
/* Intro */
.ts-intro {
  padding-right: 20px;
}

.into-title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  color: #ffb600;
}

.into-sub-title {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 32px;
	line-height: normal;
	margin: 10px 0;
	color: #ffb600;
}

/*-- Featured Tab --*/
.featured-tab {
  padding-left: 15px;
}

.featured-tab .nav-tabs {
  border: 0;
}

.featured-tab .nav-tabs > li > a {
  font-family: "Roboto Slab", serif;
  background: #272d33;
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  border-radius: 0;
  text-transform: uppercase;
  line-height: 50px;
  margin: 0 1px 20px;
  padding: 0 20px;
  border: 0 !important;
  transition: all 300ms ease;
}

.featured-tab .tab-content {
  border-top: 0;
  padding: 0;
  overflow: hidden;
}

.featured-tab .nav.nav-tabs {
  margin-bottom: 10px;
}

.featured-tab .nav-tabs > li.active > a {
  color: #fff;
  background: #ffb600;
  position: relative;
}

.featured-tab .nav-tabs > li.active > a:after {
  position: absolute;
  content: " ";
  width: auto;
  height: auto;
  bottom: -20px;
  left: 50%;
  border-width: 10px;
  border-style: solid;
  border-color: #ffb600 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  transform: translateX(-50%);
}

.featured-tab .lead {
  font-size: 18px;
  line-height: 28px;
  color: #303030;
  font-weight: 400;
}

.featured-tab .tab-pane img.pull-left {
  margin: 0 30px 10px 0;
}

.featured-tab .tab-pane img.pull-right {
  margin: 0 0 0 30px;
}

.featured-tab .tab-icon i {
  font-size: 230px;
}

.tab-image-content {
  padding-left: 0;
}

.featured-tab .border-title.border-left {
  display: inline-block;
  margin-bottom: 25px;
  font-size: 20px;
}

/* Tab services */
.featured-tab.tab-services .nav-tabs > li > a {
  font-size: 14px;
  padding: 0 21px;
  text-transform: capitalize;
}

.featured-tab.tab-services .nav.nav-tabs {
  margin-bottom: 20px;
}

/* Facts
================================================== */
.facts-wrapper {
  text-align: center;
}

.facts-wrapper .ts-facts {
  color: #fff;
}

.ts-facts .ts-facts-icon i {
  font-size: 42px;
  color: #ffb600;
}

.ts-facts .ts-facts-content .ts-facts-num {
  color: #fff;
  font-size: 44px;
  margin: 30px 0 20px;
}

.ts-facts .ts-facts-content .ts-facts-title {
  font-size: 16px;
  color: #ffb600;
  margin: 0;
}

/* Services
================================================== */
/* Service box */
.ts-service-box .ts-service-icon i {
  font-size: 36px;
  float: left;
  color: #ffb600;
}

.ts-service-box .ts-service-box-content {
  margin-left: 62px;
  margin-bottom: 30px;
}

.tab-content .ts-service-box .ts-service-box-content {
  margin-left: 90px;
}

.ts-service-box .ts-service-box-content h3 {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 28px;
	color: #fff;
}

.ts-service-box .ts-service-box-info {
  margin-left: 25px;
  margin-bottom: 40px;
}

.service-box-title {
  font-size: 16px;
  margin: 0 0 10px;
}
.service-box-title a {
	color: #ffb600;
}
.service-box-title a:hover {
  color: #ffb600;
}

/* Service box bg */
.ts-service-box-bg {
  background: #252525;
  color: #fff;
  padding: 30px;
}

.ts-service-box-bg h4,
.ts-service-box-bg h3 {
  color: #fff;
}

/* Service box 

.ts-service-box .ts-service-icon i {
  font-size: 24px;
  float: left;
  color: #fff;
  background: $color-primary;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.ts-service-box .ts-service-box-content {
  margin-left: 80px;
  margin-bottom: 30px;
}

.tab-content .ts-service-box .ts-service-box-content {
  margin-left: 90px;
}

.ts-service-box .ts-service-box-content h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.ts-service-box .ts-service-box-info {
  margin-left: 90px;
  margin-bottom: 40px;
}

.service-box-title {
  font-size: 18px;
  margin: 0 0 10px;
}

.service-box-title a {
  color: #333;
}

.service-box-title a:hover {
  color: $color-primary;
}

.service-center-img {
  padding: 0 20px;
}
*/
/* Icon squre */
.ts-service-icon.icon-round i {
  font-size: 24px;
  color: #fff;
  background: #ffb600;
  text-align: center;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
  position: relative;
  float: none;
}

/* Icon left */
.ts-service-box.icon-left .ts-service-box-icon {
  float: left;
}

.ts-service-box.icon-left .ts-service-box-icon i {
  background: #ffb600;
  color: #fff;
}

.ts-service-box.icon-left .ts-service-box-info {
  margin-left: 90px;
}

.ts-service-box.icon-left .ts-service-box-info h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

/* Service no box */
.service-no {
  font-size: 48px;
  color: #dbdbdb;
  float: left;
  margin-top: 10px;
}

.ts-service-box-content .ts-service-box-info {
  margin-left: 90px;
}

/* Service Image */
.ts-service-image-wrapper {
  margin-bottom: 30px;
}

.ts-service-icon i {
  font-size: 28px;
  margin-right: 15px;
  margin-top: 2px;
}

.ts-service-info {
  margin-left: 30px;
}
.ts-service-info h3 {
  font-size: 16px;
}
.ts-service-info .learn-more {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.ts-service-info .learn-more:hover {
  color: #ffb600;
}

/* Service Classic */
.ts-service-classic .ts-service-icon i {
  font-size: 24px;
  float: left;
  color: #fff;
  background: #ffb600;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: all 0.3s;
}

.ts-service-classic .ts-service-box-info {
  margin-left: 80px;
}

.ts-service-classic:hover .ts-service-icon i {
  background: #ffb600;
}

/* games area
================================================== */
/* game filter nav */
.shuffle-btn-group {
  display: inline-block;
  margin: 20px 0 50px;
  width: 100%;
  border-bottom: 3px solid #ffb600;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 25px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}
.shuffle-btn-group label.active {
	color: #fff;
	background: #ffb600;
}
.shuffle-btn-group label input {
  display: none;
}

/* game shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .game-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .game-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .game-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .game-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .game-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .game-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #ffb600;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .game-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .game-img-container .game-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .game-img-container .game-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .game-img-container .game-item-info-content .game-item-title {
  font-size: 20px;
}
.shuffle-item .game-img-container .game-item-info-content .game-item-title a {
  color: #fff;
}
.shuffle-item .game-img-container .game-item-info-content .game-item-title a:hover {
  color: #ffb600;
}
.shuffle-item .game-img-container .game-item-info-content .game-cat {
  background: #ffb600;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .game-img-container:hover .game-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

/* game owl */
.owl-theme.game-slide {
  margin-top: 60px;
}

.game-slide .item {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.game-item img {
  width: 100%;
  max-width: auto;
  transition: all 0.6s ease 0s;
}

.game-item:hover img {
  transform: scale(1.1, 1.1);
}

.game-item-content {
  position: absolute;
  bottom: -1px;
  padding: 15px 20px;
  width: 100%;
  background: #ffb600;
}

.owl-theme.game-slide .owl-nav > div {
  position: absolute;
  top: -70px;
  right: 0;
  transform: translateY(-50%);
}

.game-slide .owl-nav > div {
  display: inline-block;
  margin: 0 2px;
  font-size: 20px;
  background: #ffb600;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.owl-theme.game-slide .owl-nav > .owl-prev {
  right: 35px;
  left: auto;
}

/* games Single page */
.game-title {
  font-size: 30px;
}

.game-info-label {
  color: #303030;
  font-weight: 700;
  font-size: 14px;
}

.game-info-content {
  font-size: 12px;
}

.game-info li {
  margin-bottom: 5px;
}

.game-link {
  margin-top: 15px;
}
.single_game_topic h3{
  color: #ffb600;
}
.review i {
	font-size: 25px;
	color: #ffb600;
}
.review p {
	font-size: 25px;
	color: #ffb600;
}
.project-info-label{
  color: #ffb600;
  font-weight: 800;
}

/* Content area
================================================== */
/* Accordion */
.accordion-group .card {
  border-radius: 0;
  margin-bottom: 10px;
  background-color: transparent;
	border: none;
}
.accordion-group .card-body {
	padding: 15px 20px;
	color: #000;
	background: #fff;
}
.accordion-group .card-body img {
  max-width: 100px;
  margin-bottom: 10px;
}
.accordion-group .card-header .btn {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 13px 15px;
	padding-bottom: 10px;
	background: #ffb600;
}
.accordion-group .card-header .btn:before {
  font-family: "Font Awesome 6 Free";
  position: absolute;
  z-index: 0;
  font-size: 14px;
  right: 16px;
  padding: 3px 8px 1px;
  text-align: center;
  border-radius: 3px;
  top: 12px;
  content: "\f107";
  font-weight: 700;
  background-color: #333;
  color: #fff;
  transition: 0.3s;
}
.accordion-group .card-header .btn[aria-expanded=true] {
  color: #fff;
}
.accordion-group .card-header .btn[aria-expanded=true]::before {
  content: "\f106";
  background-color: #ffb600;
}
.accordion-group.accordion-classic .card-header .btn:before {
  display: none;
}

/* Clients */
.clients-logo {
  margin: 0 0 30px;
  border: 1px solid #dadada;
  min-height: 105px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #fff;
}

/* .clients-logo img {
  filter: grayscale(100%);
  filter: gray;
} */

/* Testimonial
================================================== */
.testimonial-area {
  padding: 100px 0;
  background-color: #ffb600;
  background-image: url(../images/parallax2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%;
}

.testimonial-area .border-title,
.testimonial-area .border-sub-title {
  color: #fff;
}

.quote-item .quote-text {
	margin: 0 0 10px;
	display: inline-block;
	padding: 0 40px 30px 60px;
	background-color: #350b2d;
	position: relative;
	font-size: 16px;
	font-style: italic;
}
@media (max-width: 575px) {
  .quote-item .quote-text {
    padding: 0 40px 30px 50px;
  }
}

.quote-item .quote-text:before {
  content: "\f10d";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  font-size: 30px;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #ffc009;
}

.testimonial-slide .slick-dots {
  bottom: -35px;
}

img.testimonial-thumb {
  max-width: 80px;
  float: left;
  margin-right: 20px;
  border-radius: 5px;
}

.quote-item-info {
  padding-top: 15px;
  display: inline-block;
}

.quote-author {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 2px;
  font-weight: 700;
  display: block;
  color: #ffb600;
}

.quote-item-footer {
  margin-top: 0;
  margin-left: 60px;
}
@media (max-width: 575px) {
  .quote-item-footer {
    margin-left: 0;
  }
}

/* Testimonial Border */
.quote-item.quote-border .quote-text-border {
	border: 1px solid #ffb600;
	padding: 20px;
	position: relative;
	line-height: 28px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #ffb600;
}

.quote-item.quote-border .quote-text-border:before {
  border: 12px solid;
  border-color: #e1e1e1 transparent transparent;
  border-top-color: #ffb600;
  bottom: -24px;
  position: absolute;
  content: "";
  display: block;
  height: 0;
  width: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
}

.quote-item.quote-border .quote-text-border::after {
	border: 12px solid;
	border-color: #ffb600 transparent transparent;
	bottom: -22px;
	position: absolute;
	content: "";
	display: block;
	height: 0;
	width: 0;
	left: 0;
	margin: 0 auto;
	right: 0;
}

.quote-item.quote-border .quote-item-footer {
  margin-left: 0;
  text-align: center;
  margin-top: 35px;
}

.quote-item.quote-border .quote-item-footer img.testimonial-thumb {
  float: none;
  margin: 0;
}

.quote-item.quote-border .quote-item-footer .quote-item-info {
  display: block;
}

/* Subscribe area
================================================== */
.subscribe {
  background: #ffb600;
  padding: 0;
}

/* Call to action */
.subscribe-call-to-acton {
  min-height: 115px;
  padding: 30px 0 0 30px;
}
@media (max-width: 575px) {
  .subscribe-call-to-acton {
    text-align: center;
    padding: 30px 0;
    min-height: auto;
  }
}

.subscribe-call-to-acton h3 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}

.subscribe-call-to-acton h4 {
  color: #fff;
  font-size: 24px;
  margin: 0;
}

/* Newsletter */
.ts-newsletter {
  background: #252525;
  position: relative;
  min-height: 115px;
  padding: 15px 0 0 50px;
}
@media (max-width: 767px) {
  .ts-newsletter {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .ts-newsletter {
    padding: 30px 5px 15px 5px;
    min-height: auto;
    text-align: center;
  }
}
.ts-newsletter:after {
  content: "";
  position: absolute;
  background: #252525;
  display: block;
  width: 100%;
  height: 100%;
  right: -100%;
  top: 0;
}

.newsletter-form input {
	background: none;
	font-size: 12px;
	height: 45px;
	border: 1px solid rgba(255, 182, 0, 0.56);
}

/* News section
================================================== */
.latest-post {
  position: relative;
}

.latest-post .image-angle:before {
  border-bottom: 20px solid #f9f9f9;
}

.latest-post .post-title {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: 600;
}

.latest-post .post-title a {
  color: #ffffff;
}
.post-title span{
  background: #ffb600;
  padding: 6px;
  margin-bottom: 20px;
  display: inline-block;
}

.latest-post .post-title .post_link:hover {
  color: #ffb600;
}
.latest-post .post-title a:hover span {
  color: #ffffff !important;
}

.latest-post-meta {
  font-size: 13px;
  text-transform: uppercase;
}

.latest-post .post-body {
	padding: 20px;
	background: #000;
}

/* Footer
================================================== */
/*- Footer common */
.footer {
  background-color: #0d0d0d;
  color: #fff;
}

.footer-main {
  padding: 80px 0 60px;
}

.footer .widget-title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  margin: 0 0 30px;
  padding-left: 15px;
  text-transform: uppercase;
  color: #fff;
  border-left: 3px solid #ffb600;
}

/* Footer about us */
.footer-logo {
  margin-bottom: 25px;
}

/* Footer social */
.footer-social {
  margin-top: 15px;
}

.footer-social .widget-title {
  font-size: 14px;
  margin-bottom: 10px;
}

.footer-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -13px;
}
.footer-social ul li {
  display: inline-block;
}
.footer-social ul li a i {
  display: block;
  font-size: 16px;
  color: #999;
  transition: 400ms;
  padding: 10px 13px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}
.footer-social ul li a i:hover {
  color: #ffb600;
}
.footer-social ul li:hover {
  color: #fff;
}

/* Links */
.footer-widget ul.list-arrow li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding: 8px 0;
}

.footer-widget ul.list-arrow li:last-child {
  border-bottom: 0;
}

.footer-widget ul.list-arrow li a,
.footer-widget ul.list-arrow li:before {
  color: #ffffff;
}

.footer-widget ul.list-arrow li:hover a,
.footer-widget ul.list-arrow li:hover {
  color: #ffb600;
}

.working-hours {
  padding-right: 10px;
}

.working-hours .text-right {
  float: right;
}

/*-- Copyright --*/
.copyright {
  background: #ffb600;
  color: #111;
  padding: 25px 0;
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 12px;
}

.footer-menu ul li {
  display: inline-block;
  line-height: 12px;
  padding-left: 15px;
}

.footer-menu ul.nav li a {
  background: none;
  color: #111;
  padding: 0;
}

.footer-menu ul li a:hover {
  color: #fff;
}

#back-to-top {
  right: 40px;
  top: auto;
  z-index: 10;
  display: none;
}
#back-to-top .btn:focus {
  outline: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  #back-to-top {
    right: 15px;
  }
}

#back-to-top.position-fixed {
  bottom: 20px;
}

#back-to-top .btn.btn-primary {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  color: #ffb600;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  #back-to-top .btn.btn-primary {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
}

#back-to-top .btn.btn-primary:hover {
  color: #fff;
}

/* Sub Pages
================================================== */
/*-- Title border --*/
.main-container .border-left {
  margin-bottom: 30px;
}

/*-- Banner --*/
.banner-carousel{
  clip-path: polygon(50% 0%, 100% 0, 100% 92%, 91% 100%, 9% 100%, 0 90%, 0 0);
}
.banner-area {
  position: relative;
  min-height: 300px;
  color: #fff;
  background-position: 50% 50%;
  background-size: cover;
}

.banner-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 58px;
  font-weight: 900;
}
@media (max-width: 767px) {
  .banner-title {
    font-size: 48px;
  }
}
@media (max-width: 575px) {
  .banner-title {
    font-size: 32px;
  }
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
  transform: translateY(-50%);
}

.banner-heading {
  text-align: center;
}

.breadcrumb {
  padding: 0;
  background: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}
.breadcrumb li a,
.breadcrumb .breadcrumb-item,
.breadcrumb li a:focus,
.breadcrumb li a:hover {
  color: #fff !important;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

/*-- About us page --*/
/* Slider pages */
.page-slider .carousel-control {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  transform: translateY(-50%);
  background-color: transparent;
  text-shadow: none;
  transition: all 0.25s ease;
  padding: 0;
  outline: 0;
  border: 0;
}
.page-slider .carousel-control.left {
  left: 0;
}
.page-slider .carousel-control.right {
  right: 0;
}
.page-slider .carousel-control i {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 70px;
  width: 40px;
  height: 70px;
  font-size: 22px;
  border-radius: 0;
  transition: all 500ms ease;
}
.page-slider .carousel-control i:hover {
  background: #ffb600;
  color: #fff;
}

.page-slider.small-bg .item {
  min-height: 330px;
  background-size: cover;
}



.page-slider.small-bg .box-slider-text {
  background: rgba(0, 0, 0, 0.55);
  padding: 5px 20px;
}

.page-slider.small-bg .box-slide-title {
  font-size: 28px;
  color: #fff;
  font-weight: 900;
}

/*-- Get a quote page --*/
.page-quote-form {
  background: #f2f2f2;
  padding: 30px 50px 50px;
}

.get-a-quote-img {
  margin-bottom: -190px;
}

/*-- Partners carousel --*/
.partner-logo {
  border: 1px solid #eee;
  padding: 20px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.partner-logo img {
  transition: 350ms;
  opacity: 0.6;
  filter: grayscale(100%);
}

.partner-logo:hover img {
  opacity: 1;
  filter: grayscale(0%);
}

#partners-carousel .partner-logo {
  border: 0;
  border-right: 1px solid #eee;
  padding: 0 15px;
  margin-top: 20px;
}

#partners-carousel .partner-logo.last {
  border-right: 0;
}

/*-- Team page --*/
.team-slide .slick-slide {
  margin-left: 25px;
  padding-bottom: 60px;
}
.team-slide .slick-list {
  margin-left: -25px;
}
.team-slide .carousel-control {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 0;
  background-color: #ddd;
  height: 37px;
  width: 37px;
  border-radius: 4px;
  transition: 0.3s;
  z-index: 6;
}
.team-slide .carousel-control:hover {
  background-color: #ffb600;
  color: #fff;
}
.team-slide .carousel-control.left {
  transform: translateX(calc(-50% - 25px));
}
.team-slide .carousel-control.right {
  transform: translateX(calc(-50% + 25px));
}
.team-slide .carousel-control.slick-disabled {
  opacity: 0.4;
}
.team-slide .carousel-control.slick-disabled:hover {
  background-color: #ddd;
  color: #000;
}
.ts-team-wrapper {
	position: relative;
	overflow: hidden;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
}
.shadow{
  box-shadow: 0px 0px 7px 9px #ffb600 !important;
}
.team-img-wrapper {
  overflow: hidden;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}
.ts-team-wrapper:hover
.team-img-wrapper img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.team-img-wrapper img {
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}
.ts-team-wrapper .ts-team-content {
  position: absolute;
  top: 76%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  margin-top: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  transition: 350ms;
}
@media (max-width: 1200px) {
  .ts-team-wrapper .ts-team-content {
    top: 72%;
  }
}
@media (max-width: 575px) {
  .ts-team-wrapper .ts-team-content {
    text-align: center;
  }
}
.ts-team-wrapper .ts-name {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 3px;
  line-height: normal;
  color: #ffb600;
}
.ts-team-wrapper .ts-designation {
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 700;
}
.ts-team-wrapper .team-social-icons a i {
  text-align: center;
  transition: 400ms;
}
.ts-team-wrapper:hover .ts-team-content {
  top: 0;
  padding-top: 50px;
}

/* Team Classic */
.ts-team-content-classic {
	/* margin-top: 15px; */
	background: #000;
	padding: 13px 11px;
}
.ts-team-content-classic .ts-name {
	font-size: 16px;
	margin-bottom: 5px;
	color: #ffb600;
}
.ts-team-content-classic .ts-designation {
	color: #c69d37;
	margin-bottom: 5px;
	font-weight: 600;
}
.team-social-icons a {
  color: #fff;
	background: #ffb600;
	padding: 2px 20px;
	text-align: center;
	/* border: 1px solid #000; */
}
.team-social-icons a:hover {
	background: #ffffff;
  color: #ffb600;
	padding: 2px 20px;
	text-align: center;
	/* border: 1px solid #000; */
}

/*-- Pricing table  --*/
.ts-pricing-box {
  margin: 20px 0;
  padding: 0;
  text-align: center;
  background: #f9f9f9;
}
.ts-pricing-box .ts-pricing-header {
  background: #252525;
  color: #fff;
  position: relative;
  padding: 30px 20px;
}
.ts-pricing-box .ts-pricing-name {
  font-size: 18px;
  line-height: normal;
  margin: 0 0 5px 0;
  color: #fff;
}
.ts-pricing-box .ts-pricing-price {
  font-size: 44px;
  color: #fff;
  margin: 15px 0 0;
  display: inline-block;
}
.ts-pricing-box .ts-pricing-price > small {
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin-top: 15px;
  color: #fff;
}
.ts-pricing-box .ts-pricing-features {
  padding: 15px 0;
}
.ts-pricing-box .ts-pricing-features ul {
  padding: 0 20px;
}
.ts-pricing-box .ts-pricing-features ul > li {
  padding: 20px 0;
  border-top: 1px dotted #e5e5e5;
}
.ts-pricing-box .ts-pricing-features ul > li:first-child {
  border-top: 0;
}
.ts-pricing-box .plan-action {
  padding-bottom: 40px;
}

/* Pricing featured */
.ts-pricing-box.ts-pricing-featured .ts-pricing-header {
  background: #ff9800;
}
.list-unstyled li{
  color: #000;
}

/* Contact Us
================================================== */
.map {
  height: 450px;
  z-index: 1;
}

.contact-info-box {
  margin-top: 20px;
}

.contact-info-box i {
  float: left;
  font-size: 24px;
  color: #ffb600;
}

.contact-info-box-content {
  padding-left: 40px;
}

.contact-info-box-content h4 {
  font-size: 16px;
  margin-top: 0;
  line-height: normal;
  font-weight: 700;
}

.contact-info-box-content p {
  margin-bottom: 0;
}

label {
  font-weight: 400;
}

/* Contact page 2 */
.ts-service-box.text-center .ts-service-icon.icon-squre i {
  float: none;
  margin-bottom: 20px;
}

.ts-service-box.text-center .ts-service-box-content {
  margin: 0;
}

/* News Listing
================================================== */
.post {
  border-bottom: 1px solid #dadada;
  padding: 0 0 30px;
  margin: 0 0 45px;
}

.post.last {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.post-body {
  padding: 20px 0;
}

.entry-header .entry-title {
  font-size: 24px;
  margin: 5px 0 15px;
  position: relative;
  line-height: 34px;
  text-transform: capitalize;
}

.entry-header .entry-title a {
  color: #ffffff;
}

.entry-header .entry-title a:hover {
  color: #ffb600;
}

.post-single .entry-header .entry-title {
  font-size: 28px;
}

/* Meta */
.post-meta {
  padding-bottom: 10px;
}

.post-meta a {
  color: #ffffff;
}

.post-meta a:hover {
  color: #ffb600;
}

.post-meta span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #dadada;
  line-height: 12px;
  display: inline-block;
}

.post-meta i {
  color: #bbb;
  margin-right: 3px;
}

.post-meta .post-comment {
  border-right: 0;
}

.post-meta .post-comment .comments-link {
  margin-left: 5px;
}

.post-footer .btn.btn-primary {
  font-size: 12px;
  margin-top: 10px;
}

/* Pagination */
.paging {
  margin-bottom: -5px;
}

.pagination li a {
	border-radius: 0 !important;
	margin-right: 8px;
	color: #ffb600;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  color: #fff;
  background: #ffb600;
  border: 1px solid transparent;
}
.page-link {
	background-color: #000;
	border: 1px solid #ffb600;
}

/* News Single
================================================== */
.tags-area {
  margin: 20px 0;
}

.post-tags a {
	border: 1px solid #ffb600;
	color: #ffb600;
	display: inline-block;
	font-size: 12px;
	padding: 3px 10px;
	margin-left: 3px;
}

.post-tags a:hover {
  background: #ffb600;
  color: #fff;
  border: 1px solid transparent;
}

/* Post social */
.post-social-icons > li {
  display: inline-block;
}

.post-social-icons a i {
  margin-left: 5px;
  font-size: 12px;
  width: 28px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  text-align: center;
}

.post-social-icons a i.fa-facebook-f {
  background: #41578a;
}

.post-social-icons a i.fa-twitter {
  background: #64bae2;
}

.post-social-icons a i.fa-google-plus {
  background: #c0343d;
}

.post-social-icons a i.fa-linkedin {
  background: #3397b6;
}

/* Author box */
.author-box {
  border: 1px solid #dadada;
  padding: 20px 20px 15px;
  margin: 20px 0;
}

.author-img img {
  width: 110px;
  height: 110px;
  margin-right: 30px;
}

.author-info h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

.author-info h3 span {
	font-size: 12px;
	color: #ffb600;
	border-left: 1px solid #AFAFAF;
	padding-left: 10px;
	margin-left: 10px;
	font-weight: 500;
}
.author-info a:hover{
  color: #ffb600;
}

/* Comments area */
.comments-area {
  margin: 40px 0;
}

.comments-list .comment-content {
  margin: 15px 0;
}

.comments-list .comment-reply {
  color: #ffffff;
  font-weight: 400;
}

.comments-list .comment-reply:hover {
  color: #ffb600;
}

.comments-counter {
  font-size: 18px;
}

.comments-counter a {
  color: #323232;
}

.comments-list {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}

.comments-list .comment {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.comments-list .comment.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.comments-list img.comment-avatar {
  width: 84px;
  height: 84px;
  margin-right: 30px;
}
@media (max-width: 575px) {
  .comments-list img.comment-avatar {
    width: 40px;
    height: 40px;
    margin-right: 25px;
  }
}

.comments-list .comment-author {
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
	font-size: 16px;
	color: #ffb600;
}

.comments-list .comment-date {
  color: #959595;
  margin-bottom: 5px;
  font-size: 12px;
}
@media (max-width: 575px) {
  .comments-list .comment-date {
    float: none !important;
    display: inline-block;
  }
}

.comments-reply {
  list-style: none;
  margin: 0 0 0 70px;
}
@media (max-width: 767px) {
  .comments-reply {
    margin: 0;
    padding: 0;
  }
}

.comments-form {
  margin-bottom: 0;
}

.comments-form .title-normal {
  margin-bottom: 20px;
}

.comments-form .btn.btn-primary {
  margin-top: 20px;
}

/* Sidebar
================================================== */
.sidebar .widget-title {
	font-size: 16px;
	font-weight: 700;
	position: relative;
	margin: 0 0 30px;
	padding-left: 15px;
	text-transform: uppercase;
	border-left: 3px solid #ffb600;
	color: #ffb600;
}
.border-title{
  color: #ffb600;
  border-left: 3px solid #ffb600;
  padding-left: 15px;
}

/* Widget common */
.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar-left .widget {
  margin-right: 20px;
}

.sidebar-right .widget {
  margin-left: 20px;
}

.sidebar .widget.box {
  padding: 25px;
}

.widget.box.solid {
  background: #f2f2f2;
}

.widget.box.red {
  background: #ec483b;
  color: #fff;
}

.widget.box.red .widget-title {
  color: #fff;
}

.widget ul li {
  line-height: 30px;
}

.sidebar .widget ul li a {
  color: #303030;
}

.sidebar .widget ul li a:hover {
  color: #ffb600;
}

.sidebar .widget ul li i {
  margin-right: 5px;
}

.sidebar .btn {
  font-weight: 700;
  font-size: 12px;
  margin-top: 15px;
  padding: 10px 25px;
}

/* Sidebar nav */
.sidebar ul.nav-tabs {
  border: 0;
}

.sidebar ul.nav-tabs li {
  width: 100%;
}
.sidebar ul.nav-tabs li a {
	color: #fff;
	border-radius: 0;
	padding: 15px 0;
	padding-left: 0;
	font-weight: 400;
	border-bottom: 1px solid #000;
	display: block;
	transition: 400ms;
}

.sidebar ul.nav-tabs li.active a,
.sidebar ul.nav-tabs li:hover a {
  color: #ffb600;
}

.sidebar ul.nav-tabs li {
  color: #303030;
  line-height: normal;
}

.sidebar ul.nav-tabs li:last-child a {
  border-bottom: 0;
}

/* Service menu */
.sidebar ul.service-menu li {
  width: 100%;
}
.sidebar ul.service-menu li a {
  background-color: #f4f4f4;
  padding: 15px 20px;
  border: 0;
  margin-bottom: 8px;
  position: relative;
  transition: 400ms;
  display: block;
}
.sidebar ul.service-menu li.active a, .sidebar ul.service-menu li:hover a {
  background: #ffb600;
  color: #fff;
  cursor: pointer;
}

/* Recent News */
.widget.recent-posts .widget-title {
  margin-bottom: 35px;
}

.widget.recent-posts ul li {
  border-bottom: 1px solid #000000;
  padding-bottom: 15px;
  margin-bottom: 17px;
}
.widget.recent-posts ul li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget.recent-posts .posts-thumb img {
  margin-right: 15px;
  width: 90px;
  height: 70px;
}
.widget.recent-posts .post-info .entry-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.widget.recent-posts .post-info .entry-title a {
	color: #fff;
	display: inline-block;
}
.widget.recent-posts .post-info .entry-title a:hover {
	color: #ffb600;
}
.widget.recent-posts .post-date {
  font-weight: 400;
  color: #999;
  text-transform: capitalize;
}

/* Widget tags */
.widget-tags ul > li {
  float: left;
  margin: 3px;
}

.sidebar .widget-tags ul > li a {
	border: 1px solid #ffb600;
	color: #ffb600;
	display: block;
	font-size: 14px;
	padding: 3px 15px;
	transition: all 0.3s ease 0s;
}

.sidebar .widget-tags ul > li a:hover {
  background: #ffb600;
  color: #fff;
  border: 1px solid transparent;
}

/* Error page
================================================== */
.error-page .error-code h2 {
	display: block;
	font-size: 200px;
	line-height: 200px;
	color: #f00;
	margin-bottom: 20px;
}

.error-page .error-body .btn {
  margin-top: 30px;
  font-weight: 700;
}

/* modal
================================================== */

.wrap-modal1 {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9000;
  overflow: auto;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  visibility: hidden;
  opacity: 0;
}

.overlay-modal1 {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
}

.show-modal1 {
  visibility: visible;
  opacity: 1;
}

.how-pos3-parent {
  position: relative;
}

.how-pos3 {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  background: transparent;
  border: transparent;
  font-size: 44px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.how-pos3:hover {
  color: #ffb600;
}

.p-t-60 {
  padding-top: 60px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.form-label {
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
}

.form-check-label {
  color: #ffff;
}

.form_icons a {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 5px;
  margin-top: 20px;
}

.form_icons .icon_tit {
  color: #fff;
  padding-top: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.modal_btn {
  background: #ffb600;
  border: none;
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}

.modal_btn:hover {
  background: #fff;
  color: #ffb600;
}

.form-control {
  font-weight: 800;
  color: #ffffff;
  background-color: rgba(255, 183, 0, 0.541);
  border: #fff;
}

.form-check-input:checked {
  background-color: #ffb600;
  border-color: #ffb600;
}

.tit_form h3 {
  color: #ffb600;
  text-align: center;
  padding: 30px;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  margin-right: 10px;
}

.form_text {
  color: #fff;
}
.red-text {
color: red;
}

.top-games-section {
  background: linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.top-games-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.top-games-section .games-title {
  color: #ffffff !important;
  font-size: 2.4rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.top-games-section .games-intro {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.top-games-section .game-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #120617;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.top-games-section .game-card img {
  display: block;
  width: 100%;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.top-games-section .game-card:hover {
  transform: translateY(-6px);
  border-color: rgba(201,162,77,0.45);
  box-shadow: 0 18px 42px rgba(0,0,0,0.5);
}

.top-games-section .game-card:hover img {
  transform: scale(1.06);
  filter: brightness(0.72);
}

.top-games-section .hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(8,3,12,0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.top-games-section .game-card:hover .hover-overlay {
  opacity: 1;
}

.top-games-section .btn-primary {
  background: #c9a24d;
  border: 0;
  color: #111;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
}

.top-games-section .btn-primary:hover {
  background: #ffffff;
  color: #111;
}

.rewards-highlight {
  padding: 90px 0;
  background:
    radial-gradient(circle at 15% 10%, rgba(201,162,77,0.22), transparent 32%),
    radial-gradient(circle at 85% 90%, rgba(120,37,142,0.28), transparent 35%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.rewards-card {
  position: relative;
  overflow: hidden;
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 48px;
  border-radius: 32px;
  background: rgba(18, 6, 23, 0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 28px 80px rgba(0,0,0,0.5);
}

.rewards-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(201,162,77,0.28), transparent 28%),
    linear-gradient(315deg, rgba(255,255,255,0.08), transparent 30%);
  pointer-events: none;
}

.rewards-content {
  position: relative;
  z-index: 1;
}

.rewards-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #111;
  background: linear-gradient(135deg, #f2d27a, #c9a24d);
  font-size: 28px;
  box-shadow: 0 12px 30px rgba(201,162,77,0.35);
}

.rewards-content .section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.rewards-content h2 {
  max-width: 820px;
  margin: 0 auto 22px;
  color: #ffffff;
  font-size: 40px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

.bonus-badge {
  display: inline-block;
  max-width: 850px;
  margin: 0 auto 24px;
  padding: 16px 26px;
  border-radius: 999px;
  background: rgba(201,162,77,0.16);
  border: 1px solid rgba(201,162,77,0.45);
  color: #f2d27a;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
}

.rewards-content p {
  max-width: 760px;
  margin: 0 auto 34px;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.rewards-features,
.registration-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 0 auto 28px;
}

.rewards-features div,
.registration-step {
  padding: 24px 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.09);
}

.rewards-features i {
  display: block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 24px;
}

.rewards-features strong,
.registration-step h3 {
  display: block;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 8px;
  text-transform: none;
}

.rewards-features span,
.registration-step p {
  display: block;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.registration-step span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c9a24d;
  color: #111;
  font-weight: 800;
}

.rewards-btn {
  margin-top: 10px;
  border-radius: 999px;
  padding: 14px 34px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.rewards-btn:hover {
  background: #ffffff;
  color: #111;
}

@media (max-width: 767px) {
  .rewards-card {
    padding: 42px 24px;
  }

  .rewards-content h2 {
    font-size: 28px;
  }

  .bonus-badge {
    border-radius: 18px;
    font-size: 16px;
  }

  .rewards-features,
  .registration-steps {
    grid-template-columns: 1fr;
  }
}

.live-games-section {
  background: linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.live-games-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.live-games-section .live-games-title {
  color: #ffffff !important;
  font-size: 2.4rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.live-games-section .live-games-intro {
  max-width: 740px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.live-games-section .live-game-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #120617;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.live-games-section .live-game-card img {
  display: block;
  width: 100%;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.live-games-section .live-game-card:hover {
  transform: translateY(-6px);
  border-color: rgba(201,162,77,0.45);
  box-shadow: 0 18px 42px rgba(0,0,0,0.5);
}

.live-games-section .live-game-card:hover img {
  transform: scale(1.06);
  filter: brightness(0.72);
}

.live-games-section .live-hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(8,3,12,0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.live-games-section .live-game-card:hover .live-hover-overlay {
  opacity: 1;
}

.live-games-section .btn-primary {
  background: #c9a24d;
  border: 0;
  color: #111;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
}

.live-games-section .btn-primary:hover {
  background: #ffffff;
  color: #111;
}

.bonus-buys-section {
  background: linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.bonus-buys-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.bonus-buys-section .bonus-buys-title {
  color: #ffffff !important;
  font-size: 2.4rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.bonus-buys-section .bonus-buys-intro {
  max-width: 740px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.bonus-buys-section .bonus-game-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #120617;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.bonus-buys-section .bonus-game-card img {
  display: block;
  width: 100%;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.bonus-buys-section .bonus-game-card:hover {
  transform: translateY(-6px);
  border-color: rgba(201,162,77,0.45);
  box-shadow: 0 18px 42px rgba(0,0,0,0.5);
}

.bonus-buys-section .bonus-game-card:hover img {
  transform: scale(1.06);
  filter: brightness(0.72);
}

.bonus-buys-section .bonus-hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(8,3,12,0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.bonus-buys-section .bonus-game-card:hover .bonus-hover-overlay {
  opacity: 1;
}

.bonus-buys-section .btn-primary {
  background: #c9a24d;
  border: 0;
  color: #111;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
}

.bonus-buys-section .btn-primary:hover {
  background: #ffffff;
  color: #111;
}

.table-games-section {
  background: linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.table-games-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.table-games-section .table-games-title {
  color: #ffffff !important;
  font-size: 2.4rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.table-games-section .table-games-intro {
  max-width: 740px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.table-games-section .table-game-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #120617;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.table-games-section .table-game-card img {
  display: block;
  width: 100%;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.table-games-section .table-game-card:hover {
  transform: translateY(-6px);
  border-color: rgba(201,162,77,0.45);
  box-shadow: 0 18px 42px rgba(0,0,0,0.5);
}

.table-games-section .table-game-card:hover img {
  transform: scale(1.06);
  filter: brightness(0.72);
}

.table-games-section .table-hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(8,3,12,0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.table-games-section .table-game-card:hover .table-hover-overlay {
  opacity: 1;
}

.table-games-section .btn-primary {
  background: #c9a24d;
  border: 0;
  color: #111;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
}

.table-games-section .btn-primary:hover {
  background: #ffffff;
  color: #111;
}

.about-casino-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 12% 15%, rgba(201,162,77,0.18), transparent 32%),
    radial-gradient(circle at 85% 80%, rgba(120,37,142,0.24), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.about-casino-section::before {
  content: "";
  position: absolute;
  top: 60px;
  right: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid rgba(201,162,77,0.18);
}

.about-casino-section::after {
  content: "";
  position: absolute;
  left: -90px;
  bottom: 80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(201,162,77,0.06);
}

.about-casino-content,
.about-highlight-card,
.about-info-strip {
  position: relative;
  z-index: 1;
}

.about-casino-section .section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.about-casino-content h2 {
  max-width: 620px;
  margin: 0 0 22px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1.18;
  text-transform: none;
  letter-spacing: 0;
}

.about-casino-content p {
  color: rgba(255,255,255,0.76);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}

.about-casino-content .about-lead {
  color: rgba(255,255,255,0.9);
  font-size: 18px;
}

.about-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 32px;
}

.about-badges span {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(201,162,77,0.28);
  color: #f2d27a;
  font-size: 13px;
  font-weight: 700;
}

.about-btn {
  border-radius: 999px;
  padding: 14px 34px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.about-btn:hover {
  background: #ffffff;
  color: #111;
}

.about-highlight-card {
  padding: 34px;
  border-radius: 30px;
  background: rgba(18,6,23,0.9);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 28px 80px rgba(0,0,0,0.45);
}

.highlight-top {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.highlight-icon {
  width: 62px;
  height: 62px;
  min-width: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #f2d27a, #c9a24d);
  color: #111;
  font-size: 24px;
}

.highlight-top span {
  display: block;
  margin-bottom: 4px;
  color: rgba(255,255,255,0.62);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.highlight-top h3 {
  margin: 0;
  color: #ffffff;
  font-size: 22px;
  text-transform: none;
  letter-spacing: 0;
}

.about-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.about-feature-card {
  padding: 24px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.about-feature-card:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.075);
  border-color: rgba(201,162,77,0.42);
}

.about-feature-card i {
  display: block;
  margin-bottom: 16px;
  color: #c9a24d;
  font-size: 26px;
}

.about-feature-card h4 {
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 17px;
  text-transform: none;
  letter-spacing: 0;
}

.about-feature-card p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.6;
}

.about-info-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 38px;
}

.about-info-strip div {
  padding: 24px 20px;
  border-radius: 20px;
  background: rgba(18,6,23,0.72);
  border: 1px solid rgba(255,255,255,0.08);
}

.about-info-strip strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 16px;
}

.about-info-strip span {
  display: block;
  color: rgba(255,255,255,0.66);
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 991px) {
  .about-casino-content h2 {
    font-size: 34px;
  }

  .about-info-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .about-casino-section {
    padding: 70px 0;
  }

  .about-highlight-card {
    padding: 26px 20px;
  }

  .about-feature-grid,
  .about-info-strip {
    grid-template-columns: 1fr;
  }

  .highlight-top {
    align-items: flex-start;
  }

  .about-casino-content h2 {
    font-size: 29px;
  }
}

.advantages-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(201,162,77,0.2), transparent 30%),
    radial-gradient(circle at 90% 75%, rgba(120,37,142,0.26), transparent 34%),
    linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.advantages-section::before {
  content: "";
  position: absolute;
  top: 80px;
  left: -120px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(201,162,77,0.18);
}

.advantages-section::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: 90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(201,162,77,0.06);
}

.advantages-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.advantages-title {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.advantages-intro {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.7;
}

.advantages-wrapper {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.05fr 1.4fr;
  gap: 28px;
  align-items: stretch;
}

.advantages-main-card {
  position: relative;
  overflow: hidden;
  padding: 38px 34px;
  border-radius: 30px;
  background: rgba(18,6,23,0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 26px 70px rgba(0,0,0,0.45);
}

.advantages-main-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(201,162,77,0.2), transparent 36%);
  pointer-events: none;
}

.advantages-badge {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(201,162,77,0.16);
  border: 1px solid rgba(201,162,77,0.42);
  color: #f2d27a;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.advantages-main-card h3 {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.advantages-main-card p {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,0.76);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 24px;
}

.advantages-list {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}

.advantages-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
  color: rgba(255,255,255,0.86);
  font-size: 14px;
  line-height: 1.55;
}

.advantages-list i {
  margin-top: 4px;
  color: #c9a24d;
}

.advantages-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.advantage-card {
  padding: 28px 24px;
  border-radius: 24px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.09);
  box-shadow: 0 16px 42px rgba(0,0,0,0.28);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.advantage-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.075);
  border-color: rgba(201,162,77,0.42);
}

.advantage-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #f2d27a, #c9a24d);
  color: #111;
  font-size: 23px;
}

.advantage-card h3 {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 12px;
  text-transform: none;
  letter-spacing: 0;
}

.advantage-card p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.65;
}

.advantages-cta {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  padding: 28px 32px;
  border-radius: 24px;
  background: rgba(18,6,23,0.78);
  border: 1px solid rgba(201,162,77,0.22);
}

.advantages-cta span {
  display: block;
  margin-bottom: 6px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.advantages-cta h3 {
  margin: 0;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

.advantages-btn {
  white-space: nowrap;
  border-radius: 999px;
  padding: 14px 34px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.advantages-btn:hover {
  background: #ffffff;
  color: #111;
}

@media (max-width: 991px) {
  .advantages-wrapper {
    grid-template-columns: 1fr;
  }

  .advantages-title {
    font-size: 2rem !important;
  }

  .advantages-cta {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .advantages-section {
    padding: 70px 0;
  }

  .advantages-grid {
    grid-template-columns: 1fr;
  }

  .advantages-main-card {
    padding: 30px 24px;
  }

  .advantages-main-card h3 {
    font-size: 24px;
  }

  .advantages-cta {
    padding: 26px 22px;
  }
}

.loyalty-section {
  position: relative;
  padding: 95px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 90% 80%, rgba(120,37,142,0.24), transparent 35%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.loyalty-section .section-kicker {
  color: #c9a24d;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.loyalty-title {
  color: #fff;
  font-size: 2.5rem;
}

.loyalty-intro {
  max-width: 780px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
}

.loyalty-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.loyalty-card {
  padding: 34px;
  border-radius: 26px;
  background: rgba(18,6,23,0.9);
  border: 1px solid rgba(255,255,255,0.08);
}

.loyalty-card.highlight {
  border-color: rgba(201,162,77,0.4);
}

.loyalty-badge {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 12px;
}

.loyalty-badge.gold {
  background: rgba(201,162,77,0.2);
  color: #f2d27a;
}

.loyalty-card h3 {
  color: #fff;
  margin-bottom: 16px;
}

.loyalty-card p {
  color: rgba(255,255,255,0.75);
}

.loyalty-list {
  list-style: none;
  padding: 0;
}

.loyalty-list li {
  margin-bottom: 10px;
  color: rgba(255,255,255,0.85);
}

.loyalty-list i {
  color: #c9a24d;
  margin-right: 8px;
}

.promo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.promo-item {
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.05);
}

.promo-item strong {
  display: block;
  color: #fff;
}

.promo-item span {
  color: rgba(255,255,255,0.7);
  font-size: 13px;
}

.vip-block {
  margin-top: 40px;
  padding: 28px;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(18,6,23,0.75);
  border: 1px solid rgba(201,162,77,0.25);
}

.vip-content span {
  color: #c9a24d;
  font-size: 12px;
  text-transform: uppercase;
}

.vip-content h3 {
  color: #fff;
}

.vip-content p {
  color: rgba(255,255,255,0.75);
}

.vip-content ul {
  margin-top: 12px;
  padding-left: 18px;
  color: rgba(255,255,255,0.75);
}

.loyalty-btn {
  border-radius: 999px;
  padding: 14px 30px;
  background: #c9a24d;
  color: #111;
  font-weight: 700;
}

.loyalty-btn:hover {
  background: #fff;
}

@media (max-width: 991px) {
  .loyalty-wrapper {
    grid-template-columns: 1fr;
  }

  .vip-block {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}

.loyalty-extra {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.loyalty-extra div {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.loyalty-extra strong {
  display: block;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 4px;
}

.loyalty-extra span {
  color: rgba(255,255,255,0.65);
  font-size: 13px;
}

.parallax-cta-section {
  --banner-overlay: 0.18;

  position: relative;
  height: 420px; 
  display: flex;
  align-items: center;
  overflow: hidden;

  background-image: url("../images/slider-main/bg2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.parallax-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(8,3,12,0.92) 0%,
      rgba(8,3,12,0.72) 42%,
      rgba(8,3,12,var(--banner-overlay)) 100%
    );
  z-index: 1;
}

.parallax-cta-section .container {
  position: relative;
  z-index: 2;
}

.parallax-cta-content {
  max-width: 620px;
  padding: 0; 
}

.parallax-cta-content .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.parallax-cta-content h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 40px; 
  line-height: 1.15;
}

.parallax-cta-content p {
  max-width: 520px;
  margin-bottom: 20px;
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  line-height: 1.7;
}

.parallax-cta-bonus {
  display: inline-block;
  margin-bottom: 22px;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(201,162,77,0.16);
  border: 1px solid rgba(201,162,77,0.45);
  color: #f2d27a;
  font-size: 14px;
  font-weight: 800;
}

.parallax-cta-btn {
  display: inline-flex;
  border-radius: 999px;
  padding: 13px 30px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.parallax-cta-btn:hover {
  background: #ffffff;
  color: #111;
}

/* TABLET */
@media (max-width: 991px) {
  .parallax-cta-section {
    height: auto; 
    padding: 60px 0;
    background-attachment: scroll;
  }

  .parallax-cta-content {
    padding: 0;
  }

  .parallax-cta-content h2 {
    font-size: 34px;
  }
}

/* MOBILE */
@media (max-width: 575px) {
  .parallax-cta-section {
    padding: 50px 0;
  }

  .parallax-cta-content h2 {
    font-size: 28px;
  }

  .parallax-cta-bonus {
    border-radius: 18px;
  }
}

.parallax-games-section {
  --banner-overlay: 0.25;

  position: relative;
  height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;

  background-image: url("../images/slider-main/bg3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.parallax-games-section .parallax-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg, 
      rgba(8,3,12,0.92) 0%,
      rgba(8,3,12,0.72) 45%,
      rgba(8,3,12,var(--banner-overlay)) 100%
    );
  z-index: 1;
}

.parallax-games-section .container {
  position: relative;
  z-index: 2;
}

.parallax-games-content {
  max-width: 600px;
  margin-left: 0; 
  text-align: left;
}

.parallax-games-content .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.parallax-games-content h2 {
  margin-bottom: 18px;
  color: #ffffff;
  font-size: 40px;
  line-height: 1.15;
}

.parallax-games-content p {
  margin-bottom: 20px;
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  line-height: 1.7;
}

.games-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.games-features span {
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(201,162,77,0.35);
  color: #f2d27a;
  font-size: 13px;
  font-weight: 700;
}

.games-cta-btn {
  display: inline-flex;
  border-radius: 999px;
  padding: 13px 30px;
  background: #c9a24d;
  color: #111;
  font-weight: 800;
  text-transform: uppercase;
}

.games-cta-btn:hover {
  background: #ffffff;
  color: #111;
}

/* TABLET */
@media (max-width: 991px) {
  .parallax-games-section {
    height: auto;
    padding: 60px 0;
    background-attachment: scroll;
  }

  .parallax-games-content h2 {
    font-size: 34px;
  }
}

/* MOBILE */
@media (max-width: 575px) {
  .parallax-games-section {
    padding: 50px 0;
  }

  .parallax-games-content h2 {
    font-size: 28px;
  }
}

.parallax-final-section {
  --banner-overlay: 0.1;

  position: relative;
  height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;

  background-image: url("../images/slider-main/bg4.jpg"); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.parallax-final-section .parallax-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(8,3,12,0.92) 0%,
      rgba(8,3,12,0.72) 45%,
      rgba(8,3,12,var(--banner-overlay)) 100%
    );
  z-index: 1;
}

.parallax-final-section .container {
  position: relative;
  z-index: 2;
}

.parallax-final-content {
  max-width: 600px;
  margin-left: 0;
  text-align: left;
}

.parallax-final-content .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.parallax-final-content h2 {
  margin-bottom: 18px;
  color: #ffffff;
  font-size: 40px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: 0;
}

.parallax-final-content p {
  margin-bottom: 20px;
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  line-height: 1.7;
}

.final-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.final-features span {
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(201,162,77,0.35);
  color: #f2d27a;
  font-size: 13px;
  font-weight: 700;
}

.final-cta-btn {
  display: inline-flex;
  border-radius: 999px;
  padding: 13px 30px;
  background: #c9a24d;
  color: #111;
  font-weight: 800;
  text-transform: uppercase;
}

.final-cta-btn:hover {
  background: #ffffff;
  color: #111;
}

@media (max-width: 991px) {
  .parallax-final-section {
    height: auto;
    padding: 60px 0;
    background-attachment: scroll;
  }

  .parallax-final-content h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .parallax-final-section {
    padding: 50px 0;
  }

  .parallax-final-content h2 {
    font-size: 28px;
  }
}

.gaming-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 88% 78%, rgba(120,37,142,0.25), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.gaming-section::before {
  content: "";
  position: absolute;
  top: 90px;
  left: -120px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(201,162,77,0.18);
}

.gaming-section::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: 110px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(201,162,77,0.06);
}

.gaming-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gaming-title {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.gaming-intro {
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.75;
}

.gaming-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.95fr 1.35fr;
  gap: 28px;
}

.gaming-card {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 30px;
  background: rgba(18,6,23,0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 26px 70px rgba(0,0,0,0.42);
}

.gaming-card-featured {
  border-color: rgba(201,162,77,0.28);
}

.gaming-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(201,162,77,0.16), transparent 34%);
  pointer-events: none;
}

.gaming-card > * {
  position: relative;
  z-index: 1;
}

.gaming-card-label {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.gaming-card-label.gold {
  background: rgba(201,162,77,0.16);
  border-color: rgba(201,162,77,0.42);
  color: #f2d27a;
}

.gaming-card h3 {
  margin-bottom: 16px;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.gaming-card p {
  color: rgba(255,255,255,0.74);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 18px;
}

.gaming-extra-text {
  color: rgba(255,255,255,0.68);
  font-size: 14.5px;
  line-height: 1.72;
  margin-bottom: 16px;
}

.gaming-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 24px 0;
}

.gaming-stats div {
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
}

.gaming-stats strong {
  display: block;
  margin-bottom: 4px;
  color: #f2d27a;
  font-size: 24px;
  line-height: 1.1;
}

.gaming-stats span {
  display: block;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
}

.gaming-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gaming-tags span {
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(201,162,77,0.28);
  color: rgba(255,255,255,0.84);
  font-size: 13px;
  font-weight: 700;
}

.gaming-note {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-top: 22px;
  padding: 18px 18px;
  border-radius: 18px;
  background: rgba(201,162,77,0.08);
  border: 1px solid rgba(201,162,77,0.22);
}

.gaming-note i {
  margin-top: 4px;
  color: #c9a24d;
  font-size: 18px;
}

.gaming-note p {
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  line-height: 1.65;
}

.gaming-category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 24px;
}

.gaming-category-grid > div {
  padding: 22px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.gaming-category-grid > div:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.075);
  border-color: rgba(201,162,77,0.42);
}

.gaming-category-grid i {
  display: block;
  margin-bottom: 14px;
  color: #c9a24d;
  font-size: 24px;
}

.gaming-category-grid h4 {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

.gaming-category-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gaming-category-grid li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 8px;
  color: rgba(255,255,255,0.68);
  font-size: 13px;
  line-height: 1.45;
}

.gaming-category-grid li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c9a24d;
}

.gaming-conversion {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  padding: 30px 34px;
  border-radius: 26px;
  background: rgba(18,6,23,0.78);
  border: 1px solid rgba(201,162,77,0.24);
  box-shadow: 0 18px 45px rgba(0,0,0,0.28);
}

.gaming-conversion span {
  display: block;
  margin-bottom: 8px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.gaming-conversion h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

.gaming-conversion p {
  max-width: 780px;
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 14.5px;
  line-height: 1.65;
}

.gaming-btn {
  white-space: nowrap;
  border-radius: 999px;
  padding: 14px 34px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.gaming-btn:hover {
  background: #ffffff;
  color: #111;
}

@media (max-width: 991px) {
  .gaming-layout {
    grid-template-columns: 1fr;
  }

  .gaming-title {
    font-size: 2rem !important;
  }

  .gaming-conversion {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .gaming-section {
    padding: 70px 0;
  }

  .gaming-card {
    padding: 28px 22px;
  }

  .gaming-card h3 {
    font-size: 24px;
  }

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

  .gaming-conversion {
    padding: 26px 22px;
  }

  .gaming-btn {
    width: 100%;
    justify-content: center;
  }
}

.table-live-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.tl-title {
  color: #fff;
  font-size: 2.4rem;
}

.tl-intro {
  max-width: 800px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
}

.tl-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.tl-card {
  background: rgba(18,6,23,0.9);
  border-radius: 26px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,0.08);
}

.tl-badge {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}

.tl-badge.gold {
  color: #f2d27a;
}

.tl-card h3 {
  color: #fff;
  margin-bottom: 15px;
}

.tl-card p {
  color: rgba(255,255,255,0.7);
  font-size: 14.5px;
  line-height: 1.7;
}

.tl-game {
  margin-top: 18px;
}

.tl-game h4 {
  color: #fff;
  font-size: 16px;
}

.tl-live-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}

.tl-live-grid div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.05);
}

.tl-note {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.tl-note i {
  color: #c9a24d;
}

.tl-cta {
  margin-top: 40px;
  text-align: center;
}

.tl-cta h3 {
  color: #fff;
  margin-bottom: 20px;
}

.tl-cta .btn {
  background: #c9a24d;
  border: none;
  padding: 12px 30px;
  border-radius: 999px;
}

@media (max-width: 991px) {
  .tl-layout {
    grid-template-columns: 1fr;
  }
}

.table-live-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.table-live-section .tl-title {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0;
}

.table-live-section .tl-intro {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.75;
}

.slots-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.slots-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.slots-title {
  color: #ffffff !important;
  max-width: 1200px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.slots-intro {
  max-width: 800px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
}

.slots-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.slots-card {
  background: rgba(18,6,23,0.9);
  border-radius: 26px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,0.08);
}

.slots-featured {
  border-color: rgba(201,162,77,0.35);
}

.slots-badge {
  color: #c9a24d;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

.slots-badge.gold {
  color: #f2d27a;
}

.slots-card h3 {
  color: #fff;
}

.slots-card p {
  color: rgba(255,255,255,0.7);
  font-size: 14.5px;
  line-height: 1.7;
}

.slots-stats {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.slots-stats strong {
  color: #c9a24d;
  font-size: 20px;
}

.slots-tags {
  margin-top: 20px;
}

.slots-tags span {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  margin: 4px;
  font-size: 12px;
}

.slots-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}

.slots-grid div {
  background: rgba(255,255,255,0.05);
  padding: 14px;
  border-radius: 16px;
}

.slots-note {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.slots-note i {
  color: #c9a24d;
}

.slots-cta {
  margin-top: 40px;
  text-align: center;
}

.slots-cta h3 {
  color: #fff;
  margin-bottom: 15px;
}

.slots-cta .btn {
  background: #c9a24d;
  border: none;
  padding: 12px 30px;
  border-radius: 999px;
}

@media (max-width: 991px) {
  .slots-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .slots-title {
    font-size: 2rem !important;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .slots-title {
    font-size: 1.7rem !important;
    line-height: 1.35;
  }
}

.providers-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #1b0624 0%, #120417 100%);
}

.providers-section .section-kicker {
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.providers-title {
  color: #ffffff !important;
  max-width: 1100px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.providers-intro {
  max-width: 800px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
}

.providers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 22px;
}

.provider-card {
  background: rgba(255,255,255,0.04);
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  transition: 0.25s;
}

.provider-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.08);
}

.provider-card img {
  max-height: 40px;
  margin-bottom: 15px;
}

.provider-card h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 8px;
}

.provider-card p {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 8px;
}

.provider-card span {
  font-size: 12px;
  color: #c9a24d;
}

.visitor-section {
  padding: 100px 0;
    position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(120,37,142,0.25), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.visitor-section .section-kicker {
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.visitor-title {
  color: #fff;
  font-size: 2.4rem;
  max-width: 1000px;
  margin: 0 auto 15px;
  line-height: 1.25;
}

.visitor-intro {
  max-width: 800px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
}

.visitor-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.visitor-card {
  background: rgba(255,255,255,0.05);
  padding: 28px;
  border-radius: 22px;
}

.visitor-card h3 {
  color: #fff;
  margin-bottom: 15px;
}

.visitor-card p {
  color: rgba(255,255,255,0.7);
  font-size: 14.5px;
  line-height: 1.7;
}

.visitor-list {
  margin-top: 15px;
  padding-left: 0;
  list-style: none;
}

.visitor-list li {
  margin-bottom: 8px;
  color: rgba(255,255,255,0.8);
}

.visitor-list i {
  color: #c9a24d;
  margin-right: 8px;
}

.visitor-extra {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.visitor-extra div {
  background: rgba(255,255,255,0.04);
  padding: 20px;
  border-radius: 16px;
}

.visitor-extra h4 {
  color: #fff;
  margin-bottom: 10px;
}

.visitor-extra p {
  font-size: 13.5px;
  color: rgba(255,255,255,0.7);
}

@media (max-width: 991px) {
  .visitor-layout {
    grid-template-columns: 1fr;
  }

  .visitor-extra {
    grid-template-columns: 1fr;
  }
}

.app-section {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(120,37,142,0.25), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.app-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.app-title {
  color: #ffffff !important;
  max-width: 1050px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.app-intro {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.75;
}

.app-layout {
  display: grid;
  grid-template-columns: 0.95fr 1.35fr;
  gap: 30px;
  position: relative;
  z-index: 1;
}

.app-card {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 30px;
  background: rgba(18,6,23,0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 26px 70px rgba(0,0,0,0.42);
}

.app-visual-card {
  border-color: rgba(201,162,77,0.32);
}

.app-image-wrap {
  margin-bottom: 24px;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(201,162,77,0.22);
  text-align: center;
}

.app-image-wrap img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 22px;
}

.app-store-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.app-store-buttons a {
  display: inline-flex;
}

.app-store-buttons img {
  height: 44px;
  width: auto;
  display: block;
}

.app-card p {
  color: rgba(255,255,255,0.72);
  font-size: 14.5px;
  line-height: 1.7;
}

.app-mini-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 22px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(201,162,77,0.08);
  border: 1px solid rgba(201,162,77,0.22);
}

.app-mini-note i {
  margin-top: 4px;
  color: #c9a24d;
}

.app-mini-note span {
  color: rgba(255,255,255,0.74);
  font-size: 14px;
  line-height: 1.6;
}

.app-badge {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(201,162,77,0.16);
  border: 1px solid rgba(201,162,77,0.42);
  color: #f2d27a;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.app-card h3 {
  margin-bottom: 16px;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.app-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin: 24px 0;
}

.app-features-grid > div {
  padding: 22px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.app-features-grid > div:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.075);
  border-color: rgba(201,162,77,0.42);
}

.app-features-grid i {
  display: block;
  margin-bottom: 14px;
  color: #c9a24d;
  font-size: 24px;
}

.app-features-grid h4,
.app-install-box h4 {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

.app-features-grid p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 13.5px;
  line-height: 1.6;
}

.app-install-box {
  margin-top: 24px;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,162,77,0.2);
}

.install-step {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-top: 14px;
}

.install-step span {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c9a24d;
  color: #111;
  font-size: 12px;
  font-weight: 900;
}

.install-step p {
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  line-height: 1.6;
}

.app-btn {
  margin-top: 24px;
  border-radius: 999px;
  padding: 14px 34px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.app-btn:hover {
  background: #ffffff;
  color: #111;
}

@media (max-width: 991px) {
  .app-layout {
    grid-template-columns: 1fr;
  }

  .app-title {
    font-size: 2rem !important;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .app-section {
    padding: 70px 0;
  }

  .app-card {
    padding: 26px 20px;
  }

  .app-features-grid {
    grid-template-columns: 1fr;
  }

  .app-title {
    font-size: 1.7rem !important;
    line-height: 1.35;
  }

  .app-store-buttons img {
    height: 40px;
  }

  .app-btn {
    width: 100%;
    justify-content: center;
  }
}

.payments-section {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(120,37,142,0.25), transparent 36%),
    linear-gradient(180deg, #2b0a37 0%, #1b0624 100%);
}

.payments-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.payments-title {
  color: #ffffff !important;
  max-width: 1100px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.payments-intro {
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.75;
}

.payments-table-wrap {
  max-width: 860px;
  margin: 0 auto;
}

.payments-table-wrap input {
  display: none;
}

.payment-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
}

.payment-tabs label {
  cursor: pointer;
  padding: 13px 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(201,162,77,0.35);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  transition: 0.25s ease;
}

.payment-tabs label:first-of-type {
  border-radius: 999px 0 0 999px;
}

.payment-tabs label:last-of-type {
  border-radius: 0 999px 999px 0;
}

#deposit-tab:checked ~ .payment-tabs label[for="deposit-tab"],
#withdrawal-tab:checked ~ .payment-tabs label[for="withdrawal-tab"] {
  background: #c9a24d;
  color: #111;
  box-shadow: 0 12px 30px rgba(201,162,77,0.28);
}

.payment-panel {
  display: none;
}

#deposit-tab:checked ~ .deposit-panel,
#withdrawal-tab:checked ~ .withdrawal-panel {
  display: block;
}

.payment-table {
  padding: 14px;
  border-radius: 26px;
  background: rgba(18,6,23,0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 26px 70px rgba(0,0,0,0.42);
}

.payment-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  margin-bottom: 10px;
  border-radius: 16px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.payment-row:last-child {
  margin-bottom: 0;
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.payment-method img {
  width: 34px;
  height: 22px;
  min-width: 34px;
  object-fit: contain;
  display: block;
}

.payment-method span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.payment-row strong {
  white-space: nowrap;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
}

.payments-info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 40px;
}

.payments-info-card {
  padding: 24px 22px;
  border-radius: 22px;
  background: rgba(18,6,23,0.78);
  border: 1px solid rgba(255,255,255,0.09);
  box-shadow: 0 16px 42px rgba(0,0,0,0.28);
}

.payments-info-card i {
  display: block;
  margin-bottom: 16px;
  color: #c9a24d;
  font-size: 24px;
}

.payments-info-card h3 {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.35;
  margin-bottom: 12px;
  text-transform: none;
  letter-spacing: 0;
}

.payments-info-card p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 13.5px;
  line-height: 1.65;
}

@media (max-width: 991px) {
  .payments-title {
    font-size: 2rem !important;
    line-height: 1.3;
  }

  .payments-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .payments-section {
    padding: 70px 0;
  }

  .payments-title {
    font-size: 1.7rem !important;
    line-height: 1.35;
  }

  .payment-tabs label {
    padding: 12px 14px;
    font-size: 12px;
  }

  .payment-table {
    padding: 10px;
  }

  .payment-row {
    align-items: flex-start;
    padding: 14px;
  }

  .payment-method {
    gap: 10px;
  }

  .payment-method img {
    width: 30px;
    height: 20px;
    min-width: 30px;
  }

  .payment-method span,
  .payment-row strong {
    font-size: 12.5px;
  }

  .payments-info-grid {
    grid-template-columns: 1fr;
  }
}

.compliance-section {
  position: relative;
  padding: 110px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(201,162,77,0.18), transparent 30%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.compliance-section .section-kicker {
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.compliance-title {
  color: #fff !important;
  font-size: 2.5rem !important;
  line-height: 1.3;
  max-width: 1000px;
  margin: 0 auto 15px;
}

.compliance-intro {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
  line-height: 1.7;
}

.compliance-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
  margin-top: 50px;
}

.compliance-card {
  background: rgba(18,6,23,0.92);
  border-radius: 26px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.08);
}

.compliance-card i {
  color: #c9a24d;
  font-size: 24px;
  margin-bottom: 14px;
}

.compliance-card h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 14px;
}

.compliance-card p {
  color: rgba(255,255,255,0.7);
  font-size: 14px;
  line-height: 1.7;
}

.compliance-card ul {
  margin: 15px 0;
  padding-left: 18px;
}

.compliance-card li {
  color: rgba(255,255,255,0.75);
  margin-bottom: 6px;
  font-size: 14px;
}

.compliance-wide {
  grid-column: span 2;
}

.provider-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.provider-tags span {
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(201,162,77,0.12);
  border: 1px solid rgba(201,162,77,0.3);
  color: #f2d27a;
  font-size: 12px;
}

@media (max-width: 991px) {
  .compliance-grid {
    grid-template-columns: 1fr;
  }

  .compliance-wide {
    grid-column: span 1;
  }
}

/* FAQ SECTION */
.faq-section {
   position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(120,37,142,0.25), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

/* Kicker  */
.faq-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.faq-title {
  color: #ffffff !important;
  max-width: 1100px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  text-align: center;
}

.faq-intro {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255,255,255,0.75);
  line-height: 1.7;
}

/* ITEM */
.faq-item {
  margin-bottom: 18px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}

/* QUESTION */
.faq-question {
  width: 100%;
  text-align: left;
  padding: 18px 20px;
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  transition: background 0.2s ease;
}

.faq-question:hover {
  background: rgba(255,255,255,0.05);
}

/* PLUS ICON */
.faq-question::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 20px;
  color: #c9a24d;
}

/* ACTIVE */
.faq-item.active .faq-question::after {
  content: "−";
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  line-height: 1.7;
  transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 0 20px 18px;
}

.reviews-section {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 14% 20%, rgba(201,162,77,0.18), transparent 30%),
    radial-gradient(circle at 86% 80%, rgba(120,37,142,0.24), transparent 36%),
    linear-gradient(180deg, #1b0624 0%, #2b0a37 100%);
}

.reviews-section .section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.reviews-title {
  color: #ffffff !important;
  max-width: 1100px;
  margin: 0 auto 18px;
  font-size: 2.5rem !important;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.reviews-intro {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(255,255,255,0.78);
  font-size: 16px;
  line-height: 1.75;
}

.reviews-layout {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 30px;
  align-items: stretch;
}

.reviews-image-card,
.reviews-slider-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: rgba(18,6,23,0.92);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 26px 70px rgba(0,0,0,0.42);
}

.reviews-image-card {
  min-height: 520px;
}

.reviews-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.reviews-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 45%, rgba(8,3,12,0.72) 100%);
}

.reviews-slider-card {
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.reviews-slider {
  position: relative;
  min-height: 320px;
}

.review-slide {
  display: none;
  animation: reviewFade 0.35s ease;
}

.review-slide.active {
  display: block;
}

@keyframes reviewFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.review-stars {
  display: flex;
  gap: 6px;
  margin-bottom: 22px;
  color: #c9a24d;
  font-size: 18px;
}

.review-slide p {
  color: rgba(255,255,255,0.82);
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 28px;
}

.review-slide h4 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 4px;
  text-transform: none;
  letter-spacing: 0;
}

.review-slide span {
  color: rgba(255,255,255,0.58);
  font-size: 14px;
}

.reviews-controls {
  display: flex;
  gap: 12px;
  margin-top: 30px;
}

.reviews-controls button {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(201,162,77,0.42);
  background: rgba(201,162,77,0.14);
  color: #c9a24d;
  cursor: pointer;
  transition: 0.25s ease;
}

.reviews-controls button:hover {
  background: #c9a24d;
  color: #111;
}

@media (max-width: 991px) {
  .reviews-layout {
    grid-template-columns: 1fr;
  }

  .reviews-image-card {
    min-height: 360px;
  }

  .reviews-title {
    font-size: 2rem !important;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .reviews-section {
    padding: 70px 0;
  }

  .reviews-slider-card {
    padding: 28px 22px;
  }

  .reviews-slider {
    min-height: 360px;
  }

  .review-slide p {
    font-size: 16px;
  }

  .reviews-title {
    font-size: 1.7rem !important;
    line-height: 1.35;
  }
}

.site-footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(201,162,77,0.14), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(120,37,142,0.22), transparent 36%),
    linear-gradient(180deg, #120417 0%, #07020a 100%);
  color: #ffffff;
}

.footer-main {
  padding: 70px 0 28px;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-brand {
  max-width: 720px;
}

.footer-logo img {
  max-width: 170px;
  height: auto;
  display: block;
  margin-bottom: 20px;
}

.footer-brand p,
.footer-contact p,
.footer-disclaimer p {
  color: rgba(255,255,255,0.72);
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0;
}

.footer-cta {
  text-align: right;
}

.footer-cta span {
  display: block;
  margin-bottom: 12px;
  color: #c9a24d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.footer-btn {
  border-radius: 999px;
  padding: 13px 30px;
  background: #c9a24d;
  color: #111;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
}

.footer-btn:hover {
  background: #ffffff;
  color: #111;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.25fr;
  gap: 30px;
}

.footer-widget h3 {
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 18px;
  text-transform: none;
  letter-spacing: 0;
}

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

.footer-widget li {
  margin-bottom: 10px;
}

.footer-widget a {
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  transition: 0.25s ease;
}

.footer-widget a:hover {
  color: #c9a24d;
}

.footer-contact strong {
  color: #ffffff;
}

.footer-payments {
  margin-top: 42px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  text-align: center;
}

.footer-payments span {
  display: block;
  margin-bottom: 18px;
  color: #c9a24d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.footer-payment-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
}

.footer-payment-icons img {
  width: 44px;
  height: 28px;
  object-fit: contain;
  display: block;
  filter: brightness(1.05);
}

.footer-disclaimer {
  max-width: 980px;
  margin: 28px auto 0;
  text-align: center;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-bottom p {
  margin: 0;
  color: rgba(255,255,255,0.58);
  font-size: 13px;
}

.footer-bottom-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-bottom-links a {
  color: rgba(255,255,255,0.58);
  font-size: 13px;
}

.footer-bottom-links a:hover {
  color: #c9a24d;
}

@media (max-width: 991px) {
  .footer-top,
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-logo img {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-cta {
    text-align: center;
  }

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

@media (max-width: 575px) {
  .footer-main {
    padding: 55px 0 24px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-payment-icons img {
    width: 38px;
    height: 24px;
  }

  .footer-bottom-links {
    justify-content: center;
  }
}

/* ==================================================
        MRBEAST HEADER, HERO & TOP GAMES START
================================================== */

/* --------------------------------------------------
   MRBEAST COLOUR SYSTEM
-------------------------------------------------- */

.mrbeast-games-page {
  --mb-background: #061426;
  --mb-background-light: #0a213c;
  --mb-card: #102b4a;
  --mb-card-dark: #091b30;

  --mb-cyan: #10d9ff;
  --mb-blue: #168cff;
  --mb-purple: #7548ff;
  --mb-pink: #ff3f9f;
  --mb-yellow: #ffd84a;
  --mb-orange: #ff9f1c;

  --mb-white: #ffffff;
  --mb-text: #dbeeff;
  --mb-muted: #9eb9d2;
  --mb-dark-text: #071321;

  margin: 0;
  padding: 0;
  border: 0;
  overflow-x: hidden;
  overflow-y: visible;

  background: var(--mb-background);
  color: var(--mb-text);
}


/* --------------------------------------------------
   SHARED BUTTON STYLES
-------------------------------------------------- */

.mrbeast-header .btn-primary,
.mrbeast-hero .btn-primary,
.top-games-section .btn-primary {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-height: 48px;
  padding: 13px 25px !important;

  border: 2px solid var(--mb-yellow) !important;
  border-radius: 13px;

  background:
    linear-gradient(
      135deg,
      var(--mb-yellow) 0%,
      var(--mb-orange) 100%
    ) !important;

  color: var(--mb-dark-text) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  box-shadow:
    0 5px 0 #bb5e00,
    0 12px 25px rgba(255, 159, 28, 0.25);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.mrbeast-header .btn-primary:hover,
.mrbeast-hero .btn-primary:hover,
.top-games-section .btn-primary:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #ffe96d 0%,
      #ffb52e 100%
    ) !important;

  color: var(--mb-dark-text) !important;

  box-shadow:
    0 7px 0 #bb5e00,
    0 16px 30px rgba(255, 159, 28, 0.32);

  filter: brightness(1.05);
}

.mrbeast-header .btn-primary:active,
.mrbeast-hero .btn-primary:active,
.top-games-section .btn-primary:active {
  transform: translateY(3px);

  box-shadow:
    0 2px 0 #bb5e00,
    0 7px 16px rgba(255, 159, 28, 0.24);
}

.mrbeast-header a:focus-visible,
.mrbeast-hero a:focus-visible,
.top-games-section a:focus-visible {
  outline: 3px solid var(--mb-cyan);
  outline-offset: 4px;
}


/* ==================================================
                         HEADER
================================================== */

.mrbeast-header {
  position: sticky;
  top: 0;
  z-index: 1000;

  width: 100%;
  padding: 10px 0;

  border: 0;
  border-bottom: 3px solid var(--mb-cyan);

  background:
    linear-gradient(
      90deg,
      rgba(5, 21, 39, 0.98) 0%,
      rgba(10, 42, 70, 0.98) 52%,
      rgba(23, 54, 91, 0.98) 100%
    );

  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.35),
    0 2px 18px rgba(16, 217, 255, 0.14);

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

.mrbeast-header .site-navigation {
  background: transparent;
}

.mrbeast-header .navbar {
  min-height: 60px;
}

.mrbeast-header .logo {
  flex-shrink: 0;
}

.mrbeast-header .logo a {
  display: inline-flex !important;
  align-items: center;
}

.mrbeast-header .logo img {
  display: block;

  width: 150px;
  max-width: 100%;
  height: auto;

  filter:
    drop-shadow(0 3px 0 rgba(0, 0, 0, 0.25))
    drop-shadow(0 0 10px rgba(16, 217, 255, 0.18));
}

.mrbeast-header ul.navbar-nav {
  gap: 4px;
}

.mrbeast-header ul.navbar-nav > li {
  padding: 0 7px;
}

.mrbeast-header ul.navbar-nav > li > a,
.mrbeast-header .navbar-light ul.navbar-nav > li > a {
  position: relative;

  margin: 0;
  padding: 13px 4px !important;

  color: var(--mb-white) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800 !important;
  letter-spacing: 0.25px;
  text-transform: none;

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

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a::before {
  position: absolute;
  right: 4px;
  bottom: 5px;
  left: 4px;

  height: 3px;
  border-radius: 20px;

  background:
    linear-gradient(
      90deg,
      var(--mb-cyan),
      var(--mb-purple)
    );

  content: "";
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:hover {
  color: var(--mb-cyan) !important;
  transform: translateY(-1px);
}

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:hover::before,
.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:focus-visible::before {
  transform: scaleX(1);
}

.mrbeast-header .navbar-nav > .header-get-a-quote {
  top: auto;
  margin-left: 7px;
}

.mrbeast-header .header-get-a-quote .btn-primary {
  min-height: 44px;
  margin-top: 0;
  padding: 12px 22px !important;
}

.mrbeast-header .navbar-toggler {
  width: 46px;
  height: 42px;
  margin: 0;
  padding: 5px;

  border: 2px solid var(--mb-yellow);
  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      var(--mb-yellow),
      var(--mb-orange)
    );
}

.mrbeast-header .navbar-toggler:focus {
  outline: 3px solid rgba(16, 217, 255, 0.45);
  outline-offset: 3px;
}


/* ==================================================
                          HERO
================================================== */

.mrbeast-hero {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;

  min-height: 720px !important;

  border-bottom: 4px solid var(--mb-cyan);

  background-position: center !important;
  background-size: cover !important;
  overflow: hidden;
}

/* Dark overlay for text readability */

.mrbeast-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    linear-gradient(
      90deg,
      rgba(3, 13, 26, 0.97) 0%,
      rgba(4, 20, 38, 0.91) 34%,
      rgba(6, 27, 50, 0.58) 62%,
      rgba(6, 20, 37, 0.2) 100%
    );

  content: "";
  pointer-events: none;
}

/* Colourful cartoon-style glow */

.mrbeast-hero::after {
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(
      circle at 12% 20%,
      rgba(16, 217, 255, 0.2),
      transparent 27%
    ),
    radial-gradient(
      circle at 79% 23%,
      rgba(117, 72, 255, 0.2),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 85%,
      rgba(255, 63, 159, 0.16),
      transparent 28%
    );

  content: "";
  pointer-events: none;
}

.mrbeast-hero .slider-content {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: inherit;
  padding: 100px 0;
}

.mrbeast-hero .container,
.mrbeast-hero .row {
  min-height: inherit;
}

.mrbeast-hero .hero-kicker {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;
  padding: 9px 15px;

  border: 2px solid rgba(16, 217, 255, 0.72);
  border-radius: 999px;

  background: rgba(16, 217, 255, 0.12);
  color: var(--mb-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;

  box-shadow:
    0 0 22px rgba(16, 217, 255, 0.12),
    inset 0 0 15px rgba(16, 217, 255, 0.06);
}

.mrbeast-hero .slide-sub-title {
  max-width: 800px;
  margin: 0 0 23px;

  color: var(--mb-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(44px, 5.7vw, 76px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -2.5px;
  text-transform: none;

  text-shadow:
    0 5px 0 rgba(0, 0, 0, 0.25),
    0 10px 30px rgba(0, 0, 0, 0.45);
}

.mrbeast-hero .slide-sub-title::first-line {
  color: var(--mb-white);
}

.mrbeast-hero .hero-description {
  max-width: 660px;
  margin: 0 0 31px;

  color: var(--mb-text);

  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 600;

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

.mrbeast-hero .hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 17px;
}

.mrbeast-hero .hero-actions p {
  margin: 0;
}

.mrbeast-hero .hero-actions .btn {
  min-width: 154px;
}

.mrbeast-hero .btn-outline-light {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-height: 48px;
  padding: 13px 25px;

  border: 2px solid var(--mb-cyan);
  border-radius: 13px;

  background: rgba(6, 28, 50, 0.58);
  color: var(--mb-white);

  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  box-shadow:
    0 5px 0 #00657a,
    0 12px 25px rgba(16, 217, 255, 0.17);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

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

.mrbeast-hero .btn-outline-light:hover {
  border-color: var(--mb-cyan);
  background: var(--mb-cyan);
  color: var(--mb-dark-text);

  transform: translateY(-2px);

  box-shadow:
    0 7px 0 #00657a,
    0 16px 30px rgba(16, 217, 255, 0.25);
}

.mrbeast-hero .btn-outline-light:active {
  transform: translateY(3px);

  box-shadow:
    0 2px 0 #00657a,
    0 7px 15px rgba(16, 217, 255, 0.18);
}


/* ==================================================
                       TOP GAMES
================================================== */

.mrbeast-games-page .top-games-section {
  position: relative;
  isolation: isolate;

  padding: 95px 0 !important;

  border-bottom: 3px solid rgba(16, 217, 255, 0.24);

  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(16, 217, 255, 0.16),
      transparent 27%
    ),
    radial-gradient(
      circle at 90% 17%,
      rgba(117, 72, 255, 0.18),
      transparent 30%
    ),
    radial-gradient(
      circle at 52% 100%,
      rgba(255, 63, 159, 0.1),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #07182d 0%,
      #09213a 50%,
      #061426 100%
    );
}

.mrbeast-games-page .top-games-section::before {
  position: absolute;
  inset: 0;
  z-index: -1;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    );

  background-size: 32px 32px;

  content: "";
  pointer-events: none;
}

.top-games-section .section-kicker {
  display: inline-flex;
  align-items: center;

  margin-bottom: 15px;
  padding: 8px 15px;

  border: 2px solid rgba(255, 216, 74, 0.62);
  border-radius: 999px;

  background: rgba(255, 216, 74, 0.09);
  color: var(--mb-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.top-games-section .games-title {
  max-width: 850px;
  margin: 0 auto 18px;

  color: var(--mb-white) !important;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -1.7px;
  text-transform: none;

  text-shadow:
    0 4px 0 rgba(0, 0, 0, 0.18),
    0 10px 30px rgba(0, 0, 0, 0.25);
}

.top-games-section .games-intro {
  max-width: 760px;
  margin: 0 auto;

  color: var(--mb-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 600;
}

.top-games-section .game-card {
  position: relative;
  isolation: isolate;

  width: 100%;
  aspect-ratio: 2 / 3;

  border: 3px solid rgba(16, 217, 255, 0.36);
  border-radius: 18px;

  background: var(--mb-card-dark);

  box-shadow:
    0 7px 0 rgba(3, 9, 20, 0.78),
    0 15px 30px rgba(0, 0, 0, 0.34);

  overflow: hidden;

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

.top-games-section .game-card::before {
  position: absolute;
  inset: 0;
  z-index: 2;

  border-radius: inherit;

  background:
    linear-gradient(
      140deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 24%,
      transparent 76%,
      rgba(117, 72, 255, 0.12) 100%
    );

  content: "";
  pointer-events: none;
}

.top-games-section .game-card img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.top-games-section .game-card:hover {
  z-index: 5;

  border-color: var(--mb-cyan);

  transform:
    translateY(-8px)
    rotate(-0.5deg);

  box-shadow:
    0 9px 0 #044e63,
    0 22px 42px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(16, 217, 255, 0.17);
}

.top-games-section .game-card:hover img {
  transform: scale(1.07);
  filter: brightness(0.67) saturate(1.12);
}

.top-games-section .hover-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 15px;

  background:
    linear-gradient(
      180deg,
      rgba(4, 18, 34, 0.08) 0%,
      rgba(4, 18, 34, 0.5) 52%,
      rgba(4, 18, 34, 0.92) 100%
    );

  opacity: 0;

  transition: opacity 0.25s ease;
}

.top-games-section .game-card:hover .hover-overlay,
.top-games-section .game-card:focus-within .hover-overlay {
  opacity: 1;
}

.top-games-section .hover-overlay .btn-primary {
  min-width: 115px;
  min-height: 42px;
  padding: 11px 16px !important;

  font-size: 12px;

  transform: translateY(12px);
  opacity: 0;

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

.top-games-section .game-card:hover .hover-overlay .btn-primary,
.top-games-section .game-card:focus-within .hover-overlay .btn-primary {
  transform: translateY(0);
  opacity: 1;
}


/* ==================================================
                    TABLET STYLES
================================================== */

@media (max-width: 1199px) {
  .mrbeast-header ul.navbar-nav > li {
    padding: 0 4px;
  }

  .mrbeast-header ul.navbar-nav > li > a,
  .mrbeast-header .navbar-light ul.navbar-nav > li > a {
    font-size: 12px;
  }

  .mrbeast-header .header-get-a-quote .btn-primary {
    padding: 11px 16px !important;
  }
}

@media (max-width: 991px) {
  .mrbeast-header {
    padding: 8px 0;
  }

  .mrbeast-header .navbar {
    min-height: 55px;
  }

  .mrbeast-header .logo img {
    width: 140px;
  }

  .mrbeast-header .navbar-collapse {
    margin-top: 9px;
    padding: 13px 16px 18px;

    border: 2px solid rgba(16, 217, 255, 0.2);
    border-radius: 15px;

    background:
      linear-gradient(
        180deg,
        rgba(8, 34, 59, 0.99),
        rgba(4, 20, 37, 0.99)
      );

    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
  }

  .mrbeast-header ul.navbar-nav {
    align-items: stretch !important;
    gap: 2px;
    margin-bottom: 0;
  }

  .mrbeast-header ul.navbar-nav > li {
    width: 100%;
    padding: 0;
  }

  .mrbeast-header ul.navbar-nav > li > a,
  .mrbeast-header .navbar-light ul.navbar-nav > li > a {
    padding: 11px 5px !important;
    font-size: 14px;
  }

  .mrbeast-header .navbar-nav > .header-get-a-quote {
    margin: 10px 0 0;
  }

  .mrbeast-header .header-get-a-quote .btn-primary {
    width: 100%;
    min-height: 47px;
  }

  .mrbeast-hero {
    min-height: 680px !important;
  }

  .mrbeast-hero::before {
    background:
      linear-gradient(
        90deg,
        rgba(3, 13, 26, 0.96) 0%,
        rgba(4, 20, 38, 0.84) 55%,
        rgba(6, 20, 37, 0.48) 100%
      );
  }

  .mrbeast-hero .slider-content {
    padding: 90px 0;
  }

  .mrbeast-hero .slide-sub-title {
    max-width: 700px;
    letter-spacing: -2px;
  }
}


/* ==================================================
                    MOBILE STYLES
================================================== */

@media (max-width: 767px) {
  .mrbeast-hero {
    min-height: 660px !important;
    text-align: center;
    background-position: 62% center !important;
  }

  .mrbeast-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(3, 13, 26, 0.7) 0%,
        rgba(3, 13, 26, 0.88) 42%,
        rgba(3, 13, 26, 0.98) 100%
      );
  }

  .mrbeast-hero .slider-content {
    padding: 85px 0 75px;
  }

  .mrbeast-hero .hero-kicker {
    margin-right: auto;
    margin-left: auto;
  }

  .mrbeast-hero .slide-sub-title {
    margin-right: auto;
    margin-left: auto;

    font-size: clamp(38px, 10vw, 52px);
    line-height: 1.02;
    letter-spacing: -1.7px;
  }

  .mrbeast-hero .hero-description {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;

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

  .mrbeast-hero .hero-actions {
    justify-content: center;
  }

  .mrbeast-games-page .top-games-section {
    padding: 75px 0 !important;
  }

  .top-games-section .games-intro {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .mrbeast-header .logo img {
    width: 126px;
  }

  .mrbeast-header .navbar-toggler {
    width: 43px;
    height: 40px;
  }

  .mrbeast-hero {
    min-height: 630px !important;
  }

  .mrbeast-hero .slider-content {
    padding: 70px 0 65px;
  }

  .mrbeast-hero .hero-kicker {
    padding: 8px 12px;
    font-size: 10px;
    letter-spacing: 0.9px;
  }

  .mrbeast-hero .slide-sub-title {
    font-size: 36px;
    line-height: 1.04;
    letter-spacing: -1.3px;
  }

  .mrbeast-hero .hero-description {
    margin-bottom: 26px;
    font-size: 15px;
  }

  .mrbeast-hero .hero-actions {
    flex-direction: column;
    gap: 14px;
  }

  .mrbeast-hero .hero-actions .btn {
    width: 100%;
    max-width: 290px;
  }

  .mrbeast-games-page .top-games-section {
    padding: 65px 0 !important;
  }

  .top-games-section .games-title {
    font-size: 34px !important;
    letter-spacing: -1px;
  }

  .top-games-section .games-intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .top-games-section .game-card {
    border-width: 2px;
    border-radius: 15px;
  }

  .top-games-section .game-card:hover {
    transform: translateY(-5px);
  }
}


/* --------------------------------------------------
   TOUCH DEVICES

   The Play Now button remains visible because
   touchscreens do not have a normal hover state.
-------------------------------------------------- */

@media (hover: none) {
  .top-games-section .hover-overlay {
    justify-content: center;
    align-items: flex-end;

    padding-bottom: 16px;

    background:
      linear-gradient(
        180deg,
        transparent 48%,
        rgba(4, 18, 34, 0.94) 100%
      );

    opacity: 1;
  }

  .top-games-section .hover-overlay .btn-primary {
    min-width: 100px;
    min-height: 38px;
    padding: 9px 12px !important;

    transform: none;
    opacity: 1;

    font-size: 10px;
  }
}


/* --------------------------------------------------
   REDUCED MOTION
-------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .mrbeast-header *,
  .mrbeast-hero *,
  .top-games-section * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==================================================
         MRBEAST HEADER, HERO & TOP GAMES END
================================================== */
/* ==================================================
        MRBEAST HEADER, HERO & TOP GAMES START
================================================== */

/* --------------------------------------------------
   MRBEAST COLOUR SYSTEM
-------------------------------------------------- */

.mrbeast-games-page {
  --mb-background: #061426;
  --mb-background-light: #0a213c;
  --mb-card: #102b4a;
  --mb-card-dark: #091b30;

  --mb-cyan: #10d9ff;
  --mb-blue: #168cff;
  --mb-purple: #7548ff;
  --mb-pink: #ff3f9f;
  --mb-yellow: #ffd84a;
  --mb-orange: #ff9f1c;

  --mb-white: #ffffff;
  --mb-text: #dbeeff;
  --mb-muted: #9eb9d2;
  --mb-dark-text: #071321;

  margin: 0;
  padding: 0;
  border: 0;
  overflow-x: hidden;
  overflow-y: visible;

  background: var(--mb-background);
  color: var(--mb-text);
}


/* --------------------------------------------------
   SHARED BUTTON STYLES
-------------------------------------------------- */

.mrbeast-header .btn-primary,
.mrbeast-hero .btn-primary,
.top-games-section .btn-primary {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-height: 48px;
  padding: 13px 25px !important;

  border: 2px solid var(--mb-yellow) !important;
  border-radius: 13px;

  background:
    linear-gradient(
      135deg,
      var(--mb-yellow) 0%,
      var(--mb-orange) 100%
    ) !important;

  color: var(--mb-dark-text) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  box-shadow:
    0 5px 0 #bb5e00,
    0 12px 25px rgba(255, 159, 28, 0.25);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.mrbeast-header .btn-primary:hover,
.mrbeast-hero .btn-primary:hover,
.top-games-section .btn-primary:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #ffe96d 0%,
      #ffb52e 100%
    ) !important;

  color: var(--mb-dark-text) !important;

  box-shadow:
    0 7px 0 #bb5e00,
    0 16px 30px rgba(255, 159, 28, 0.32);

  filter: brightness(1.05);
}

.mrbeast-header .btn-primary:active,
.mrbeast-hero .btn-primary:active,
.top-games-section .btn-primary:active {
  transform: translateY(3px);

  box-shadow:
    0 2px 0 #bb5e00,
    0 7px 16px rgba(255, 159, 28, 0.24);
}

.mrbeast-header a:focus-visible,
.mrbeast-hero a:focus-visible,
.top-games-section a:focus-visible {
  outline: 3px solid var(--mb-cyan);
  outline-offset: 4px;
}


/* ==================================================
                         HEADER
================================================== */

.mrbeast-header {
  position: sticky;
  top: 0;
  z-index: 1000;

  width: 100%;
  padding: 10px 0;

  border: 0;
  border-bottom: 3px solid var(--mb-cyan);

  background:
    linear-gradient(
      90deg,
      rgba(5, 21, 39, 0.98) 0%,
      rgba(10, 42, 70, 0.98) 52%,
      rgba(23, 54, 91, 0.98) 100%
    );

  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.35),
    0 2px 18px rgba(16, 217, 255, 0.14);

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

.mrbeast-header .site-navigation {
  background: transparent;
}

.mrbeast-header .navbar {
  min-height: 60px;
}

.mrbeast-header .logo {
  flex-shrink: 0;
}

.mrbeast-header .logo a {
  display: inline-flex !important;
  align-items: center;
}

.mrbeast-header .logo img {
  display: block;

  width: 150px;
  max-width: 100%;
  height: auto;

  filter:
    drop-shadow(0 3px 0 rgba(0, 0, 0, 0.25))
    drop-shadow(0 0 10px rgba(16, 217, 255, 0.18));
}

.mrbeast-header ul.navbar-nav {
  gap: 4px;
}

.mrbeast-header ul.navbar-nav > li {
  padding: 0 7px;
}

.mrbeast-header ul.navbar-nav > li > a,
.mrbeast-header .navbar-light ul.navbar-nav > li > a {
  position: relative;

  margin: 0;
  padding: 13px 4px !important;

  color: var(--mb-white) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800 !important;
  letter-spacing: 0.25px;
  text-transform: none;

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

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a::before {
  position: absolute;
  right: 4px;
  bottom: 5px;
  left: 4px;

  height: 3px;
  border-radius: 20px;

  background:
    linear-gradient(
      90deg,
      var(--mb-cyan),
      var(--mb-purple)
    );

  content: "";
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:hover {
  color: var(--mb-cyan) !important;
  transform: translateY(-1px);
}

.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:hover::before,
.mrbeast-header ul.navbar-nav > li:not(.header-get-a-quote) > a:focus-visible::before {
  transform: scaleX(1);
}

.mrbeast-header .navbar-nav > .header-get-a-quote {
  top: auto;
  margin-left: 7px;
}

.mrbeast-header .header-get-a-quote .btn-primary {
  min-height: 44px;
  margin-top: 0;
  padding: 12px 22px !important;
}

.mrbeast-header .navbar-toggler {
  width: 46px;
  height: 42px;
  margin: 0;
  padding: 5px;

  border: 2px solid var(--mb-yellow);
  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      var(--mb-yellow),
      var(--mb-orange)
    );
}

.mrbeast-header .navbar-toggler:focus {
  outline: 3px solid rgba(16, 217, 255, 0.45);
  outline-offset: 3px;
}


/* ==================================================
                          HERO
================================================== */

.mrbeast-hero {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;

  min-height: 720px !important;

  border-bottom: 4px solid var(--mb-cyan);

  background-position: center !important;
  background-size: cover !important;
  overflow: hidden;
}

/* Dark overlay for text readability */

.mrbeast-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    linear-gradient(
      90deg,
      rgba(3, 13, 26, 0.97) 0%,
      rgba(4, 20, 38, 0.91) 34%,
      rgba(6, 27, 50, 0.58) 62%,
      rgba(6, 20, 37, 0.2) 100%
    );

  content: "";
  pointer-events: none;
}

/* Colourful cartoon-style glow */

.mrbeast-hero::after {
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(
      circle at 12% 20%,
      rgba(16, 217, 255, 0.2),
      transparent 27%
    ),
    radial-gradient(
      circle at 79% 23%,
      rgba(117, 72, 255, 0.2),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 85%,
      rgba(255, 63, 159, 0.16),
      transparent 28%
    );

  content: "";
  pointer-events: none;
}

.mrbeast-hero .slider-content {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: inherit;
  padding: 100px 0;
}

.mrbeast-hero .container,
.mrbeast-hero .row {
  min-height: inherit;
}

.mrbeast-hero .hero-kicker {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;
  padding: 9px 15px;

  border: 2px solid rgba(16, 217, 255, 0.72);
  border-radius: 999px;

  background: rgba(16, 217, 255, 0.12);
  color: var(--mb-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;

  box-shadow:
    0 0 22px rgba(16, 217, 255, 0.12),
    inset 0 0 15px rgba(16, 217, 255, 0.06);
}

.mrbeast-hero .slide-sub-title {
  max-width: 800px;
  margin: 0 0 23px;

  color: var(--mb-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(44px, 5.7vw, 76px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -2.5px;
  text-transform: none;

  text-shadow:
    0 5px 0 rgba(0, 0, 0, 0.25),
    0 10px 30px rgba(0, 0, 0, 0.45);
}

.mrbeast-hero .slide-sub-title::first-line {
  color: var(--mb-white);
}

.mrbeast-hero .hero-description {
  max-width: 660px;
  margin: 0 0 31px;

  color: var(--mb-text);

  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 600;

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

.mrbeast-hero .hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 17px;
}

.mrbeast-hero .hero-actions p {
  margin: 0;
}

.mrbeast-hero .hero-actions .btn {
  min-width: 154px;
}

.mrbeast-hero .btn-outline-light {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-height: 48px;
  padding: 13px 25px;

  border: 2px solid var(--mb-cyan);
  border-radius: 13px;

  background: rgba(6, 28, 50, 0.58);
  color: var(--mb-white);

  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  box-shadow:
    0 5px 0 #00657a,
    0 12px 25px rgba(16, 217, 255, 0.17);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

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

.mrbeast-hero .btn-outline-light:hover {
  border-color: var(--mb-cyan);
  background: var(--mb-cyan);
  color: var(--mb-dark-text);

  transform: translateY(-2px);

  box-shadow:
    0 7px 0 #00657a,
    0 16px 30px rgba(16, 217, 255, 0.25);
}

.mrbeast-hero .btn-outline-light:active {
  transform: translateY(3px);

  box-shadow:
    0 2px 0 #00657a,
    0 7px 15px rgba(16, 217, 255, 0.18);
}


/* ==================================================
                       TOP GAMES
================================================== */

.mrbeast-games-page .top-games-section {
  position: relative;
  isolation: isolate;

  padding: 95px 0 !important;

  border-bottom: 3px solid rgba(16, 217, 255, 0.24);

  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(16, 217, 255, 0.16),
      transparent 27%
    ),
    radial-gradient(
      circle at 90% 17%,
      rgba(117, 72, 255, 0.18),
      transparent 30%
    ),
    radial-gradient(
      circle at 52% 100%,
      rgba(255, 63, 159, 0.1),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #07182d 0%,
      #09213a 50%,
      #061426 100%
    );
}

.mrbeast-games-page .top-games-section::before {
  position: absolute;
  inset: 0;
  z-index: -1;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    );

  background-size: 32px 32px;

  content: "";
  pointer-events: none;
}

.top-games-section .section-kicker {
  display: inline-flex;
  align-items: center;

  margin-bottom: 15px;
  padding: 8px 15px;

  border: 2px solid rgba(255, 216, 74, 0.62);
  border-radius: 999px;

  background: rgba(255, 216, 74, 0.09);
  color: var(--mb-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.top-games-section .games-title {
  max-width: 850px;
  margin: 0 auto 18px;

  color: var(--mb-white) !important;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -1.7px;
  text-transform: none;

  text-shadow:
    0 4px 0 rgba(0, 0, 0, 0.18),
    0 10px 30px rgba(0, 0, 0, 0.25);
}

.top-games-section .games-intro {
  max-width: 760px;
  margin: 0 auto;

  color: var(--mb-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 600;
}

.top-games-section .game-card {
  position: relative;
  isolation: isolate;

  width: 100%;
  aspect-ratio: 2 / 3;

  border: 3px solid rgba(16, 217, 255, 0.36);
  border-radius: 18px;

  background: var(--mb-card-dark);

  box-shadow:
    0 7px 0 rgba(3, 9, 20, 0.78),
    0 15px 30px rgba(0, 0, 0, 0.34);

  overflow: hidden;

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

.top-games-section .game-card::before {
  position: absolute;
  inset: 0;
  z-index: 2;

  border-radius: inherit;

  background:
    linear-gradient(
      140deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 24%,
      transparent 76%,
      rgba(117, 72, 255, 0.12) 100%
    );

  content: "";
  pointer-events: none;
}

.top-games-section .game-card img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.top-games-section .game-card:hover {
  z-index: 5;

  border-color: var(--mb-cyan);

  transform:
    translateY(-8px)
    rotate(-0.5deg);

  box-shadow:
    0 9px 0 #044e63,
    0 22px 42px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(16, 217, 255, 0.17);
}

.top-games-section .game-card:hover img {
  transform: scale(1.07);
  filter: brightness(0.67) saturate(1.12);
}

.top-games-section .hover-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 15px;

  background:
    linear-gradient(
      180deg,
      rgba(4, 18, 34, 0.08) 0%,
      rgba(4, 18, 34, 0.5) 52%,
      rgba(4, 18, 34, 0.92) 100%
    );

  opacity: 0;

  transition: opacity 0.25s ease;
}

.top-games-section .game-card:hover .hover-overlay,
.top-games-section .game-card:focus-within .hover-overlay {
  opacity: 1;
}

.top-games-section .hover-overlay .btn-primary {
  min-width: 115px;
  min-height: 42px;
  padding: 11px 16px !important;

  font-size: 12px;

  transform: translateY(12px);
  opacity: 0;

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

.top-games-section .game-card:hover .hover-overlay .btn-primary,
.top-games-section .game-card:focus-within .hover-overlay .btn-primary {
  transform: translateY(0);
  opacity: 1;
}


/* ==================================================
                    TABLET STYLES
================================================== */

@media (max-width: 1199px) {
  .mrbeast-header ul.navbar-nav > li {
    padding: 0 4px;
  }

  .mrbeast-header ul.navbar-nav > li > a,
  .mrbeast-header .navbar-light ul.navbar-nav > li > a {
    font-size: 12px;
  }

  .mrbeast-header .header-get-a-quote .btn-primary {
    padding: 11px 16px !important;
  }
}

@media (max-width: 991px) {
  .mrbeast-header {
    padding: 8px 0;
  }

  .mrbeast-header .navbar {
    min-height: 55px;
  }

  .mrbeast-header .logo img {
    width: 140px;
  }

  .mrbeast-header .navbar-collapse {
    margin-top: 9px;
    padding: 13px 16px 18px;

    border: 2px solid rgba(16, 217, 255, 0.2);
    border-radius: 15px;

    background:
      linear-gradient(
        180deg,
        rgba(8, 34, 59, 0.99),
        rgba(4, 20, 37, 0.99)
      );

    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
  }

  .mrbeast-header ul.navbar-nav {
    align-items: stretch !important;
    gap: 2px;
    margin-bottom: 0;
  }

  .mrbeast-header ul.navbar-nav > li {
    width: 100%;
    padding: 0;
  }

  .mrbeast-header ul.navbar-nav > li > a,
  .mrbeast-header .navbar-light ul.navbar-nav > li > a {
    padding: 11px 5px !important;
    font-size: 14px;
  }

  .mrbeast-header .navbar-nav > .header-get-a-quote {
    margin: 10px 0 0;
  }

  .mrbeast-header .header-get-a-quote .btn-primary {
    width: 100%;
    min-height: 47px;
  }

  .mrbeast-hero {
    min-height: 680px !important;
  }

  .mrbeast-hero::before {
    background:
      linear-gradient(
        90deg,
        rgba(3, 13, 26, 0.96) 0%,
        rgba(4, 20, 38, 0.84) 55%,
        rgba(6, 20, 37, 0.48) 100%
      );
  }

  .mrbeast-hero .slider-content {
    padding: 90px 0;
  }

  .mrbeast-hero .slide-sub-title {
    max-width: 700px;
    letter-spacing: -2px;
  }
}


/* ==================================================
                    MOBILE STYLES
================================================== */

@media (max-width: 767px) {
  .mrbeast-hero {
    min-height: 660px !important;
    text-align: center;
    background-position: 62% center !important;
  }

  .mrbeast-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(3, 13, 26, 0.7) 0%,
        rgba(3, 13, 26, 0.88) 42%,
        rgba(3, 13, 26, 0.98) 100%
      );
  }

  .mrbeast-hero .slider-content {
    padding: 85px 0 75px;
  }

  .mrbeast-hero .hero-kicker {
    margin-right: auto;
    margin-left: auto;
  }

  .mrbeast-hero .slide-sub-title {
    margin-right: auto;
    margin-left: auto;

    font-size: clamp(38px, 10vw, 52px);
    line-height: 1.02;
    letter-spacing: -1.7px;
  }

  .mrbeast-hero .hero-description {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;

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

  .mrbeast-hero .hero-actions {
    justify-content: center;
  }

  .mrbeast-games-page .top-games-section {
    padding: 75px 0 !important;
  }

  .top-games-section .games-intro {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .mrbeast-header .logo img {
    width: 126px;
  }

  .mrbeast-header .navbar-toggler {
    width: 43px;
    height: 40px;
  }

  .mrbeast-hero {
    min-height: 630px !important;
  }

  .mrbeast-hero .slider-content {
    padding: 70px 0 65px;
  }

  .mrbeast-hero .hero-kicker {
    padding: 8px 12px;
    font-size: 10px;
    letter-spacing: 0.9px;
  }

  .mrbeast-hero .slide-sub-title {
    font-size: 36px;
    line-height: 1.04;
    letter-spacing: -1.3px;
  }

  .mrbeast-hero .hero-description {
    margin-bottom: 26px;
    font-size: 15px;
  }

  .mrbeast-hero .hero-actions {
    flex-direction: column;
    gap: 14px;
  }

  .mrbeast-hero .hero-actions .btn {
    width: 100%;
    max-width: 290px;
  }

  .mrbeast-games-page .top-games-section {
    padding: 65px 0 !important;
  }

  .top-games-section .games-title {
    font-size: 34px !important;
    letter-spacing: -1px;
  }

  .top-games-section .games-intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .top-games-section .game-card {
    border-width: 2px;
    border-radius: 15px;
  }

  .top-games-section .game-card:hover {
    transform: translateY(-5px);
  }
}


/* --------------------------------------------------
   TOUCH DEVICES

   The Play Now button remains visible because
   touchscreens do not have a normal hover state.
-------------------------------------------------- */

@media (hover: none) {
  .top-games-section .hover-overlay {
    justify-content: center;
    align-items: flex-end;

    padding-bottom: 16px;

    background:
      linear-gradient(
        180deg,
        transparent 48%,
        rgba(4, 18, 34, 0.94) 100%
      );

    opacity: 1;
  }

  .top-games-section .hover-overlay .btn-primary {
    min-width: 100px;
    min-height: 38px;
    padding: 9px 12px !important;

    transform: none;
    opacity: 1;

    font-size: 10px;
  }
}


/* --------------------------------------------------
   REDUCED MOTION
-------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .mrbeast-header *,
  .mrbeast-hero *,
  .top-games-section * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==================================================
         MRBEAST HEADER, HERO & TOP GAMES END
================================================== */
/* ==================================================
              MRBEAST LOGO SIZE START
================================================== */

.mrbeast-header .logo img {
  width: 260px !important;
  max-width: none;
  height: auto;
}

@media (max-width: 1199px) {
  .mrbeast-header .logo img {
    width: 225px !important;
  }
}

@media (max-width: 991px) {
  .mrbeast-header .logo img {
    width: 200px !important;
  }
}

@media (max-width: 575px) {
  .mrbeast-header .logo img {
    width: 165px !important;
  }
}

/* ==================================================
               MRBEAST LOGO SIZE END
================================================== */
/* ==================================================
               FIXED HEADER START
================================================== */

html {
  scroll-padding-top: 100px;
}

body.mrbeast-games-page {
  padding-top: 83px !important;
}

header#header.mrbeast-header {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;

  width: 100%;
  z-index: 99999;
}

.mrbeast-games-page section[id],
.mrbeast-games-page #home {
  scroll-margin-top: 100px;
}

/* Tablet and mobile */

@media (max-width: 991px) {
  html {
    scroll-padding-top: 90px;
  }

  body.mrbeast-games-page {
    padding-top: 75px !important;
  }

  .mrbeast-games-page section[id],
  .mrbeast-games-page #home {
    scroll-margin-top: 90px;
  }
}

/* ==================================================
                FIXED HEADER END
================================================== */
/* ==================================================
                   BONUSES SECTION START
================================================== */

.mb-rewards {
  --rewards-bg: #08142e;
  --rewards-panel: #111d45;
  --rewards-cyan: #17d9ff;
  --rewards-blue: #2577ff;
  --rewards-pink: #ff3f9f;
  --rewards-purple: #9d5cff;
  --rewards-yellow: #ffd84a;
  --rewards-orange: #ff9e2b;
  --rewards-white: #ffffff;
  --rewards-muted: #aebdde;

  position: relative;
  isolation: isolate;
  overflow: hidden;

  scroll-margin-top: 120px;

  padding: 105px 0 72px;

  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(23, 217, 255, 0.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 26%,
      rgba(255, 63, 159, 0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 50% 75%,
      rgba(157, 92, 255, 0.09),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #07162f 0%,
      #0b1230 52%,
      #111239 100%
    );

  color: var(--rewards-white);
}


.mb-rewards *,
.mb-rewards *::before,
.mb-rewards *::after {
  box-sizing: border-box;
}


.mb-rewards::before {
  content: "";

  position: absolute;
  z-index: -2;
  inset: 0;

  opacity: 0.34;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );

  background-size: 55px 55px;

  pointer-events: none;
}


.mb-rewards .container {
  position: relative;
  z-index: 2;
}


.mb-rewards__glow {
  position: absolute;
  z-index: -1;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  opacity: 0.18;
  filter: blur(100px);

  pointer-events: none;
}


.mb-rewards__glow--cyan {
  left: -210px;
  top: 500px;

  background: var(--rewards-cyan);
}


.mb-rewards__glow--pink {
  right: -210px;
  top: 1350px;

  background: var(--rewards-pink);
}


/* Bonuses Header
================================================== */

.mb-rewards__header {
  max-width: 900px;

  margin: 0 auto 48px;

  text-align: center;
}


.mb-rewards__eyebrow {
  display: block;

  margin-bottom: 14px;

  color: var(--rewards-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}


.mb-rewards__header h2 {
  margin: 0 0 21px;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(41px, 5vw, 68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -3px;
}


.mb-rewards__header h2 span {
  display: block;

  margin-top: 7px;

  color: var(--rewards-yellow);

  text-shadow:
    4px 5px 0 rgba(255, 63, 159, 0.26);
}


.mb-rewards__header p {
  max-width: 820px;

  margin: 0 auto;

  color: var(--rewards-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}


/* Main Welcome Package
================================================== */

.mb-rewards-hero {
  position: relative;
  overflow: hidden;

  display: grid;
  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(380px, 0.85fr);
  gap: 30px;
  align-items: center;

  min-height: 610px;

  margin-bottom: 88px;
  padding: 55px;

  border:
    2px solid rgba(255, 216, 74, 0.48);

  border-radius: 30px;

  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(255, 63, 159, 0.21),
      transparent 30%
    ),
    radial-gradient(
      circle at 12% 85%,
      rgba(23, 217, 255, 0.17),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(28, 38, 93, 0.98),
      rgba(55, 25, 92, 0.98)
    );

  box-shadow:
    0 12px 0 rgba(119, 88, 4, 0.8),
    0 35px 80px rgba(0, 0, 0, 0.35);
}


.mb-rewards-hero::before {
  content: "";

  position: absolute;
  left: -85px;
  top: -85px;

  width: 210px;
  height: 210px;

  border:
    30px solid rgba(23, 217, 255, 0.08);

  border-radius: 50%;
}


.mb-rewards-hero__content {
  position: relative;
  z-index: 3;
}


.mb-rewards-hero__label {
  display: block;

  margin-bottom: 15px;

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}


.mb-rewards-hero__amount {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 20px;

  margin-bottom: 4px;
}


.mb-rewards-hero__amount strong {
  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(76px, 9vw, 125px);
  line-height: 0.83;
  font-weight: 900;
  letter-spacing: -7px;

  text-shadow:
    7px 8px 0 rgba(5, 10, 27, 0.5);
}


.mb-rewards-hero__amount span {
  padding-bottom: 8px;

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}


.mb-rewards-hero__spins {
  display: inline-block;

  margin: 12px 0 28px;

  color: var(--rewards-pink);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(25px, 3vw, 39px);
  line-height: 1.05;
  font-weight: 900;

  text-shadow:
    0 0 22px rgba(255, 63, 159, 0.3);
}


.mb-rewards-hero__content h3 {
  max-width: 590px;

  margin: 0 0 16px;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
}


.mb-rewards-hero__content > p {
  max-width: 610px;

  margin: 0 0 27px;

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

  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.72;
  font-weight: 500;
}


.mb-rewards-hero__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

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

  border-bottom:
    1px solid rgba(255, 255, 255, 0.12);
}


.mb-rewards-hero__facts div {
  padding: 16px 13px;

  border-right:
    1px solid rgba(255, 255, 255, 0.12);
}


.mb-rewards-hero__facts div:last-child {
  border-right: 0;
}


.mb-rewards-hero__facts span,
.mb-rewards-hero__facts strong {
  display: block;
}


.mb-rewards-hero__facts span {
  margin-bottom: 5px;

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

  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}


.mb-rewards-hero__facts strong {
  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 900;
}


/* Animated Welcome Visual
================================================== */

.mb-rewards-hero__visual {
  position: relative;

  min-height: 480px;
}


.mb-rewards-wheel {
  position: absolute;
  left: 50%;
  top: 50%;

  width: 360px;
  height: 360px;

  border:
    14px solid #23184f;

  border-radius: 50%;

  background:
    conic-gradient(
      var(--rewards-cyan) 0deg 90deg,
      var(--rewards-pink) 90deg 180deg,
      var(--rewards-yellow) 180deg 270deg,
      var(--rewards-purple) 270deg 360deg
    );

  box-shadow:
    0 0 0 7px rgba(255, 255, 255, 0.11),
    0 0 0 13px rgba(255, 216, 74, 0.28),
    0 30px 60px rgba(0, 0, 0, 0.45),
    0 0 48px rgba(23, 217, 255, 0.2);

  transform:
    translate(-50%, -50%)
    rotate(-7deg);

  animation:
    mb-rewards-wheel-float 5s ease-in-out infinite;
}


.mb-rewards-wheel::before,
.mb-rewards-wheel::after {
  content: "";

  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;

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

  transform:
    translate(-50%, -50%);
}


.mb-rewards-wheel::before {
  width: 5px;
  height: 100%;

  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.34);
}


.mb-rewards-wheel::after {
  width: 100%;
  height: 5px;

  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.34);
}


.mb-rewards-wheel > span {
  position: absolute;
  z-index: 3;

  color: #08142e;

  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 900;
}


.mb-rewards-wheel > span:nth-child(1) {
  right: 62px;
  top: 70px;
}


.mb-rewards-wheel > span:nth-child(2) {
  right: 55px;
  bottom: 75px;
}


.mb-rewards-wheel > span:nth-child(3) {
  left: 58px;
  bottom: 75px;
}


.mb-rewards-wheel > span:nth-child(4) {
  left: 55px;
  top: 70px;
}


.mb-rewards-wheel__centre {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;

  display: grid;
  place-items: center;
  align-content: center;

  width: 138px;
  height: 138px;

  border:
    8px solid rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #192b61,
      #10173a
    );

  box-shadow:
    0 10px 32px rgba(0, 0, 0, 0.48);

  transform:
    translate(-50%, -50%);
}


.mb-rewards-wheel__centre strong {
  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
}


.mb-rewards-wheel__centre small {
  margin-top: 5px;

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.3px;
}


.mb-rewards-coin {
  position: absolute;
  z-index: 7;

  display: grid;
  place-items: center;

  width: 90px;
  height: 90px;

  border:
    8px solid #ec9e11;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #ffe875,
      #ffb52c
    );

  color: #704100;

  box-shadow:
    0 10px 0 #a86108,
    0 22px 38px rgba(0, 0, 0, 0.35);

  animation:
    mb-rewards-coin-float 3.7s ease-in-out infinite;
}


.mb-rewards-coin strong {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 900;
}


.mb-rewards-coin--left {
  left: 10px;
  bottom: 34px;

  transform: rotate(-12deg);
}


.mb-rewards-coin--right {
  right: 0;
  top: 30px;

  background:
    linear-gradient(
      145deg,
      #ff83c2,
      #ff3195
    );

  border-color: #b81c6b;

  color: var(--rewards-white);

  box-shadow:
    0 10px 0 #711343,
    0 22px 38px rgba(0, 0, 0, 0.35);

  animation-delay: -1.4s;
}


.mb-rewards-hero__spark {
  position: absolute;
  z-index: 8;

  color: var(--rewards-yellow);

  font-size: 27px;

  text-shadow:
    0 0 18px rgba(255, 216, 74, 0.7);

  animation:
    mb-rewards-spark 2.8s ease-in-out infinite;
}


.mb-rewards-hero__spark--one {
  left: 12%;
  top: 11%;
}


.mb-rewards-hero__spark--two {
  right: 7%;
  bottom: 11%;

  color: var(--rewards-cyan);

  animation-delay: -1s;
}


.mb-rewards-hero__spark--three {
  left: 9%;
  bottom: 38%;

  color: var(--rewards-pink);

  font-size: 18px;

  animation-delay: -1.8s;
}


/* Section Subheadings
================================================== */

.mb-rewards-subheading {
  max-width: 810px;

  margin: 0 auto 39px;

  text-align: center;
}


.mb-rewards-subheading > span {
  display: block;

  margin-bottom: 10px;

  color: var(--rewards-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}


.mb-rewards-subheading h3 {
  margin: 0 0 15px;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(33px, 4vw, 52px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -2px;
}


.mb-rewards-subheading p {
  margin: 0;

  color: var(--rewards-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 1.72;
  font-weight: 500;
}


.mb-rewards-subheading--weekly {
  margin-top: 91px;
}


.mb-rewards-subheading--weekly > span {
  color: var(--rewards-pink);
}


/* Welcome Deposit Cards
================================================== */

.mb-rewards-deposits {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}


.mb-deposit-card {
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;

  min-height: 440px;

  padding: 28px;

  border:
    1px solid rgba(23, 217, 255, 0.25);

  border-radius: 23px;

  background:
    linear-gradient(
      155deg,
      rgba(14, 52, 78, 0.88),
      rgba(10, 24, 56, 0.97)
    );

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.25);

  cursor: default;
}


.mb-deposit-card::before {
  content: "";

  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 5px;

  background: var(--rewards-cyan);
}


.mb-deposit-card::after {
  content: "";

  position: absolute;
  right: -80px;
  bottom: -90px;

  width: 210px;
  height: 210px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(23, 217, 255, 0.15),
      transparent 68%
    );
}


.mb-deposit-card--pink {
  border-color:
    rgba(255, 63, 159, 0.25);

  background:
    linear-gradient(
      155deg,
      rgba(79, 25, 74, 0.85),
      rgba(30, 21, 65, 0.97)
    );
}


.mb-deposit-card--pink::before {
  background: var(--rewards-pink);
}


.mb-deposit-card--pink::after {
  background:
    radial-gradient(
      circle,
      rgba(255, 63, 159, 0.16),
      transparent 68%
    );
}


.mb-deposit-card--purple {
  border-color:
    rgba(157, 92, 255, 0.27);

  background:
    linear-gradient(
      155deg,
      rgba(58, 33, 102, 0.9),
      rgba(27, 22, 66, 0.97)
    );
}


.mb-deposit-card--purple::before {
  background: var(--rewards-purple);
}


.mb-deposit-card--purple::after {
  background:
    radial-gradient(
      circle,
      rgba(157, 92, 255, 0.17),
      transparent 68%
    );
}


.mb-deposit-card--yellow {
  border-color:
    rgba(255, 216, 74, 0.28);

  background:
    linear-gradient(
      155deg,
      rgba(83, 61, 20, 0.82),
      rgba(34, 26, 56, 0.97)
    );
}


.mb-deposit-card--yellow::before {
  background: var(--rewards-yellow);
}


.mb-deposit-card--yellow::after {
  background:
    radial-gradient(
      circle,
      rgba(255, 216, 74, 0.15),
      transparent 68%
    );
}


.mb-deposit-card__stage {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 23px;

  color: var(--rewards-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


.mb-deposit-card--pink
.mb-deposit-card__stage {
  color: var(--rewards-pink);
}


.mb-deposit-card--purple
.mb-deposit-card__stage {
  color: #ba91ff;
}


.mb-deposit-card--yellow
.mb-deposit-card__stage {
  color: var(--rewards-yellow);
}


.mb-deposit-card__percent {
  position: relative;
  z-index: 2;

  display: block;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -3px;
}


.mb-deposit-card__limit {
  position: relative;
  z-index: 2;

  display: block;

  margin: 7px 0 14px;

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

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 800;
}


.mb-deposit-card__spins {
  position: relative;
  z-index: 2;

  margin-bottom: 22px;

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
}


.mb-deposit-card p {
  position: relative;
  z-index: 2;

  margin: 0 0 24px;

  color: var(--rewards-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.68;
  font-weight: 500;
}


.mb-deposit-card__info {
  position: relative;
  z-index: 2;

  display: grid;
  gap: 8px;

  margin-top: auto;
}


.mb-deposit-card__info span {
  position: relative;

  padding-left: 16px;

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

  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 700;
}


.mb-deposit-card__info span::before {
  content: "";

  position: absolute;
  left: 0;
  top: 6px;

  width: 6px;
  height: 6px;

  border-radius: 2px;

  background: var(--rewards-cyan);

  transform: rotate(45deg);
}


.mb-deposit-card--pink
.mb-deposit-card__info span::before {
  background: var(--rewards-pink);
}


.mb-deposit-card--purple
.mb-deposit-card__info span::before {
  background: var(--rewards-purple);
}


.mb-deposit-card--yellow
.mb-deposit-card__info span::before {
  background: var(--rewards-yellow);
}


/* Weekly Rewards
================================================== */

.mb-weekly-rewards {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;

  margin-bottom: 82px;
}


.mb-weekly-card {
  position: relative;
  overflow: hidden;

  min-height: 335px;

  padding: 28px;

  border:
    1px solid rgba(157, 92, 255, 0.25);

  border-radius: 22px;

  background:
    linear-gradient(
      155deg,
      rgba(53, 30, 94, 0.87),
      rgba(24, 22, 62, 0.98)
    );

  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.24);

  cursor: default;
}


.mb-weekly-card::after {
  content: "";

  position: absolute;
  right: -60px;
  top: -60px;

  width: 160px;
  height: 160px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(157, 92, 255, 0.25),
      transparent 67%
    );
}


.mb-weekly-card--cyan {
  border-color:
    rgba(23, 217, 255, 0.25);

  background:
    linear-gradient(
      155deg,
      rgba(13, 64, 88, 0.85),
      rgba(12, 27, 63, 0.98)
    );
}


.mb-weekly-card--pink {
  border-color:
    rgba(255, 63, 159, 0.26);

  background:
    linear-gradient(
      155deg,
      rgba(82, 27, 84, 0.88),
      rgba(34, 22, 67, 0.98)
    );
}


.mb-weekly-card--yellow {
  border-color:
    rgba(255, 216, 74, 0.28);

  background:
    linear-gradient(
      155deg,
      rgba(82, 62, 19, 0.82),
      rgba(35, 26, 61, 0.98)
    );
}


.mb-weekly-card__day {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 25px;

  color: #bc98ff;

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


.mb-weekly-card--cyan
.mb-weekly-card__day {
  color: var(--rewards-cyan);
}


.mb-weekly-card--pink
.mb-weekly-card__day {
  color: var(--rewards-pink);
}


.mb-weekly-card--yellow
.mb-weekly-card__day {
  color: var(--rewards-yellow);
}


.mb-weekly-card__value {
  position: relative;
  z-index: 2;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 54px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -3px;
}


.mb-weekly-card > strong {
  position: relative;
  z-index: 2;

  display: block;

  margin: 8px 0 20px;

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
}


.mb-weekly-card p {
  position: relative;
  z-index: 2;

  margin: 0 0 20px;

  color: var(--rewards-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.65;
  font-weight: 500;
}


.mb-weekly-card__note {
  position: relative;
  z-index: 2;

  display: block;

  padding-top: 13px;

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

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

  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  line-height: 1.45;
  font-weight: 700;
}


/* Extra Rewards
================================================== */

.mb-extra-rewards {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 20px;

  margin-bottom: 76px;
}


.mb-extra-card {
  position: relative;
  overflow: hidden;

  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 25px;
  align-items: start;

  min-height: 325px;

  padding: 38px;

  border:
    1px solid rgba(23, 217, 255, 0.23);

  border-radius: 26px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(23, 217, 255, 0.14),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(15, 49, 79, 0.92),
      rgba(12, 25, 59, 0.98)
    );

  box-shadow:
    0 25px 58px rgba(0, 0, 0, 0.28);

  cursor: default;
}


.mb-extra-card--wheel {
  border-color:
    rgba(255, 63, 159, 0.24);

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 63, 159, 0.16),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(69, 28, 85, 0.93),
      rgba(27, 23, 65, 0.98)
    );
}


.mb-extra-card__icon {
  display: grid;
  place-items: center;

  width: 88px;
  height: 88px;

  border:
    7px solid rgba(23, 217, 255, 0.25);

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      var(--rewards-cyan),
      var(--rewards-blue)
    );

  color: #07142d;

  font-size: 39px;
  font-weight: 900;

  box-shadow:
    0 9px 0 #0b6d9d,
    0 20px 35px rgba(0, 0, 0, 0.3);
}


.mb-extra-card--wheel
.mb-extra-card__icon {
  border-color:
    rgba(255, 216, 74, 0.33);

  background:
    linear-gradient(
      145deg,
      var(--rewards-yellow),
      var(--rewards-orange)
    );

  color: #634000;

  box-shadow:
    0 9px 0 #a86408,
    0 20px 35px rgba(0, 0, 0, 0.3);
}


.mb-extra-card__content {
  position: relative;
  z-index: 2;
}


.mb-extra-card__content > span {
  display: block;

  margin-bottom: 8px;

  color: var(--rewards-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


.mb-extra-card--wheel
.mb-extra-card__content > span {
  color: var(--rewards-yellow);
}


.mb-extra-card h3 {
  margin: 0 0 15px;

  color: var(--rewards-white);

  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  line-height: 1.13;
  font-weight: 900;
}


.mb-extra-card p {
  margin: 0 0 22px;

  color: var(--rewards-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.68;
  font-weight: 500;
}


.mb-extra-card__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}


.mb-extra-card__facts span {
  position: relative;

  padding-left: 14px;

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

  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
}


.mb-extra-card__facts span::before {
  content: "";

  position: absolute;
  left: 0;
  top: 5px;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--rewards-cyan);
}


.mb-extra-card--wheel
.mb-extra-card__facts span::before {
  background: var(--rewards-yellow);
}


/* Moving Rewards Strip
================================================== */

.mb-rewards-ticker {
  position: relative;
  z-index: 3;
  overflow: hidden;

  margin-bottom: 52px;
  padding: 19px 0;

  border-top:
    1px solid rgba(23, 217, 255, 0.22);

  border-bottom:
    1px solid rgba(255, 63, 159, 0.22);

  background:
    linear-gradient(
      90deg,
      rgba(23, 217, 255, 0.07),
      rgba(255, 63, 159, 0.08),
      rgba(23, 217, 255, 0.07)
    );
}


.mb-rewards-ticker__track {
  display: flex;
  align-items: center;
  gap: 27px;

  width: max-content;

  animation:
    mb-rewards-ticker 29s linear infinite;
}


.mb-rewards-ticker__track span {
  color: rgba(255, 255, 255, 0.84);

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  white-space: nowrap;
}


.mb-rewards-ticker__track i {
  color: var(--rewards-yellow);

  font-size: 12px;
  font-style: normal;

  text-shadow:
    0 0 15px rgba(255, 216, 74, 0.65);
}


/* Bonus Notice
================================================== */

.mb-rewards-notice {
  display: flex;
  align-items: flex-start;
  gap: 15px;

  max-width: 980px;

  margin: 0 auto;
  padding: 20px 23px;

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

  border-radius: 16px;

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


.mb-rewards-notice > span {
  display: grid;
  flex: 0 0 28px;
  place-items: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  background:
    rgba(255, 216, 74, 0.14);

  color: var(--rewards-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 900;
}


.mb-rewards-notice p {
  margin: 0;

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

  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 1.65;
  font-weight: 600;
}


/* Bonus Animations
================================================== */

@keyframes mb-rewards-wheel-float {

  0%,
  100% {
    transform:
      translate(-50%, -50%)
      rotate(-7deg);
  }

  50% {
    transform:
      translate(-50%, calc(-50% - 12px))
      rotate(1deg);
  }

}


@keyframes mb-rewards-coin-float {

  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -14px;
  }

}


@keyframes mb-rewards-spark {

  0%,
  100% {
    opacity: 0.45;
    transform:
      scale(0.85)
      rotate(0deg);
  }

  50% {
    opacity: 1;
    transform:
      scale(1.15)
      rotate(18deg);
  }

}


@keyframes mb-rewards-ticker {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}


/* Bonus Responsive
================================================== */

@media (max-width: 1199px) {

  .mb-rewards-hero {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(330px, 0.75fr);

    padding: 45px;
  }


  .mb-rewards-wheel {
    width: 310px;
    height: 310px;
  }


  .mb-rewards-wheel__centre {
    width: 120px;
    height: 120px;
  }


  .mb-rewards-deposits,
  .mb-weekly-rewards {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .mb-deposit-card {
    min-height: 390px;
  }

}


@media (max-width: 991px) {

  .mb-rewards {
    padding-top: 85px;
  }


  .mb-rewards-hero {
    grid-template-columns: 1fr;
  }


  .mb-rewards-hero__visual {
    min-height: 440px;
  }


  .mb-extra-rewards {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 767px) {

  .mb-rewards__header h2 {
    letter-spacing: -2px;
  }


  .mb-rewards-hero {
    padding: 33px 27px;
  }


  .mb-rewards-hero__amount strong {
    font-size: 78px;
    letter-spacing: -5px;
  }


  .mb-rewards-hero__amount span {
    font-size: 18px;
  }


  .mb-rewards-hero__facts {
    grid-template-columns: 1fr;
  }


  .mb-rewards-hero__facts div {
    border-right: 0;
    border-bottom:
      1px solid rgba(255, 255, 255, 0.1);
  }


  .mb-rewards-hero__facts div:last-child {
    border-bottom: 0;
  }


  .mb-rewards-hero__visual {
    min-height: 390px;
  }


  .mb-rewards-wheel {
    width: 275px;
    height: 275px;
  }


  .mb-rewards-wheel > span {
    font-size: 14px;
  }


  .mb-rewards-wheel > span:nth-child(1) {
    right: 47px;
    top: 54px;
  }


  .mb-rewards-wheel > span:nth-child(2) {
    right: 42px;
    bottom: 56px;
  }


  .mb-rewards-wheel > span:nth-child(3) {
    left: 44px;
    bottom: 57px;
  }


  .mb-rewards-wheel > span:nth-child(4) {
    left: 42px;
    top: 55px;
  }


  .mb-rewards-coin {
    width: 70px;
    height: 70px;
  }


  .mb-rewards-coin strong {
    font-size: 24px;
  }


  .mb-rewards-deposits,
  .mb-weekly-rewards {
    grid-template-columns: 1fr;
  }


  .mb-deposit-card,
  .mb-weekly-card {
    min-height: auto;
  }


  .mb-extra-card {
    grid-template-columns: 1fr;
  }


  .mb-extra-card__icon {
    width: 74px;
    height: 74px;
  }

}


@media (max-width: 480px) {

  .mb-rewards {
    padding-top: 72px;
  }


  .mb-rewards__header h2 {
    font-size: 38px;
  }


  .mb-rewards__header p,
  .mb-rewards-subheading p {
    font-size: 14px;
  }


  .mb-rewards-hero {
    border-radius: 23px;
  }


  .mb-rewards-hero__amount strong {
    font-size: 68px;
  }


  .mb-rewards-hero__visual {
    min-height: 340px;
  }


  .mb-rewards-wheel {
    width: 235px;
    height: 235px;

    border-width: 10px;
  }


  .mb-rewards-wheel__centre {
    width: 92px;
    height: 92px;
  }


  .mb-rewards-wheel__centre strong {
    font-size: 22px;
  }


  .mb-rewards-wheel > span {
    font-size: 11px;
  }


  .mb-rewards-wheel > span:nth-child(1) {
    right: 42px;
    top: 45px;
  }


  .mb-rewards-wheel > span:nth-child(2) {
    right: 37px;
    bottom: 47px;
  }


  .mb-rewards-wheel > span:nth-child(3) {
    left: 37px;
    bottom: 47px;
  }


  .mb-rewards-wheel > span:nth-child(4) {
    left: 37px;
    top: 46px;
  }


  .mb-rewards-coin {
    width: 59px;
    height: 59px;

    border-width: 5px;
  }


  .mb-rewards-coin--left {
    left: -6px;
  }


  .mb-rewards-coin--right {
    right: -8px;
  }


  .mb-deposit-card,
  .mb-weekly-card,
  .mb-extra-card {
    padding: 24px;
  }


  .mb-rewards-notice {
    padding: 17px;
  }

}


@media (prefers-reduced-motion: reduce) {

  .mb-rewards *,
  .mb-rewards *::before,
  .mb-rewards *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

}

/* ==================================================
                    BONUSES SECTION END
================================================== */
/* ==================================================
              CASINO GAMES LIBRARY START
================================================== */

.mb-library {
  --lib-bg: #07142d;
  --lib-panel: #0d2041;
  --lib-cyan: #18d9ff;
  --lib-pink: #ff3f9f;
  --lib-yellow: #ffd84a;
  --lib-purple: #9b61ff;
  --lib-green: #25dda0;
  --lib-white: #ffffff;
  --lib-muted: #aebdd8;

  position: relative;
  isolation: isolate;
  overflow: hidden;

  padding: 95px 0 105px;

  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(24, 217, 255, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 32%,
      rgba(255, 63, 159, 0.11),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #07142d 0%,
      #0a1532 50%,
      #101338 100%
    );

  color: var(--lib-white);
}


.mb-library *,
.mb-library *::before,
.mb-library *::after {
  box-sizing: border-box;
}


.mb-library::before {
  content: "";

  position: absolute;
  z-index: -2;
  inset: 0;

  opacity: 0.25;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );

  background-size: 48px 48px;
}


.mb-library .container {
  position: relative;
  z-index: 2;
}


.mb-library__orb {
  position: absolute;
  z-index: -1;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  opacity: 0.15;
  filter: blur(100px);

  pointer-events: none;
}


.mb-library__orb--cyan {
  left: -220px;
  top: 600px;

  background: var(--lib-cyan);
}


.mb-library__orb--pink {
  right: -220px;
  top: 1450px;

  background: var(--lib-pink);
}


/* Library Header
================================================== */

.mb-library__header {
  max-width: 920px;

  margin: 0 auto 38px;

  text-align: center;
}


.mb-library__eyebrow {
  display: block;

  margin-bottom: 12px;

  color: var(--lib-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}


.mb-library__header h2 {
  margin: 0 0 20px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(41px, 5vw, 67px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -3px;
}


.mb-library__header h2 span {
  display: block;

  margin-top: 7px;

  color: var(--lib-yellow);

  text-shadow:
    4px 5px 0 rgba(255, 63, 159, 0.24);
}


.mb-library__header p {
  max-width: 840px;

  margin: 0 auto;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.74;
  font-weight: 500;
}


/* Library Overview
================================================== */

.mb-library__overview {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 14px;

  margin-bottom: 42px;
}


.mb-library__overview article {
  display: flex;
  align-items: center;
  gap: 13px;

  min-height: 85px;

  padding: 16px;

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

  border-radius: 17px;

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

  cursor: default;
}


.mb-library__overview article > span {
  display: grid;
  flex: 0 0 45px;
  place-items: center;

  width: 45px;
  height: 45px;

  border-radius: 13px;

  background:
    rgba(24, 217, 255, 0.12);

  color: var(--lib-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 900;
}


.mb-library__overview article:nth-child(2) > span {
  background:
    rgba(255, 63, 159, 0.12);

  color: var(--lib-pink);
}


.mb-library__overview article:nth-child(3) > span {
  background:
    rgba(255, 216, 74, 0.12);

  color: var(--lib-yellow);
}


.mb-library__overview article:nth-child(4) > span {
  background:
    rgba(155, 97, 255, 0.12);

  color: var(--lib-purple);
}


.mb-library__overview strong {
  display: block;

  margin-bottom: 3px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 900;
}


.mb-library__overview p {
  margin: 0;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  line-height: 1.4;
  font-weight: 600;
}


/* Library Ticker
================================================== */

.mb-library__ticker {
  position: relative;
  z-index: 3;
  overflow: hidden;

  margin-bottom: 35px;
  padding: 16px 0;

  border-top:
    1px solid rgba(24, 217, 255, 0.2);

  border-bottom:
    1px solid rgba(255, 63, 159, 0.2);

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


.mb-library__ticker-track {
  display: flex;
  align-items: center;
  gap: 25px;

  width: max-content;

  animation:
    mbLibraryTicker 28s linear infinite;
}


.mb-library__ticker-track span {
  color: rgba(255, 255, 255, 0.78);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  white-space: nowrap;
}


.mb-library__ticker-track i {
  color: var(--lib-yellow);

  font-size: 11px;
  font-style: normal;
}


/* Library Zones
================================================== */

.mb-library-zone {
  position: relative;

  scroll-margin-top: 120px;

  margin-bottom: 27px;
  padding: 38px;

  border:
    1px solid rgba(24, 217, 255, 0.2);

  border-radius: 27px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(24, 217, 255, 0.1),
      transparent 30%
    ),
    rgba(8, 29, 57, 0.88);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.27);
}


.mb-library-zone--live {
  border-color:
    rgba(255, 63, 159, 0.2);

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 63, 159, 0.11),
      transparent 30%
    ),
    rgba(31, 23, 64, 0.89);
}


.mb-library-zone--tables {
  border-color:
    rgba(37, 221, 160, 0.2);

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(37, 221, 160, 0.1),
      transparent 30%
    ),
    rgba(10, 42, 55, 0.89);
}


.mb-library-zone--instant {
  margin-bottom: 0;

  border-color:
    rgba(155, 97, 255, 0.22);

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(155, 97, 255, 0.12),
      transparent 30%
    ),
    rgba(28, 22, 65, 0.91);
}


.mb-library-zone__header {
  display: grid;
  grid-template-columns:
    minmax(280px, 0.8fr)
    minmax(420px, 1.2fr);
  gap: 40px;
  align-items: end;

  margin-bottom: 27px;
}


.mb-library-zone__header div > span {
  display: block;

  margin-bottom: 7px;

  color: var(--lib-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}


.mb-library-zone--live
.mb-library-zone__header div > span {
  color: var(--lib-pink);
}


.mb-library-zone--tables
.mb-library-zone__header div > span {
  color: var(--lib-green);
}


.mb-library-zone--instant
.mb-library-zone__header div > span {
  color: #bd95ff;
}


.mb-library-zone__header h2 {
  margin: 0;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(31px, 3.5vw, 45px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -1.6px;
}


.mb-library-zone__header p {
  margin: 0;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.65;
  font-weight: 500;
}


/* Shared Game Grid
================================================== */

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


.mb-library-card {
  position: relative;
  overflow: hidden;

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

  border-radius: 17px;

  background:
    rgba(5, 16, 37, 0.79);

  box-shadow:
    0 16px 33px rgba(0, 0, 0, 0.24);

  cursor: default;
}


.mb-library-card__media {
  position: relative;
  overflow: hidden;

  aspect-ratio: 2 / 3;

  background: #050d1d;
}


.mb-library-card__media::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 28%;

  background:
    linear-gradient(
      transparent,
      rgba(4, 12, 28, 0.83)
    );
}


.mb-library-card__media img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;
}


.mb-library-card__media > span {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 7px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;

  text-shadow:
    0 2px 7px rgba(0, 0, 0, 0.85);
}


.mb-library-card__content {
  min-height: 92px;

  padding: 13px;
}


.mb-library-card__content h3 {
  margin: 0 0 5px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
}


.mb-library-card__content p {
  margin: 0;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 8px;
  line-height: 1.45;
  font-weight: 600;
}


/* Instant Games
================================================== */

.mb-quick-grid {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 14px;

  margin-bottom: 18px;
}


.mb-quick-card {
  overflow: hidden;

  min-height: 250px;

  border:
    1px solid rgba(24, 217, 255, 0.18);

  border-radius: 19px;

  background:
    linear-gradient(
      150deg,
      rgba(13, 60, 87, 0.9),
      rgba(8, 23, 55, 0.97)
    );

  cursor: default;
}


.mb-quick-card--plinko {
  border-color:
    rgba(255, 63, 159, 0.2);

  background:
    linear-gradient(
      150deg,
      rgba(75, 27, 79, 0.88),
      rgba(29, 21, 62, 0.97)
    );
}


.mb-quick-card--mines {
  border-color:
    rgba(255, 216, 74, 0.2);

  background:
    linear-gradient(
      150deg,
      rgba(76, 57, 20, 0.86),
      rgba(32, 25, 58, 0.97)
    );
}


.mb-quick-card--limbo {
  border-color:
    rgba(155, 97, 255, 0.21);

  background:
    linear-gradient(
      150deg,
      rgba(56, 34, 101, 0.9),
      rgba(26, 22, 63, 0.97)
    );
}


.mb-quick-card__visual {
  display: grid;
  place-items: center;
  align-content: center;

  min-height: 135px;

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

  background:
    radial-gradient(
      circle,
      rgba(24, 217, 255, 0.15),
      transparent 65%
    );
}


.mb-quick-card__visual > span {
  margin-bottom: 5px;

  color: var(--lib-yellow);

  font-size: 28px;
}


.mb-quick-card__visual strong {
  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
}


.mb-quick-card__content {
  padding: 17px;
}


.mb-quick-card__content > span {
  display: block;

  margin-bottom: 5px;

  color: var(--lib-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}


.mb-quick-card__content h3 {
  margin: 0 0 7px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 900;
}


.mb-quick-card__content p {
  margin: 0;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  line-height: 1.52;
  font-weight: 600;
}


/* Compact Jackpot
================================================== */

.mb-jackpot-compact {
  display: grid;
  grid-template-columns:
    minmax(260px, 0.7fr)
    minmax(500px, 1.3fr);
  gap: 32px;
  align-items: center;

  min-height: 330px;

  padding: 32px;

  border:
    1px solid rgba(255, 216, 74, 0.27);

  border-radius: 23px;

  background:
    radial-gradient(
      circle at 0 50%,
      rgba(255, 216, 74, 0.11),
      transparent 36%
    ),
    rgba(37, 25, 69, 0.91);
}


.mb-jackpot-compact__visual {
  position: relative;

  display: grid;
  place-items: center;

  min-height: 250px;
}


.mb-jackpot-compact__ring {
  position: absolute;

  width: 225px;
  height: 225px;

  border:
    4px dashed rgba(255, 216, 74, 0.35);

  border-radius: 50%;

  box-shadow:
    0 0 0 15px rgba(255, 63, 159, 0.06),
    0 0 45px rgba(255, 216, 74, 0.12);

  animation:
    mbLibraryRing 17s linear infinite;
}


.mb-jackpot-compact__visual > div {
  position: relative;
  z-index: 2;

  display: grid;
  place-items: center;
  align-content: center;

  width: 170px;
  height: 170px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 30%,
      #6a42ab,
      #241951 69%
    );

  box-shadow:
    0 0 0 7px rgba(255, 216, 74, 0.22),
    0 18px 37px rgba(0, 0, 0, 0.37);
}


.mb-jackpot-compact__visual small {
  color: var(--lib-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}


.mb-jackpot-compact__visual strong {
  margin: 5px 0;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: 900;
  text-transform: uppercase;
}


.mb-jackpot-compact__visual div > span {
  color: var(--lib-cyan);

  font-family: "Montserrat", sans-serif;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}


.mb-jackpot-compact__content > span {
  display: block;

  margin-bottom: 7px;

  color: var(--lib-yellow);

  font-family: "Montserrat", sans-serif;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}


.mb-jackpot-compact__content h3 {
  margin: 0 0 12px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 31px;
  font-weight: 900;
}


.mb-jackpot-compact__content > p {
  margin: 0 0 19px;

  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 1.65;
  font-weight: 500;
}


.mb-jackpot-compact__types {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 9px;
}


.mb-jackpot-compact__types div {
  padding: 11px;

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

  border-radius: 11px;

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


.mb-jackpot-compact__types strong,
.mb-jackpot-compact__types span {
  display: block;
}


.mb-jackpot-compact__types strong {
  margin-bottom: 3px;

  color: var(--lib-white);

  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 900;
}


.mb-jackpot-compact__types span {
  color: var(--lib-muted);

  font-family: "Open Sans", sans-serif;
  font-size: 7px;
  font-weight: 600;
}


/* Animations
================================================== */

@keyframes mbLibraryTicker {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}


@keyframes mbLibraryRing {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


/* Responsive
================================================== */

@media (max-width: 1199px) {

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


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

}


@media (max-width: 991px) {

  .mb-library {
    padding:
      80px 0 90px;
  }


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


  .mb-library-zone__header {
    grid-template-columns: 1fr;
    gap: 12px;
  }


  .mb-jackpot-compact {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 767px) {

  .mb-library__header h2 {
    letter-spacing: -2px;
  }


  .mb-library__header p {
    font-size: 14px;
  }


  .mb-library-zone {
    padding: 25px;
  }


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


  .mb-library-card__content {
    min-height: 84px;
  }


  .mb-jackpot-compact {
    padding: 24px;
  }

}


@media (max-width: 480px) {

  .mb-library {
    padding:
      68px 0 75px;
  }


  .mb-library__header h2 {
    font-size: 37px;
  }


  .mb-library__overview {
    grid-template-columns: 1fr;
  }


  .mb-library-zone {
    padding:
      22px 16px;
  }


  .mb-library-zone__header h2 {
    font-size: 31px;
  }


  .mb-library-card__content {
    padding: 10px;
  }


  .mb-library-card__content h3 {
    font-size: 10px;
  }


  .mb-quick-grid {
    grid-template-columns: 1fr;
  }


  .mb-jackpot-compact__types {
    grid-template-columns: 1fr;
  }

}


@media (prefers-reduced-motion: reduce) {

  .mb-library *,
  .mb-library *::before,
  .mb-library *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

}

/* ==================================================
               CASINO GAMES LIBRARY END
================================================== */

/* ==================================================
          REWARDS & VIP PROGRAMME START
================================================== */

.mb-rewards {
  position: relative;
  padding: 110px 0 95px;
  color: #ffffff;
  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(0, 214, 255, 0.16),
      transparent 32%
    ),
    radial-gradient(
      circle at 90% 35%,
      rgba(255, 51, 180, 0.15),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #07172c 0%,
      #10153c 52%,
      #21134d 100%
    );
  overflow: hidden;
  isolation: isolate;
  scroll-margin-top: 110px;
}

.mb-rewards::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.22;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.055) 1px,
      transparent 1px
    );
  background-size: 54px 54px;
}

.mb-rewards::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -260px;
  width: 760px;
  height: 500px;
  z-index: -1;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(116, 61, 255, 0.2);
  filter: blur(90px);
}

.mb-rewards__glow {
  position: absolute;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(75px);
  pointer-events: none;
}

.mb-rewards__glow--cyan {
  top: 170px;
  left: -180px;
  background: rgba(0, 214, 255, 0.24);
}

.mb-rewards__glow--pink {
  top: 260px;
  right: -190px;
  background: rgba(255, 41, 173, 0.21);
}

/* Heading */

.mb-rewards__header {
  max-width: 830px;
  margin: 0 auto 48px;
  text-align: center;
}

.mb-rewards__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px;
  color: #21d9ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2.2px;
}

.mb-rewards__eyebrow::before,
.mb-rewards__eyebrow::after {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.mb-rewards__header h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(40px, 5vw, 66px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -2.2px;
}

.mb-rewards__header h2 span {
  display: block;
  margin-top: 8px;
  color: #ffd43b;
}

.mb-rewards__intro {
  max-width: 720px;
  margin: 24px auto 0;
  color: #afbed7;
  font-size: 17px;
  line-height: 1.75;
}

/* Main Layout */

.mb-rewards__main {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 24px;
  align-items: stretch;
}

/* Featured Reward Pool */

.mb-rewards__vault {
  position: relative;
  min-height: 510px;
  padding: 48px;
  border: 1px solid rgba(255, 213, 59, 0.42);
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 80% 22%,
      rgba(255, 62, 181, 0.3),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      rgba(39, 42, 112, 0.97),
      rgba(54, 25, 99, 0.98)
    );
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.3),
    inset 0 0 45px rgba(255, 255, 255, 0.045);
  overflow: hidden;
}

.mb-rewards__vault::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 -9px 0 rgba(111, 68, 0, 0.72),
    inset 0 -13px 0 #ffd43b;
  pointer-events: none;
}

.mb-rewards__vault-copy {
  position: relative;
  z-index: 2;
  width: 61%;
}

.mb-rewards__vault-label {
  margin: 0 0 27px;
  color: #ffd43b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}

.mb-rewards__amount {
  margin: 0;
  line-height: 1;
}

.mb-rewards__amount span {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
}

.mb-rewards__amount strong {
  display: block;
  color: #ffffff;
  font-size: clamp(57px, 6vw, 90px);
  font-weight: 950;
  letter-spacing: -5px;
  text-shadow: 0 7px 0 rgba(0, 0, 0, 0.2);
}

.mb-rewards__plus {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 12px;
  color: #ff54b6;
}

.mb-rewards__plus::before,
.mb-rewards__plus::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 84, 182, 0.45);
}

.mb-rewards__plus span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.8px;
}

.mb-rewards__spins {
  margin: 0;
}

.mb-rewards__spins strong {
  display: block;
  color: #24ddff;
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -3px;
}

.mb-rewards__spins span {
  display: block;
  margin-top: 3px;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

.mb-rewards__vault-text {
  margin: 26px 0 0;
  color: #c8c9e6;
  font-size: 15px;
  line-height: 1.7;
}

/* CSS Reward Illustration */

.mb-rewards__vault-art {
  position: absolute;
  right: -6px;
  bottom: 18px;
  width: 42%;
  height: 390px;
}

.mb-rewards__crown {
  position: absolute;
  top: 8px;
  left: 50%;
  z-index: 3;
  width: 116px;
  height: 82px;
  transform: translateX(-50%) rotate(5deg);
  color: #713d00;
  background: linear-gradient(180deg, #fff07a, #ffb921);
  clip-path: polygon(
    0 25%,
    24% 50%,
    38% 5%,
    55% 49%,
    78% 0,
    100% 27%,
    88% 100%,
    11% 100%
  );
  filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.32));
}

.mb-rewards__crown span {
  position: absolute;
  left: 46px;
  bottom: 8px;
  font-size: 28px;
}

.mb-rewards__chest {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 230px;
  height: 190px;
  border: 8px solid #10172d;
  border-radius: 34px 34px 26px 26px;
  background:
    linear-gradient(
      90deg,
      transparent 46%,
      #ffd43b 46%,
      #ffd43b 55%,
      transparent 55%
    ),
    linear-gradient(
      180deg,
      #ff4fad 0%,
      #a42ed9 48%,
      #5c31b7 49%,
      #271c73 100%
    );
  box-shadow:
    0 23px 0 #071126,
    0 34px 40px rgba(0, 0, 0, 0.45),
    inset 0 0 0 6px rgba(255, 255, 255, 0.1);
}

.mb-rewards__chest::before {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: 76px;
  height: 20px;
  border: 5px solid #10172d;
  background: linear-gradient(90deg, #ffce36, #fff087);
}

.mb-rewards__chest-lock {
  position: absolute;
  top: 66px;
  left: 50%;
  z-index: 2;
  width: 49px;
  height: 58px;
  transform: translateX(-50%);
  border: 6px solid #10172d;
  border-radius: 12px;
  background: #ffd43b;
}

.mb-rewards__chest-lock::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  width: 9px;
  height: 18px;
  transform: translateX(-50%);
  border-radius: 8px;
  background: #5e3b00;
}

.mb-rewards__coin {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  border: 5px solid #8c5100;
  border-radius: 50%;
  color: #704000;
  background: linear-gradient(145deg, #fff37c, #ffb313);
  box-shadow:
    0 9px 0 #925300,
    0 15px 20px rgba(0, 0, 0, 0.34);
  font-weight: 950;
}

.mb-rewards__coin--one {
  top: 114px;
  left: 4px;
  width: 73px;
  height: 73px;
  transform: rotate(-17deg);
  font-size: 34px;
}

.mb-rewards__coin--two {
  top: 174px;
  right: 0;
  width: 58px;
  height: 58px;
  transform: rotate(19deg);
  font-size: 23px;
}

.mb-rewards__coin--three {
  bottom: 38px;
  left: 4px;
  width: 63px;
  height: 63px;
  transform: rotate(11deg);
  font-size: 17px;
}

.mb-rewards__spark {
  position: absolute;
  z-index: 5;
  color: #25ddff;
  text-shadow: 0 0 16px currentColor;
}

.mb-rewards__spark--one {
  top: 35px;
  left: 19px;
  font-size: 29px;
}

.mb-rewards__spark--two {
  top: 96px;
  right: 15px;
  color: #ff5bbb;
  font-size: 23px;
}

.mb-rewards__spark--three {
  bottom: 16px;
  right: 15px;
  color: #ffd43b;
  font-size: 31px;
}

/* Benefits */

.mb-rewards__benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mb-rewards__benefit {
  position: relative;
  min-height: 247px;
  padding: 27px 24px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 25px;
  background: rgba(8, 24, 52, 0.83);
  box-shadow:
    0 18px 35px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.mb-rewards__benefit::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -45px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  filter: blur(4px);
}

.mb-rewards__benefit--yellow {
  color: #ffd43b;
}

.mb-rewards__benefit--cyan {
  color: #22dbff;
}

.mb-rewards__benefit--pink {
  color: #ff58b8;
}

.mb-rewards__benefit--purple {
  color: #a988ff;
}

.mb-rewards__benefit-icon {
  position: relative;
  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: 24px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.04);
  font-size: 24px;
  font-weight: 900;
}

.mb-rewards__benefit h3 {
  margin: 0 0 11px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.mb-rewards__benefit p {
  margin: 0;
  color: #aebcd4;
  font-size: 14px;
  line-height: 1.65;
}

/* Reward Journey */

.mb-rewards__journey {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 38px;
  align-items: center;
  margin-top: 25px;
  padding: 30px 34px;
  border: 1px solid rgba(35, 218, 255, 0.22);
  border-radius: 27px;
  background: rgba(6, 21, 48, 0.72);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
}

.mb-rewards__journey-label {
  margin: 0 0 7px;
  color: #23dbff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.8px;
}

.mb-rewards__journey-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
}

.mb-rewards__path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.mb-rewards__path::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 12px;
  right: 12px;
  height: 3px;
  border-radius: 5px;
  background: linear-gradient(
    90deg,
    #23dbff,
    #7b6cff,
    #ff56b7,
    #ffd43b
  );
  opacity: 0.6;
}

.mb-rewards__path-item {
  position: relative;
  z-index: 1;
}

.mb-rewards__path-dot {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 13px;
  border: 5px solid #081730;
  border-radius: 50%;
  background: #23dbff;
  box-shadow: 0 0 16px rgba(35, 219, 255, 0.7);
}

.mb-rewards__path-item:nth-child(2)
.mb-rewards__path-dot {
  background: #7b6cff;
  box-shadow: 0 0 16px rgba(123, 108, 255, 0.7);
}

.mb-rewards__path-item:nth-child(3)
.mb-rewards__path-dot {
  background: #ff56b7;
  box-shadow: 0 0 16px rgba(255, 86, 183, 0.7);
}

.mb-rewards__path-item:nth-child(4)
.mb-rewards__path-dot {
  background: #ffd43b;
  box-shadow: 0 0 16px rgba(255, 212, 59, 0.7);
}

.mb-rewards__path-item strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

.mb-rewards__path-item small {
  display: block;
  max-width: 145px;
  color: #8fa1bc;
  font-size: 12px;
  line-height: 1.45;
}

/* Notice */

.mb-rewards__notice {
  max-width: 800px;
  margin: 23px auto 0;
  color: #7487a5;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}

/* Responsive */

@media (max-width: 1199px) {

  .mb-rewards__vault {
    padding: 42px 36px;
  }

  .mb-rewards__vault-copy {
    width: 65%;
  }

  .mb-rewards__vault-art {
    right: -25px;
    transform: scale(0.9);
    transform-origin: bottom right;
  }

  .mb-rewards__benefit {
    padding: 25px 20px;
  }
}

@media (max-width: 991px) {

  .mb-rewards {
    padding: 90px 0 80px;
  }

  .mb-rewards__main {
    grid-template-columns: 1fr;
  }

  .mb-rewards__vault {
    min-height: 490px;
  }

  .mb-rewards__vault-copy {
    width: 58%;
  }

  .mb-rewards__vault-art {
    right: 20px;
  }

  .mb-rewards__benefit {
    min-height: 215px;
  }

  .mb-rewards__journey {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

@media (max-width: 767px) {

  .mb-rewards {
    padding: 76px 0 68px;
  }

  .mb-rewards__header {
    margin-bottom: 35px;
  }

  .mb-rewards__header h2 {
    font-size: 42px;
    letter-spacing: -1.5px;
  }

  .mb-rewards__intro {
    font-size: 15px;
  }

  .mb-rewards__vault {
    min-height: 670px;
    padding: 35px 27px;
  }

  .mb-rewards__vault-copy {
    width: 100%;
  }

  .mb-rewards__amount strong {
    font-size: 64px;
    letter-spacing: -3px;
  }

  .mb-rewards__spins strong {
    font-size: 55px;
  }

  .mb-rewards__vault-text {
    max-width: none;
  }

  .mb-rewards__vault-art {
    right: 50%;
    bottom: 12px;
    width: 300px;
    height: 300px;
    transform: translateX(50%) scale(0.83);
    transform-origin: bottom center;
  }

  .mb-rewards__benefits {
    grid-template-columns: 1fr;
  }

  .mb-rewards__benefit {
    display: flex;
    min-height: 0;
    gap: 20px;
    align-items: flex-start;
  }

  .mb-rewards__benefit-icon {
    flex: 0 0 52px;
    margin-bottom: 0;
  }

  .mb-rewards__journey {
    padding: 28px 25px;
  }

  .mb-rewards__path {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
  }

  .mb-rewards__path::before {
    display: none;
  }
}

@media (max-width: 480px) {

  .mb-rewards__header h2 {
    font-size: 36px;
  }

  .mb-rewards__vault {
    min-height: 650px;
    border-radius: 27px;
  }

  .mb-rewards__amount strong {
    font-size: 54px;
  }

  .mb-rewards__spins strong {
    font-size: 48px;
  }

  .mb-rewards__spins span {
    font-size: 22px;
  }

  .mb-rewards__benefit {
    display: block;
  }

  .mb-rewards__benefit-icon {
    margin-bottom: 20px;
  }

  .mb-rewards__path {
    grid-template-columns: 1fr;
  }

  .mb-rewards__path-item {
    padding-left: 38px;
  }

  .mb-rewards__path-dot {
    position: absolute;
    top: 0;
    left: 0;
  }

  .mb-rewards__path-item small {
    max-width: none;
  }
}

/* ==================================================
           REWARDS & VIP PROGRAMME END
================================================== */
/* ==================================================
                 WHY MRBEAST GAMES START
================================================== */

.mb-why,
.mb-why * {
  box-sizing: border-box;
}

.mb-why {
  --mb-cyan: #20d8ff;
  --mb-yellow: #ffd43b;
  --mb-pink: #ff48b6;
  --mb-purple: #7657ff;
  --mb-dark: #07152f;
  --mb-card: #102452;
  --mb-text: #ffffff;
  --mb-muted: #afc4df;

  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 110px 0;
  color: var(--mb-text);
  background:
    radial-gradient(
      circle at 0% 15%,
      rgba(32, 216, 255, 0.18),
      transparent 32%
    ),
    radial-gradient(
      circle at 100% 65%,
      rgba(255, 72, 182, 0.16),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #07182f 0%,
      #101746 48%,
      #24134e 100%
    );
}

.mb-why::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: 0.23;
  background-image:
    linear-gradient(
      rgba(68, 151, 231, 0.18) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(68, 151, 231, 0.18) 1px,
      transparent 1px
    );
  background-size: 48px 48px;
  pointer-events: none;
}

.mb-why__glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(110px);
  opacity: 0.22;
  pointer-events: none;
}

.mb-why__glow--cyan {
  top: 180px;
  left: -250px;
  background: var(--mb-cyan);
}

.mb-why__glow--pink {
  right: -230px;
  bottom: 300px;
  background: var(--mb-pink);
}

.mb-why__header {
  width: min(870px, 100%);
  margin: 0 auto 52px;
  text-align: center;
}

.mb-why__eyebrow,
.mb-why__card-label {
  margin: 0 0 14px;
  color: var(--mb-cyan);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.mb-why__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.mb-why__eyebrow::before,
.mb-why__eyebrow::after {
  width: 36px;
  height: 2px;
  content: "";
  background: var(--mb-cyan);
}

.mb-why__header h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 5.7vw, 76px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -2.7px;
  text-transform: uppercase;
  text-shadow: 0 8px 0 rgba(2, 10, 29, 0.5);
}

.mb-why__header h2 span {
  display: block;
  color: var(--mb-yellow);
}

.mb-why__intro {
  max-width: 760px;
  margin: 26px auto 0;
  color: var(--mb-muted);
  font-size: 18px;
  line-height: 1.75;
}


/* ==================================================
                      PROVIDERS
================================================== */

.mb-why__providers,
.mb-why__mobile,
.mb-why__payments {
  position: relative;
  border: 1px solid rgba(117, 169, 226, 0.28);
  border-radius: 34px;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.mb-why__providers {
  padding: 42px;
  background:
    linear-gradient(
      135deg,
      rgba(14, 45, 85, 0.96),
      rgba(39, 28, 91, 0.96)
    );
}

.mb-why__providers::after {
  position: absolute;
  top: -7px;
  right: 50px;
  width: 76px;
  height: 14px;
  border-radius: 20px;
  content: "";
  background: var(--mb-yellow);
  box-shadow:
    94px 0 0 var(--mb-pink),
    -94px 0 0 var(--mb-cyan);
}

.mb-why__providers-heading,
.mb-why__payments-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
  gap: 45px;
  align-items: end;
  margin-bottom: 34px;
}

.mb-why__providers-heading h3,
.mb-why__mobile h3,
.mb-why__payments-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(29px, 3.4vw, 46px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1.3px;
}

.mb-why__providers-heading > p,
.mb-why__payments-heading > p,
.mb-why__mobile-copy > p {
  margin: 0;
  color: var(--mb-muted);
  font-size: 16px;
  line-height: 1.75;
}

.mb-why__provider-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.mb-why__provider {
  display: flex;
  min-width: 0;
  min-height: 126px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 14px 14px;
  border: 1px solid rgba(91, 157, 217, 0.25);
  border-radius: 20px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(224, 238, 255, 0.94)
    );
  box-shadow:
    0 8px 0 rgba(2, 10, 29, 0.42),
    0 15px 24px rgba(0, 0, 0, 0.15);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.mb-why__provider:hover {
  transform: translateY(-5px);
  box-shadow:
    0 12px 0 rgba(2, 10, 29, 0.4),
    0 20px 30px rgba(0, 0, 0, 0.2);
}

.mb-why__provider:nth-child(4n + 1) {
  border-top: 4px solid var(--mb-cyan);
}

.mb-why__provider:nth-child(4n + 2) {
  border-top: 4px solid var(--mb-yellow);
}

.mb-why__provider:nth-child(4n + 3) {
  border-top: 4px solid var(--mb-pink);
}

.mb-why__provider:nth-child(4n + 4) {
  border-top: 4px solid var(--mb-purple);
}

.mb-why__provider img {
  display: block;
  width: auto;
  max-width: 138px;
  height: 48px;
  margin: auto;
  object-fit: contain;
}

.mb-why__provider span {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  color: #0b1b3c;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mb-why__providers-note {
  margin: 26px 0 0;
  color: #90aaca;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}


/* ==================================================
                    MOBILE CASINO
================================================== */

.mb-why__mobile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 50px;
  min-height: 530px;
  align-items: center;
  margin-top: 28px;
  padding: 52px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 85% 50%,
      rgba(32, 216, 255, 0.2),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      rgba(25, 28, 82, 0.97),
      rgba(65, 25, 90, 0.97)
    );
}

.mb-why__mobile::before {
  position: absolute;
  right: -70px;
  bottom: -130px;
  width: 430px;
  height: 430px;
  border: 70px solid rgba(255, 72, 182, 0.09);
  border-radius: 50%;
  content: "";
}

.mb-why__mobile-copy {
  position: relative;
  z-index: 2;
}

.mb-why__mobile-copy > p {
  max-width: 650px;
  margin-top: 20px;
}

.mb-why__mobile-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-top: 30px;
}

.mb-why__mobile-feature {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(116, 169, 225, 0.25);
  border-radius: 18px;
  background: rgba(5, 20, 54, 0.65);
}

.mb-why__mobile-feature > span {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 13px;
  place-items: center;
  border-radius: 13px;
  color: #07152f;
  font-size: 18px;
  background: var(--mb-cyan);
  box-shadow: 0 6px 0 #0785aa;
}

.mb-why__mobile-feature:nth-child(2) > span {
  background: var(--mb-yellow);
  box-shadow: 0 6px 0 #bf7900;
}

.mb-why__mobile-feature:nth-child(3) > span {
  background: var(--mb-pink);
  box-shadow: 0 6px 0 #a61970;
}

.mb-why__mobile-feature strong,
.mb-why__mobile-feature small {
  display: block;
}

.mb-why__mobile-feature strong {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.35;
}

.mb-why__mobile-feature small {
  margin-top: 5px;
  color: #8fa7c7;
  font-size: 11px;
  line-height: 1.45;
}

.mb-why__phone-wrap {
  position: relative;
  display: flex;
  min-height: 425px;
  align-items: center;
  justify-content: center;
}

.mb-why__phone {
  position: relative;
  z-index: 2;
  width: 236px;
  padding: 13px;
  border: 4px solid #8a71ff;
  border-radius: 40px;
  background: #050d24;
  box-shadow:
    0 18px 0 #03091b,
    0 30px 50px rgba(0, 0, 0, 0.42),
    0 0 45px rgba(32, 216, 255, 0.22);
  transform: rotate(5deg);
  animation: mbPhoneFloat 4.5s ease-in-out infinite;
}

.mb-why__phone-speaker {
  width: 68px;
  height: 7px;
  margin: 2px auto 10px;
  border-radius: 10px;
  background: #273458;
}

.mb-why__phone-screen {
  min-height: 355px;
  padding: 24px 13px 15px;
  overflow: hidden;
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(255, 72, 182, 0.38),
      transparent 32%
    ),
    linear-gradient(
      160deg,
      #0c294e,
      #17124d
    );
}

.mb-why__phone-logo {
  display: block;
  width: 132px;
  height: auto;
  margin: 0 auto 18px;
}

.mb-why__phone-screen > p {
  margin: 0 0 13px;
  color: var(--mb-yellow);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-align: center;
}

.mb-why__phone-games {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.mb-why__phone-game {
  overflow: hidden;
  aspect-ratio: 0.82;
  border: 1px solid rgba(32, 216, 255, 0.55);
  border-radius: 13px;
  background: #17234f;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
}

.mb-why__phone-game img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mb-why__phone-navigation {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}

.mb-why__phone-navigation span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7081a8;
}

.mb-why__phone-navigation span:first-child {
  background: var(--mb-cyan);
  box-shadow: 0 0 10px var(--mb-cyan);
}

.mb-why__phone-coin {
  position: absolute;
  z-index: 3;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 5px solid #ffdc5d;
  border-radius: 50%;
  color: #5d3900;
  font-size: 25px;
  font-weight: 900;
  background: var(--mb-yellow);
  box-shadow: 0 9px 0 #b86d00;
}

.mb-why__phone-coin--one {
  top: 70px;
  left: 18px;
  transform: rotate(-14deg);
}

.mb-why__phone-coin--two {
  right: 3px;
  bottom: 50px;
  transform: rotate(12deg);
}

.mb-why__phone-spark {
  position: absolute;
  z-index: 3;
  color: var(--mb-pink);
  font-size: 36px;
  text-shadow: 0 0 16px currentColor;
  animation: mbSparkPulse 2s ease-in-out infinite;
}

.mb-why__phone-spark--one {
  top: 22px;
  right: 42px;
}

.mb-why__phone-spark--two {
  bottom: 8px;
  left: 45px;
  color: var(--mb-cyan);
  animation-delay: 0.8s;
}


/* ==================================================
                       PAYMENTS
================================================== */

.mb-why__payments {
  margin-top: 28px;
  padding: 48px;
  background:
    radial-gradient(
      circle at 0% 100%,
      rgba(32, 216, 255, 0.13),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      rgba(8, 31, 64, 0.98),
      rgba(31, 23, 76, 0.98)
    );
}

.mb-why__payment-switcher {
  position: relative;
}

.mb-why__payment-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.mb-why__payment-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 660px;
  margin: 0 auto 24px;
  padding: 8px;
  border: 1px solid rgba(100, 158, 219, 0.25);
  border-radius: 24px;
  background: rgba(3, 15, 42, 0.75);
}

.mb-why__payment-tab {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 0;
  padding: 14px 22px;
  border: 2px solid transparent;
  border-radius: 18px;
  color: #b8c8df;
  cursor: pointer;
  transition:
    color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.mb-why__payment-tab:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.mb-why__payment-tab-icon {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  place-items: center;
  border-radius: 13px;
  color: #06142c;
  background: #7185aa;
}

.mb-why__payment-tab strong,
.mb-why__payment-tab small {
  display: block;
}

.mb-why__payment-tab strong {
  font-size: 16px;
  line-height: 1.2;
}

.mb-why__payment-tab small {
  margin-top: 3px;
  color: inherit;
  font-size: 11px;
  opacity: 0.72;
}

#mb-payment-deposit:checked
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--deposit {
  color: #07152f;
  background: var(--mb-yellow);
  box-shadow: 0 7px 0 #bb7400;
  transform: translateY(-3px);
}

#mb-payment-deposit:checked
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--deposit
  .mb-why__payment-tab-icon {
  color: #ffffff;
  background: #10295a;
}

#mb-payment-withdrawal:checked
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--withdrawal {
  color: #ffffff;
  background: var(--mb-pink);
  box-shadow: 0 7px 0 #9d1468;
  transform: translateY(-3px);
}

#mb-payment-withdrawal:checked
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--withdrawal
  .mb-why__payment-tab-icon {
  color: #ffffff;
  background: #31104a;
}

#mb-payment-deposit:focus-visible
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--deposit,
#mb-payment-withdrawal:focus-visible
  ~ .mb-why__payment-tabs
  .mb-why__payment-tab--withdrawal {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
}

.mb-why__payment-panel {
  display: none;
  padding: 30px;
  border: 1px solid rgba(99, 160, 221, 0.25);
  border-radius: 27px;
  background: rgba(4, 18, 49, 0.72);
}

#mb-payment-deposit:checked
  ~ .mb-why__payment-panels
  .mb-why__payment-panel--deposit,
#mb-payment-withdrawal:checked
  ~ .mb-why__payment-panels
  .mb-why__payment-panel--withdrawal {
  display: block;
  animation: mbPanelReveal 0.35s ease;
}

.mb-why__panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 24px;
}

.mb-why__panel-heading > div {
  display: flex;
  align-items: center;
  gap: 11px;
}

.mb-why__panel-heading strong {
  color: #ffffff;
  font-size: 18px;
}

.mb-why__panel-heading p {
  max-width: 510px;
  margin: 0;
  color: #91a9c7;
  font-size: 13px;
  line-height: 1.55;
  text-align: right;
}

.mb-why__status-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 50%;
  background: var(--mb-cyan);
  box-shadow: 0 0 14px var(--mb-cyan);
}

.mb-why__status-dot--pink {
  background: var(--mb-pink);
  box-shadow: 0 0 14px var(--mb-pink);
}

.mb-why__method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.mb-why__method {
  display: flex;
  min-width: 0;
  min-height: 92px;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(106, 164, 223, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(15, 39, 78, 0.96),
      rgba(13, 27, 64, 0.96)
    );
  box-shadow: 0 7px 0 rgba(1, 8, 26, 0.45);
}

.mb-why__method-icon {
  display: grid;
  width: 62px;
  height: 52px;
  flex: 0 0 62px;
  place-items: center;
  padding: 7px;
  overflow: hidden;
  border-radius: 13px;
  color: #172545;
  font-size: 31px;
  background: #ffffff;
}

.mb-why__method-icon img {
  display: block;
  width: 100%;
  max-width: 51px;
  height: 34px;
  object-fit: contain;
}

.mb-why__method-icon--dark {
  color: #ffffff;
  background: #050505;
}

.mb-why__method-icon--paypal {
  color: #0876bc;
}

.mb-why__method-icon--paysafe {
  color: #173516;
  background: #a9e65c;
}

.mb-why__method-icon--paysafe b {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: -0.4px;
}

.mb-why__method > div:last-child {
  min-width: 0;
}

.mb-why__method strong,
.mb-why__method small {
  display: block;
}

.mb-why__method strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.3;
  text-overflow: ellipsis;
}

.mb-why__method small {
  margin-top: 5px;
  color: #8fa6c4;
  font-size: 11px;
  line-height: 1.35;
}

.mb-why__payment-notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 22px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 212, 59, 0.3);
  border-radius: 18px;
  background: rgba(255, 212, 59, 0.07);
}

.mb-why__payment-notice > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 12px;
  color: #07152f;
  background: var(--mb-yellow);
}

.mb-why__payment-notice p {
  margin: 0;
  color: #b7c8de;
  font-size: 13px;
  line-height: 1.65;
}


/* ==================================================
                       ANIMATIONS
================================================== */

@keyframes mbPhoneFloat {
  0%,
  100% {
    transform: rotate(5deg) translateY(0);
  }

  50% {
    transform: rotate(3deg) translateY(-12px);
  }
}

@keyframes mbSparkPulse {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.85) rotate(0deg);
  }

  50% {
    opacity: 1;
    transform: scale(1.15) rotate(18deg);
  }
}

@keyframes mbPanelReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ==================================================
                       RESPONSIVE
================================================== */

@media (max-width: 1199px) {

  .mb-why__provider-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mb-why__mobile {
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 25px;
    padding: 42px;
  }

  .mb-why__mobile-features {
    grid-template-columns: 1fr;
  }

  .mb-why__phone-wrap {
    min-height: 410px;
  }

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

}

@media (max-width: 991px) {

  .mb-why {
    padding: 90px 0;
  }

  .mb-why__providers-heading,
  .mb-why__payments-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

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

  .mb-why__mobile {
    grid-template-columns: 1fr;
    padding: 42px;
  }

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

  .mb-why__phone-wrap {
    min-height: 440px;
    margin-top: 15px;
  }

}

@media (max-width: 767px) {

  .mb-why {
    padding: 75px 0;
  }

  .mb-why__header {
    margin-bottom: 38px;
  }

  .mb-why__header h2 {
    font-size: clamp(37px, 11vw, 56px);
    letter-spacing: -1.5px;
  }

  .mb-why__intro {
    font-size: 16px;
  }

  .mb-why__providers,
  .mb-why__mobile,
  .mb-why__payments {
    padding: 28px 20px;
    border-radius: 25px;
  }

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

  .mb-why__provider {
    min-height: 112px;
    padding: 14px 9px 11px;
    border-radius: 16px;
  }

  .mb-why__provider img {
    max-width: 112px;
    height: 40px;
  }

  .mb-why__provider span {
    font-size: 10px;
  }

  .mb-why__mobile-features {
    grid-template-columns: 1fr;
  }

  .mb-why__payment-tabs {
    gap: 8px;
    padding: 6px;
  }

  .mb-why__payment-tab {
    min-height: 68px;
    gap: 8px;
    padding: 11px 8px;
  }

  .mb-why__payment-tab-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

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

  .mb-why__payment-tab small {
    font-size: 9px;
  }

  .mb-why__payment-panel {
    padding: 20px 14px;
    border-radius: 20px;
  }

  .mb-why__panel-heading {
    display: block;
  }

  .mb-why__panel-heading p {
    margin-top: 10px;
    text-align: left;
  }

  .mb-why__method-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 420px) {

  .mb-why__phone {
    width: 218px;
  }

  .mb-why__phone-coin--one {
    left: -2px;
  }

  .mb-why__phone-coin--two {
    right: -5px;
  }

  .mb-why__payment-tab-icon {
    display: none;
  }

}

@media (prefers-reduced-motion: reduce) {

  .mb-why__phone,
  .mb-why__phone-spark,
  .mb-why__payment-panel {
    animation: none !important;
  }

  .mb-why__provider,
  .mb-why__payment-tab {
    transition: none;
  }

}

/* ==================================================
                  WHY MRBEAST GAMES END
================================================== */
/* ==================================================
             EXPANDED PAYMENT METHODS START
================================================== */

/* Payment Groups */
.mb-why__method-group + .mb-why__method-group {
  margin-top: 32px;
}

.mb-why__method-group {
  padding: 22px;
  border: 1px solid rgba(101, 161, 222, 0.2);
  border-radius: 23px;
  background: rgba(8, 27, 61, 0.48);
}

.mb-why__method-group--crypto {
  border-color: rgba(118, 87, 255, 0.34);
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(118, 87, 255, 0.15),
      transparent 34%
    ),
    rgba(8, 22, 57, 0.65);
}

.mb-why__method-group-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.mb-why__method-group-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border-radius: 14px;
  color: #07152f;
  font-size: 18px;
  background: #20d8ff;
  box-shadow: 0 6px 0 #087fa5;
}

.mb-why__method-group-icon--crypto {
  color: #ffffff;
  background: #7657ff;
  box-shadow: 0 6px 0 #3c269f;
}

.mb-why__method-group-heading > div {
  min-width: 0;
}

.mb-why__method-group-heading strong,
.mb-why__method-group-heading small {
  display: block;
}

.mb-why__method-group-heading strong {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.3;
}

.mb-why__method-group-heading small {
  margin-top: 4px;
  color: #8fa8c8;
  font-size: 12px;
  line-height: 1.4;
}

.mb-why__method-count {
  margin-left: auto;
  padding: 7px 12px;
  border: 1px solid rgba(32, 216, 255, 0.45);
  border-radius: 30px;
  color: #20d8ff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1.2px;
}

.mb-why__method-count--crypto {
  border-color: rgba(255, 72, 182, 0.55);
  color: #ff65c1;
}


/* Expanded Crypto Grid */
.mb-why__method-grid--crypto {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mb-why__method--crypto {
  border-color: rgba(118, 87, 255, 0.33);
  background:
    linear-gradient(
      145deg,
      rgba(26, 37, 91, 0.98),
      rgba(28, 21, 72, 0.98)
    );
}

.mb-why__method--crypto:nth-child(3n + 1) {
  border-top: 2px solid #20d8ff;
}

.mb-why__method--crypto:nth-child(3n + 2) {
  border-top: 2px solid #7657ff;
}

.mb-why__method--crypto:nth-child(3n + 3) {
  border-top: 2px solid #ff48b6;
}


/* Payment Icons */
.mb-why__method-icon--apple {
  color: #ffffff;
  background: #050505;
}

.mb-why__method-icon--bank {
  border: 1px solid rgba(32, 216, 255, 0.55);
  background:
    linear-gradient(
      135deg,
      #19447f,
      #17265a
    );
}

.mb-why__method-icon--bank img {
  width: 100%;
  max-width: 54px;
  height: 35px;
  object-fit: contain;
}

.mb-why__method-icon--crypto {
  border: 1px solid rgba(118, 87, 255, 0.48);
  background:
    linear-gradient(
      145deg,
      #192650,
      #111832
    );
  box-shadow:
    inset 0 0 15px rgba(118, 87, 255, 0.15),
    0 5px 12px rgba(0, 0, 0, 0.2);
}

.mb-why__method-icon--crypto img {
  width: 100%;
  max-width: 52px;
  height: 36px;
  object-fit: contain;
}


/* Payment Notices */
.mb-why__payment-notices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.mb-why__payment-notices .mb-why__payment-notice {
  margin-top: 0;
}

.mb-why__payment-notice--crypto {
  border-color: rgba(118, 87, 255, 0.42);
  background: rgba(118, 87, 255, 0.09);
}

.mb-why__payment-notice--crypto > span {
  color: #ffffff;
  background: #7657ff;
}

.mb-why__payment-footnote {
  max-width: 900px;
  margin: 18px auto 0;
  color: #7f99bc;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}


/* Responsive Expanded Payments */
@media (max-width: 1199px) {

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

}

@media (max-width: 991px) {

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

  .mb-why__payment-notices {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 767px) {

  .mb-why__method-group {
    padding: 16px 12px;
    border-radius: 18px;
  }

  .mb-why__method-group-heading {
    align-items: flex-start;
  }

  .mb-why__method-count {
    display: none;
  }

  .mb-why__method-grid--crypto {
    grid-template-columns: 1fr;
  }

  .mb-why__method-group-heading strong {
    font-size: 15px;
  }

  .mb-why__method-group-heading small {
    font-size: 11px;
  }

}

/* ==================================================
              EXPANDED PAYMENT METHODS END
================================================== */
/* Original Visa and Mastercard logo from the old template */
.mb-why__method-icon--cards {
  width: 78px;
  flex-basis: 78px;
  padding: 8px;
  border: 1px solid rgba(32, 216, 255, 0.4);
  background: linear-gradient(
    135deg,
    #172d60,
    #0c1739
  );
}

.mb-why__method-icon--cards img {
  width: 100%;
  max-width: 68px;
  height: 32px;
  object-fit: contain;
}
/* Dark background for the original white CashToCode logo */
.mb-why__method-icon--cash2code {
  border: 1px solid rgba(255, 72, 182, 0.55);
  background: linear-gradient(
    135deg,
    #6d236f,
    #2f174f
  );
}

.mb-why__method-icon--cash2code img {
  width: 100%;
  max-width: 55px;
  height: 35px;
  object-fit: contain;
}
/* ==================================================
          FINAL PAYMENT ICON BACKGROUNDS START
================================================== */

/* Uniform size for every payment icon */
.mb-why__method-icon,
.mb-why__method-icon--cards {
  display: grid;
  width: 78px;
  height: 64px;
  flex: 0 0 78px;
  place-items: center;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(32, 216, 255, 0.45);
  border-radius: 17px;
  color: #102451;
  font-size: 34px;
  background: linear-gradient(
    135deg,
    #8fd8ff,
    #a9bcff
  );
  box-shadow:
    0 6px 0 rgba(4, 13, 39, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.mb-why__method-icon img,
.mb-why__method-icon--cards img {
  display: block;
  width: 100%;
  max-width: 64px;
  height: 38px;
  object-fit: contain;
}


/* Visa and Mastercard */
.mb-why__method-icon--cards {
  border-color: rgba(32, 216, 255, 0.7);
  background: linear-gradient(
    135deg,
    #183b75,
    #111d48
  );
}


/* Apple Pay */
.mb-why__method-icon--apple {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(
    135deg,
    #161616,
    #000000
  );
}


/* Google Pay */
.mb-why__method-icon:has(.fa-google-pay) {
  color: #162b55;
  border-color: rgba(61, 132, 220, 0.45);
  background: linear-gradient(
    135deg,
    #a8e4ff,
    #b8caff
  );
}


/* PayPal */
.mb-why__method-icon--paypal {
  color: #0878bd;
  border-color: rgba(0, 122, 193, 0.55);
  background: linear-gradient(
    135deg,
    #8cddff,
    #9abaff
  );
}


/* Skrill */
.mb-why__method-icon:has(img[src*="skrill.svg"]) {
  border-color: rgba(202, 65, 184, 0.55);
  background: linear-gradient(
    135deg,
    #ffd1f1,
    #d9b3ff
  );
}


/* Neteller */
.mb-why__method-icon:has(img[src*="neteller.svg"]) {
  border-color: rgba(112, 190, 57, 0.65);
  background: linear-gradient(
    135deg,
    #dcffa4,
    #a7ed82
  );
}


/* Open Banking and Bank Transfer */
.mb-why__method-icon--bank {
  border-color: rgba(32, 216, 255, 0.75);
  background: linear-gradient(
    135deg,
    #235398,
    #17275f
  );
}


/* PaysafeCard */
.mb-why__method-icon--paysafe {
  color: #173516;
  border-color: rgba(165, 233, 83, 0.7);
  background: linear-gradient(
    135deg,
    #b9f868,
    #8fd83d
  );
}


/* CashToCode */
.mb-why__method-icon--cash2code {
  border-color: rgba(255, 72, 182, 0.75);
  background: linear-gradient(
    135deg,
    #8f2b88,
    #47185f
  );
}


/* All cryptocurrency icons */
.mb-why__method-icon--crypto {
  border-color: rgba(118, 87, 255, 0.65);
  background: linear-gradient(
    145deg,
    #28396f,
    #171c48
  );
  box-shadow:
    0 6px 0 rgba(4, 10, 31, 0.48),
    inset 0 0 18px rgba(118, 87, 255, 0.18);
}

.mb-why__method-icon--crypto img {
  width: 100%;
  max-width: 62px;
  height: 38px;
  object-fit: contain;
}


/* Mobile icon sizing */
@media (max-width: 575px) {

  .mb-why__method-icon,
  .mb-why__method-icon--cards {
    width: 68px;
    height: 58px;
    flex-basis: 68px;
    padding: 8px;
    border-radius: 15px;
  }

  .mb-why__method-icon img,
  .mb-why__method-icon--cards img,
  .mb-why__method-icon--crypto img {
    max-width: 55px;
    height: 34px;
  }

}

/* ==================================================
           FINAL PAYMENT ICON BACKGROUNDS END
================================================== */
/* ==================================================
                  ABOUT MRBEAST GAMES START
================================================== */

.mb-about,
.mb-about * {
  box-sizing: border-box;
}

.mb-about {
  --about-cyan: #20d8ff;
  --about-pink: #ff48b6;
  --about-yellow: #ffd43b;
  --about-purple: #7657ff;
  --about-green: #78e763;
  --about-dark: #06142e;
  --about-card: #102551;
  --about-muted: #adc1dc;

  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 110px 0;
  color: #ffffff;
  background:
    radial-gradient(
      circle at 8% 30%,
      rgba(32, 216, 255, 0.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 95% 70%,
      rgba(255, 72, 182, 0.16),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #06152e 0%,
      #111944 48%,
      #21124b 100%
    );
}

.mb-about::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: 0.23;
  background-image:
    linear-gradient(
      rgba(79, 152, 226, 0.16) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(79, 152, 226, 0.16) 1px,
      transparent 1px
    );
  background-size: 52px 52px;
  pointer-events: none;
}

.mb-about::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: linear-gradient(
    90deg,
    var(--about-cyan),
    var(--about-purple),
    var(--about-pink),
    var(--about-yellow)
  );
}

.mb-about__glow {
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  opacity: 0.2;
  filter: blur(110px);
  pointer-events: none;
}

.mb-about__glow--cyan {
  top: 240px;
  left: -270px;
  background: var(--about-cyan);
}

.mb-about__glow--pink {
  right: -260px;
  bottom: 220px;
  background: var(--about-pink);
}


/* Section Heading */
.mb-about__header {
  max-width: 950px;
  margin: 0 auto 52px;
  text-align: center;
}

.mb-about__eyebrow,
.mb-about__label {
  margin: 0 0 14px;
  color: var(--about-cyan);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 2.3px;
  text-transform: uppercase;
}

.mb-about__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.mb-about__eyebrow::before,
.mb-about__eyebrow::after {
  width: 38px;
  height: 2px;
  content: "";
  background: var(--about-cyan);
}

.mb-about__header h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 5.5vw, 74px);
  font-weight: 900;
  line-height: 0.99;
  letter-spacing: -2.7px;
  text-transform: uppercase;
  text-shadow: 0 8px 0 rgba(2, 8, 25, 0.48);
}

.mb-about__header h2 span {
  display: block;
  color: var(--about-yellow);
}

.mb-about__header > p:last-child {
  max-width: 820px;
  margin: 25px auto 0;
  color: var(--about-muted);
  font-size: 18px;
  line-height: 1.75;
}


/* Main Story */
.mb-about__story {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 25px;
}

.mb-about__copy,
.mb-about__showcase {
  position: relative;
  min-width: 0;
  min-height: 590px;
  border: 1px solid rgba(101, 163, 222, 0.3);
  border-radius: 34px;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.mb-about__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(32, 216, 255, 0.13),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(14, 42, 81, 0.98),
      rgba(25, 25, 75, 0.98)
    );
}

.mb-about__copy::after {
  position: absolute;
  top: 38px;
  right: 38px;
  width: 52px;
  height: 52px;
  border: 12px solid rgba(255, 72, 182, 0.33);
  border-radius: 14px;
  content: "";
  transform: rotate(18deg);
}

.mb-about__copy h3 {
  max-width: 650px;
  margin: 0 0 23px;
  color: #ffffff;
  font-size: clamp(31px, 3.5vw, 48px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1.4px;
}

.mb-about__copy > p:not(.mb-about__label) {
  margin: 0 0 17px;
  color: var(--about-muted);
  font-size: 16px;
  line-height: 1.75;
}

.mb-about__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.mb-about__tags span {
  padding: 9px 13px;
  border: 1px solid rgba(32, 216, 255, 0.35);
  border-radius: 30px;
  color: #d8e9ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.35px;
  background: rgba(4, 20, 51, 0.68);
}

.mb-about__tags span:nth-child(2) {
  border-color: rgba(255, 72, 182, 0.45);
}

.mb-about__tags span:nth-child(3) {
  border-color: rgba(255, 212, 59, 0.48);
}

.mb-about__tags span:nth-child(4) {
  border-color: rgba(118, 87, 255, 0.55);
}

.mb-about__tags span:nth-child(5) {
  border-color: rgba(120, 231, 99, 0.45);
}


/* Visual Showcase */
.mb-about__showcase {
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding: 42px;
  overflow: hidden;
  isolation: isolate;
  background-image:
    linear-gradient(
      180deg,
      rgba(4, 12, 38, 0.1),
      rgba(5, 13, 42, 0.92)
    ),
    url("../images/slider-main/mrbeast-hero.webp");
  background-position: 68% center;
  background-size: cover;
}

.mb-about__showcase-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      135deg,
      rgba(3, 14, 38, 0.12),
      rgba(35, 15, 81, 0.35)
    );
}

.mb-about__showcase-content {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  background: rgba(5, 16, 47, 0.8);
  box-shadow:
    0 16px 35px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.mb-about__showcase-content > img {
  display: block;
  width: 180px;
  max-width: 70%;
  height: auto;
  margin-bottom: 21px;
}

.mb-about__showcase-content > p {
  margin: 0 0 5px;
  color: var(--about-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2.6px;
}

.mb-about__showcase-content > strong {
  display: block;
  color: #ffffff;
  font-size: clamp(36px, 4vw, 57px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -2px;
  text-shadow: 0 6px 0 rgba(0, 0, 0, 0.45);
}

.mb-about__showcase-content > strong span {
  display: block;
  color: var(--about-yellow);
}

.mb-about__showcase-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 20px;
}

.mb-about__showcase-pills span {
  padding: 7px 10px;
  border-radius: 20px;
  color: #07152f;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.8px;
  background: var(--about-cyan);
}

.mb-about__showcase-pills span:nth-child(2) {
  background: var(--about-pink);
}

.mb-about__showcase-pills span:nth-child(3) {
  background: var(--about-yellow);
}

.mb-about__showcase-pills span:nth-child(4) {
  color: #ffffff;
  background: var(--about-purple);
}

.mb-about__coin {
  position: absolute;
  z-index: 4;
  display: grid;
  width: 65px;
  height: 65px;
  place-items: center;
  border: 5px solid #ffe46f;
  border-radius: 50%;
  color: #5d3600;
  font-size: 25px;
  font-weight: 900;
  background: var(--about-yellow);
  box-shadow: 0 9px 0 #b76c00;
}

.mb-about__coin--one {
  top: 48px;
  left: 34px;
  transform: rotate(-14deg);
}

.mb-about__coin--two {
  top: 112px;
  right: 30px;
  transform: rotate(12deg);
}

.mb-about__spark {
  position: absolute;
  z-index: 4;
  color: var(--about-pink);
  font-size: 38px;
  text-shadow: 0 0 17px currentColor;
  animation: mbAboutSpark 2.2s ease-in-out infinite;
}

.mb-about__spark--one {
  top: 28px;
  right: 130px;
}

.mb-about__spark--two {
  top: 155px;
  left: 40px;
  color: var(--about-cyan);
  animation-delay: 0.7s;
}


/* Advantages Heading */
.mb-about__advantages-heading {
  max-width: 790px;
  margin: 72px auto 35px;
  text-align: center;
}

.mb-about__advantages-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(33px, 4vw, 51px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1.5px;
}

.mb-about__advantages-heading > p:last-child {
  margin: 17px auto 0;
  color: var(--about-muted);
  font-size: 16px;
  line-height: 1.7;
}


/* Advantages Grid */
.mb-about__advantages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mb-about__advantage {
  position: relative;
  min-width: 0;
  min-height: 245px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(103, 164, 223, 0.28);
  border-radius: 25px;
  background:
    linear-gradient(
      145deg,
      rgba(17, 44, 86, 0.97),
      rgba(20, 25, 70, 0.97)
    );
  box-shadow:
    0 10px 0 rgba(2, 9, 29, 0.45),
    0 20px 35px rgba(0, 0, 0, 0.16);
}

.mb-about__advantage::after {
  position: absolute;
  right: -35px;
  bottom: -35px;
  width: 110px;
  height: 110px;
  border: 24px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
  content: "";
}

.mb-about__advantage--cyan {
  border-top: 4px solid var(--about-cyan);
}

.mb-about__advantage--pink {
  border-top: 4px solid var(--about-pink);
}

.mb-about__advantage--yellow {
  border-top: 4px solid var(--about-yellow);
}

.mb-about__advantage--purple {
  border-top: 4px solid var(--about-purple);
}

.mb-about__advantage--blue {
  border-top: 4px solid #4b9eff;
}

.mb-about__advantage--green {
  border-top: 4px solid var(--about-green);
}

.mb-about__advantage-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin-bottom: 21px;
  place-items: center;
  border-radius: 17px;
  color: #07152f;
  font-size: 23px;
  background: var(--about-cyan);
  box-shadow: 0 7px 0 #0982a8;
}

.mb-about__advantage--pink .mb-about__advantage-icon {
  color: #ffffff;
  background: var(--about-pink);
  box-shadow: 0 7px 0 #a51d70;
}

.mb-about__advantage--yellow .mb-about__advantage-icon {
  background: var(--about-yellow);
  box-shadow: 0 7px 0 #b97300;
}

.mb-about__advantage--purple .mb-about__advantage-icon {
  color: #ffffff;
  background: var(--about-purple);
  box-shadow: 0 7px 0 #3c269f;
}

.mb-about__advantage--blue .mb-about__advantage-icon {
  color: #ffffff;
  background: #4b9eff;
  box-shadow: 0 7px 0 #1760b5;
}

.mb-about__advantage--green .mb-about__advantage-icon {
  background: var(--about-green);
  box-shadow: 0 7px 0 #319e31;
}

.mb-about__advantage h4 {
  margin: 0;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.25;
}

.mb-about__advantage p {
  margin: 11px 0 0;
  color: #a9bdd7;
  font-size: 14px;
  line-height: 1.65;
}


/* Final Summary */
.mb-about__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: 34px;
  padding: 29px 34px;
  border: 1px solid rgba(255, 212, 59, 0.38);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 212, 59, 0.1),
      rgba(255, 72, 182, 0.08),
      rgba(118, 87, 255, 0.12)
    );
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.mb-about__summary-title {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mb-about__summary-title > span {
  display: grid;
  width: 53px;
  height: 53px;
  flex: 0 0 53px;
  place-items: center;
  border-radius: 16px;
  color: #07152f;
  font-size: 22px;
  background: var(--about-yellow);
  box-shadow: 0 7px 0 #b97300;
}

.mb-about__summary-title small,
.mb-about__summary-title strong {
  display: block;
}

.mb-about__summary-title small {
  color: var(--about-cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.4px;
}

.mb-about__summary-title strong {
  margin-top: 5px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.25;
}

.mb-about__summary-points {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.mb-about__summary-points span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid rgba(120, 231, 99, 0.3);
  border-radius: 30px;
  color: #d4e4f7;
  font-size: 11px;
  font-weight: 700;
  background: rgba(4, 18, 48, 0.5);
}

.mb-about__summary-points i {
  color: var(--about-green);
}


/* Animation */
@keyframes mbAboutSpark {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.86) rotate(0deg);
  }

  50% {
    opacity: 1;
    transform: scale(1.16) rotate(18deg);
  }
}


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

  .mb-about__story {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.8fr);
  }

  .mb-about__copy {
    padding: 42px;
  }

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

}

@media (max-width: 991px) {

  .mb-about {
    padding: 90px 0;
  }

  .mb-about__story {
    grid-template-columns: 1fr;
  }

  .mb-about__copy,
  .mb-about__showcase {
    min-height: auto;
  }

  .mb-about__showcase {
    min-height: 570px;
  }

  .mb-about__summary {
    display: block;
  }

  .mb-about__summary-points {
    justify-content: flex-start;
    margin-top: 22px;
  }

}

@media (max-width: 767px) {

  .mb-about {
    padding: 75px 0;
  }

  .mb-about__header h2 {
    font-size: clamp(37px, 11vw, 56px);
    letter-spacing: -1.5px;
  }

  .mb-about__header > p:last-child {
    font-size: 16px;
  }

  .mb-about__copy,
  .mb-about__showcase {
    border-radius: 25px;
  }

  .mb-about__copy {
    padding: 31px 22px;
  }

  .mb-about__copy::after {
    display: none;
  }

  .mb-about__showcase {
    min-height: 520px;
    padding: 20px;
  }

  .mb-about__showcase-content {
    padding: 22px;
  }

  .mb-about__coin {
    width: 54px;
    height: 54px;
    border-width: 4px;
    font-size: 20px;
  }

  .mb-about__advantages {
    grid-template-columns: 1fr;
  }

  .mb-about__advantage {
    min-height: auto;
    padding: 25px 22px;
  }

  .mb-about__summary {
    padding: 25px 20px;
  }

  .mb-about__summary-points {
    display: grid;
    grid-template-columns: 1fr;
  }

}

@media (max-width: 420px) {

  .mb-about__showcase {
    min-height: 480px;
    background-position: 70% center;
  }

  .mb-about__showcase-content > strong {
    font-size: 35px;
  }

  .mb-about__coin--one {
    left: 18px;
  }

  .mb-about__coin--two {
    right: 18px;
  }

}

@media (prefers-reduced-motion: reduce) {

  .mb-about__spark {
    animation: none;
  }

}

/* ==================================================
                   ABOUT MRBEAST GAMES END
================================================== */
/* ==================================================
                       FAQ START
================================================== */

.mb-faq,
.mb-faq * {
  box-sizing: border-box;
}

.mb-faq {
  --faq-cyan: #20d8ff;
  --faq-pink: #ff48b6;
  --faq-yellow: #ffd43b;
  --faq-purple: #7657ff;
  --faq-green: #78e763;
  --faq-blue: #4b9eff;
  --faq-dark: #06142e;
  --faq-card: #102552;
  --faq-muted: #a9bfdc;

  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 110px 0;
  color: #ffffff;
  background:
    radial-gradient(
      circle at 0% 25%,
      rgba(32, 216, 255, 0.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 100% 75%,
      rgba(255, 72, 182, 0.15),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #06152f 0%,
      #111945 50%,
      #21134c 100%
    );
}

.mb-faq::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: 0.22;
  background-image:
    linear-gradient(
      rgba(79, 153, 225, 0.16) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(79, 153, 225, 0.16) 1px,
      transparent 1px
    );
  background-size: 52px 52px;
  pointer-events: none;
}

.mb-faq::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: linear-gradient(
    90deg,
    var(--faq-cyan),
    var(--faq-purple),
    var(--faq-pink),
    var(--faq-yellow)
  );
}

.mb-faq__glow {
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  opacity: 0.2;
  filter: blur(115px);
  pointer-events: none;
}

.mb-faq__glow--cyan {
  top: 250px;
  left: -280px;
  background: var(--faq-cyan);
}

.mb-faq__glow--pink {
  right: -270px;
  bottom: 150px;
  background: var(--faq-pink);
}


/* FAQ Heading */
.mb-faq__header {
  max-width: 920px;
  margin: 0 auto 55px;
  text-align: center;
}

.mb-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  color: var(--faq-cyan);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.mb-faq__eyebrow::before,
.mb-faq__eyebrow::after {
  width: 38px;
  height: 2px;
  content: "";
  background: var(--faq-cyan);
}

.mb-faq__header h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(45px, 6vw, 78px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -2.8px;
  text-transform: uppercase;
  text-shadow: 0 8px 0 rgba(2, 8, 25, 0.48);
}

.mb-faq__header h2 span {
  color: var(--faq-yellow);
}

.mb-faq__header > p:last-child {
  max-width: 780px;
  margin: 24px auto 0;
  color: var(--faq-muted);
  font-size: 18px;
  line-height: 1.75;
}


/* FAQ Layout */
.mb-faq__layout {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 25px;
  align-items: start;
}


/* FAQ Guide */
.mb-faq__guide {
  position: sticky;
  top: 120px;
  padding: 34px;
  overflow: hidden;
  border: 1px solid rgba(102, 164, 223, 0.3);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 72, 182, 0.16),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(17, 48, 91, 0.98),
      rgba(29, 24, 76, 0.98)
    );
  box-shadow:
    0 18px 0 rgba(2, 9, 28, 0.42),
    0 28px 50px rgba(0, 0, 0, 0.22);
}

.mb-faq__guide::after {
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 150px;
  height: 150px;
  border: 32px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
  content: "";
}

.mb-faq__question-mark {
  display: grid;
  width: 86px;
  height: 86px;
  margin-bottom: 27px;
  place-items: center;
  border: 5px solid #86ecff;
  border-radius: 27px;
  color: #07152f;
  font-size: 53px;
  font-weight: 900;
  line-height: 1;
  background: var(--faq-cyan);
  box-shadow:
    0 10px 0 #0781a7,
    0 0 30px rgba(32, 216, 255, 0.25);
  transform: rotate(-6deg);
}

.mb-faq__guide-label {
  margin: 0 0 10px;
  color: var(--faq-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
}

.mb-faq__guide h3 {
  margin: 0;
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1px;
}

.mb-faq__guide h3 span {
  display: block;
  color: var(--faq-yellow);
}

.mb-faq__guide > p:not(.mb-faq__guide-label) {
  margin: 19px 0 0;
  color: var(--faq-muted);
  font-size: 14px;
  line-height: 1.7;
}

.mb-faq__topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 25px;
}

.mb-faq__topics span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(32, 216, 255, 0.27);
  border-radius: 30px;
  color: #d5e5f7;
  font-size: 10px;
  font-weight: 800;
  background: rgba(4, 18, 49, 0.58);
}

.mb-faq__topics i {
  color: var(--faq-cyan);
}

.mb-faq__responsible {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 27px;
  padding: 17px;
  border: 1px solid rgba(255, 212, 59, 0.33);
  border-radius: 19px;
  background: rgba(255, 212, 59, 0.07);
}

.mb-faq__responsible > span {
  display: grid;
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  place-items: center;
  border-radius: 50%;
  color: #07152f;
  font-size: 14px;
  font-weight: 900;
  background: var(--faq-yellow);
  box-shadow: 0 5px 0 #b46e00;
}

.mb-faq__responsible strong {
  display: block;
  color: #ffffff;
  font-size: 13px;
}

.mb-faq__responsible p {
  margin: 5px 0 0;
  color: #a9bdd7;
  font-size: 11px;
  line-height: 1.55;
}


/* Question Columns */
.mb-faq__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
  align-items: start;
}

.mb-faq__column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 17px;
}


/* FAQ Item */
.mb-faq__item {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(101, 163, 223, 0.28);
  border-radius: 23px;
  color: #ffffff;
  background:
    linear-gradient(
      145deg,
      rgba(15, 43, 84, 0.98),
      rgba(20, 24, 69, 0.98)
    );
  box-shadow:
    0 9px 0 rgba(2, 9, 28, 0.43),
    0 16px 28px rgba(0, 0, 0, 0.16);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.mb-faq__item--cyan {
  border-top: 4px solid var(--faq-cyan);
}

.mb-faq__item--purple {
  border-top: 4px solid var(--faq-purple);
}

.mb-faq__item--pink {
  border-top: 4px solid var(--faq-pink);
}

.mb-faq__item--yellow {
  border-top: 4px solid var(--faq-yellow);
}

.mb-faq__item--green {
  border-top: 4px solid var(--faq-green);
}

.mb-faq__item--blue {
  border-top: 4px solid var(--faq-blue);
}

.mb-faq__item[open] {
  transform: translateY(-3px);
  border-color: rgba(32, 216, 255, 0.45);
  box-shadow:
    0 12px 0 rgba(2, 9, 28, 0.38),
    0 20px 34px rgba(0, 0, 0, 0.22),
    0 0 28px rgba(32, 216, 255, 0.08);
}

.mb-faq__item summary {
  display: grid;
  grid-template-columns: 51px minmax(0, 1fr) 38px;
  gap: 14px;
  min-height: 103px;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.mb-faq__item summary::-webkit-details-marker {
  display: none;
}

.mb-faq__item summary::marker {
  display: none;
  content: "";
}

.mb-faq__item summary:focus-visible {
  outline: 3px solid var(--faq-yellow);
  outline-offset: -5px;
  border-radius: 19px;
}

.mb-faq__item-icon {
  display: grid;
  width: 51px;
  height: 51px;
  place-items: center;
  border-radius: 16px;
  color: #07152f;
  font-size: 19px;
  background: var(--faq-cyan);
  box-shadow: 0 6px 0 #0782a8;
}

.mb-faq__item--purple .mb-faq__item-icon {
  color: #ffffff;
  background: var(--faq-purple);
  box-shadow: 0 6px 0 #3d279f;
}

.mb-faq__item--pink .mb-faq__item-icon {
  color: #ffffff;
  background: var(--faq-pink);
  box-shadow: 0 6px 0 #a51d70;
}

.mb-faq__item--yellow .mb-faq__item-icon {
  background: var(--faq-yellow);
  box-shadow: 0 6px 0 #b57100;
}

.mb-faq__item--green .mb-faq__item-icon {
  background: var(--faq-green);
  box-shadow: 0 6px 0 #309d31;
}

.mb-faq__item--blue .mb-faq__item-icon {
  color: #ffffff;
  background: var(--faq-blue);
  box-shadow: 0 6px 0 #175fb2;
}

.mb-faq__question {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.45;
}

.mb-faq__toggle {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(108, 169, 226, 0.3);
  border-radius: 12px;
  background: rgba(4, 17, 47, 0.63);
}

.mb-faq__toggle::before,
.mb-faq__toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 3px;
  border-radius: 4px;
  content: "";
  background: var(--faq-cyan);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
}

.mb-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.mb-faq__item[open] .mb-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.mb-faq__answer {
  padding: 0 21px 23px 85px;
  animation: mbFaqReveal 0.3s ease;
}

.mb-faq__answer::before {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 17px;
  content: "";
  background: linear-gradient(
    90deg,
    rgba(32, 216, 255, 0.35),
    transparent
  );
}

.mb-faq__answer p {
  margin: 0;
  color: #abc0db;
  font-size: 13px;
  line-height: 1.72;
}


/* FAQ Animation */
@keyframes mbFaqReveal {
  from {
    opacity: 0;
    transform: translateY(-7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


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

  .mb-faq__layout {
    grid-template-columns: 285px minmax(0, 1fr);
  }

  .mb-faq__guide {
    padding: 27px;
  }

  .mb-faq__guide h3 {
    font-size: 29px;
  }

  .mb-faq__item summary {
    grid-template-columns: 46px minmax(0, 1fr) 34px;
    gap: 11px;
    padding: 17px;
  }

  .mb-faq__item-icon {
    width: 46px;
    height: 46px;
  }

  .mb-faq__question {
    font-size: 14px;
  }

  .mb-faq__answer {
    padding: 0 17px 21px 74px;
  }

}

@media (max-width: 991px) {

  .mb-faq {
    padding: 90px 0;
  }

  .mb-faq__layout {
    grid-template-columns: 1fr;
  }

  .mb-faq__guide {
    position: relative;
    top: auto;
  }

  .mb-faq__question-mark {
    width: 72px;
    height: 72px;
    font-size: 44px;
  }

  .mb-faq__topics {
    max-width: 600px;
  }

  .mb-faq__responsible {
    max-width: 600px;
  }

}

@media (max-width: 767px) {

  .mb-faq {
    padding: 75px 0;
  }

  .mb-faq__header h2 {
    font-size: clamp(40px, 12vw, 58px);
    letter-spacing: -1.5px;
  }

  .mb-faq__header > p:last-child {
    font-size: 16px;
  }

  .mb-faq__questions {
    grid-template-columns: 1fr;
  }

  .mb-faq__guide {
    border-radius: 24px;
  }

  .mb-faq__item {
    border-radius: 20px;
  }

  .mb-faq__item summary {
    min-height: 94px;
  }

}

@media (max-width: 480px) {

  .mb-faq__guide {
    padding: 24px 20px;
  }

  .mb-faq__item summary {
    grid-template-columns: 43px minmax(0, 1fr) 30px;
    gap: 9px;
    padding: 15px 13px;
  }

  .mb-faq__item-icon {
    width: 43px;
    height: 43px;
    border-radius: 14px;
  }

  .mb-faq__question {
    font-size: 13px;
  }

  .mb-faq__toggle {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  .mb-faq__answer {
    padding: 0 14px 19px;
  }

}

@media (prefers-reduced-motion: reduce) {

  .mb-faq__item,
  .mb-faq__toggle::before,
  .mb-faq__toggle::after,
  .mb-faq__answer {
    transition: none;
    animation: none;
  }

}

/* ==================================================
                        FAQ END
================================================== */

/* ==================================================
                    MRBEAST FOOTER START
================================================== */

.mb-footer {
  position: relative;
  overflow: hidden;
  padding: 58px 0 22px;
  color: #ffffff;
  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(27, 210, 255, 0.16),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 35%,
      rgba(255, 63, 178, 0.16),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #06152f 0%,
      #0c1942 48%,
      #24134f 100%
    );
  border-top: 3px solid #22d3f6;
}

.mb-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.23;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px
    );
  background-size: 54px 54px;
}

.mb-footer::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -180px;
  width: 430px;
  height: 430px;
  pointer-events: none;
  border: 70px solid rgba(113, 75, 255, 0.08);
  border-radius: 50%;
}

.mb-footer .container {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

.mb-footer a {
  text-decoration: none;
}

/* Main Footer Layout */

.mb-footer__main {
  display: grid;
  grid-template-columns:
    minmax(320px, 1.25fr)
    minmax(360px, 0.9fr);
  gap: 80px;
  align-items: start;
}

.mb-footer__brand {
  max-width: 620px;
}

.mb-footer__logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}

.mb-footer__logo img {
  display: block;
  width: 235px;
  max-width: 100%;
  height: auto;
  max-height: 78px;
  object-fit: contain;
  object-position: left center;
}

.mb-footer__description {
  max-width: 590px;
  margin: 0;
  color: #aebfe0;
  font-size: 16px;
  line-height: 1.75;
}

/* Responsible Gaming */

.mb-footer__responsible {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 580px;
  margin-top: 24px;
}

.mb-footer__age {
  display: inline-flex;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  color: #071632;
  background: linear-gradient(
    145deg,
    #ffe263,
    #ffb824
  );
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 18px;
  box-shadow: 0 8px 0 #b86d00;
  font-size: 19px;
  font-weight: 900;
}

.mb-footer__responsible p {
  margin: 0;
  color: #9eafd0;
  font-size: 14px;
  line-height: 1.6;
}

.mb-footer__responsible strong {
  display: block;
  margin-bottom: 2px;
  color: #ffffff;
  font-size: 15px;
}

/* Navigation */

.mb-footer__navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(145px, 1fr));
  gap: 46px;
}

.mb-footer__nav-group h3 {
  position: relative;
  margin: 0 0 19px;
  padding-bottom: 12px;
  color: #2bd8ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.mb-footer__nav-group h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  background: linear-gradient(
    90deg,
    #2bd8ff,
    #ff42b7
  );
  border-radius: 999px;
}

.mb-footer__links {
  display: grid;
  gap: 12px;
}

.mb-footer__links a {
  position: relative;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 9px;
  color: #dce7ff;
  font-size: 15px;
  font-weight: 700;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.mb-footer__links a::before {
  content: "";
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  background: #ff42b7;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(255, 66, 183, 0.65);
}

.mb-footer__links a:hover,
.mb-footer__links a:focus-visible {
  color: #ffd23f;
  transform: translateX(4px);
}

/* Payments */

.mb-footer__payments {
  display: grid;
  grid-template-columns: minmax(210px, 0.55fr) minmax(0, 1.45fr);
  gap: 28px;
  align-items: center;
  margin-top: 38px;
  padding: 20px 22px;
  background: linear-gradient(
    120deg,
    rgba(20, 42, 92, 0.86),
    rgba(48, 27, 100, 0.82)
  );
  border: 1px solid rgba(72, 207, 255, 0.25);
  border-radius: 24px;
  box-shadow:
    0 16px 35px rgba(1, 7, 28, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.mb-footer__payments-heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mb-footer__payments-heading span {
  color: #2bd8ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.mb-footer__payments-heading strong {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3;
}

.mb-footer__payment-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.mb-footer__pay-icon {
  display: inline-flex;
  width: 72px;
  height: 48px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 13px;
  box-shadow: 0 6px 12px rgba(0, 6, 28, 0.22);
  user-select: none;
}

.mb-footer__pay-icon img {
  display: block;
  width: 76%;
  max-width: 58px;
  max-height: 30px;
  object-fit: contain;
}

.mb-footer__pay-icon i {
  line-height: 1;
}

/* Individual Payment Backgrounds */

.mb-footer__pay-icon--card {
  background: #152d5d;
  border-color: rgba(43, 216, 255, 0.55);
}

.mb-footer__pay-icon--apple {
  color: #ffffff;
  background: #050505;
}

.mb-footer__pay-icon--apple i {
  font-size: 34px;
}

.mb-footer__pay-icon--google {
  color: #182646;
  background: #f7f9ff;
}

.mb-footer__pay-icon--google i {
  font-size: 34px;
}

.mb-footer__pay-icon--paypal {
  color: #087bbd;
  background: #e9f6ff;
  border-color: rgba(8, 123, 189, 0.35);
}

.mb-footer__pay-icon--paypal i {
  font-size: 28px;
}

.mb-footer__pay-icon--skrill {
  background: #fff0fc;
  border-color: rgba(197, 81, 183, 0.45);
}

.mb-footer__pay-icon--neteller {
  background: #efffde;
  border-color: rgba(131, 186, 59, 0.45);
}

.mb-footer__pay-icon--bank {
  background: #173a75;
  border-color: rgba(43, 216, 255, 0.55);
}

.mb-footer__pay-icon--paysafe {
  color: #10212c;
  background: #9fe84d;
  border-color: rgba(189, 255, 110, 0.6);
}

.mb-footer__pay-icon--paysafe b {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.mb-footer__pay-icon--bitcoin {
  background: #39270e;
  border-color: rgba(247, 147, 26, 0.65);
}

.mb-footer__pay-icon--ethereum {
  background: #28245d;
  border-color: rgba(126, 112, 255, 0.7);
}

.mb-footer__pay-icon--usdt {
  background: #103d38;
  border-color: rgba(38, 161, 123, 0.7);
}

.mb-footer__pay-icon--usdc {
  background: #132f5a;
  border-color: rgba(39, 117, 202, 0.75);
}

/* Footer Bottom */

.mb-footer__bottom {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid rgba(174, 191, 224, 0.15);
}

.mb-footer__copyright,
.mb-footer__notice {
  margin: 0;
  color: #7f91b7;
  font-size: 13px;
  line-height: 1.5;
}

.mb-footer__notice {
  text-align: center;
}

.mb-footer__top-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #dce7ff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.mb-footer__top-link span {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: #071632;
  background: #2bd8ff;
  border-radius: 9px;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 5px 0 #057c9c;
}

.mb-footer__top-link:hover,
.mb-footer__top-link:focus-visible {
  color: #ffd23f;
  transform: translateY(-2px);
}

/* Tablet */

@media (max-width: 991px) {

  .mb-footer__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mb-footer__brand {
    max-width: 720px;
  }

  .mb-footer__navigation {
    max-width: 620px;
  }

  .mb-footer__payments {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mb-footer__payment-icons {
    justify-content: flex-start;
  }

  .mb-footer__bottom {
    grid-template-columns: 1fr auto;
  }

  .mb-footer__notice {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
  }

}

/* Mobile */

@media (max-width: 575px) {

  .mb-footer {
    padding: 46px 0 20px;
  }

  .mb-footer__main {
    gap: 36px;
  }

  .mb-footer__logo img {
    width: 205px;
  }

  .mb-footer__description {
    font-size: 14px;
    line-height: 1.7;
  }

  .mb-footer__responsible {
    align-items: flex-start;
  }

  .mb-footer__age {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 17px;
  }

  .mb-footer__responsible p {
    font-size: 13px;
  }

  .mb-footer__navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .mb-footer__links a {
    font-size: 13px;
  }

  .mb-footer__payments {
    padding: 18px;
    border-radius: 20px;
  }

  .mb-footer__payment-icons {
    justify-content: center;
    gap: 8px;
  }

  .mb-footer__pay-icon {
    width: 64px;
    height: 44px;
    border-radius: 11px;
  }

  .mb-footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .mb-footer__notice {
    text-align: left;
  }

  .mb-footer__top-link {
    margin-top: 5px;
  }

}

/* Very Small Mobile */

@media (max-width: 370px) {

  .mb-footer__navigation {
    grid-template-columns: 1fr;
  }

}

/* ==================================================
                    MRBEAST FOOTER END
================================================== */
/* ==================================================
        DARK ICON AND PROVIDER BACKGROUNDS START
================================================== */

/* ==================================================
                  FOOTER PAYMENT ICONS
================================================== */

.mb-footer__pay-icon {
  background:
    linear-gradient(
      145deg,
      #142958 0%,
      #0a1736 100%
    ) !important;
  border-color: rgba(74, 208, 255, 0.35) !important;
  box-shadow:
    0 6px 12px rgba(0, 6, 28, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Visa and Mastercard */

.mb-footer__pay-icon--card {
  background:
    linear-gradient(
      145deg,
      #18366d,
      #0c1d43
    ) !important;
  border-color: rgba(43, 216, 255, 0.55) !important;
}

/* Apple Pay */

.mb-footer__pay-icon--apple {
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      #151d31,
      #050914
    ) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Google Pay */

.mb-footer__pay-icon--google {
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      #21386b,
      #101d42
    ) !important;
  border-color: rgba(80, 156, 255, 0.45) !important;
}

/* PayPal */

.mb-footer__pay-icon--paypal {
  color: #56bdff !important;
  background:
    linear-gradient(
      145deg,
      #153f68,
      #0a203c
    ) !important;
  border-color: rgba(52, 169, 236, 0.55) !important;
}

/* Skrill */

.mb-footer__pay-icon--skrill {
  background:
    linear-gradient(
      145deg,
      #4c214b,
      #24122f
    ) !important;
  border-color: rgba(255, 92, 213, 0.5) !important;
}

/* Neteller */

.mb-footer__pay-icon--neteller {
  background:
    linear-gradient(
      145deg,
      #244b32,
      #112a25
    ) !important;
  border-color: rgba(139, 221, 76, 0.5) !important;
}

/* Open Banking */

.mb-footer__pay-icon--bank {
  background:
    linear-gradient(
      145deg,
      #1a4582,
      #102456
    ) !important;
  border-color: rgba(43, 216, 255, 0.55) !important;
}

/* PaysafeCard */

.mb-footer__pay-icon--paysafe {
  color: #b9f86d !important;
  background:
    linear-gradient(
      145deg,
      #294b2a,
      #142b21
    ) !important;
  border-color: rgba(159, 232, 77, 0.55) !important;
}

/* Cryptocurrency */

.mb-footer__pay-icon--bitcoin {
  background:
    linear-gradient(
      145deg,
      #4a3011,
      #261806
    ) !important;
  border-color: rgba(247, 147, 26, 0.65) !important;
}

.mb-footer__pay-icon--ethereum {
  background:
    linear-gradient(
      145deg,
      #353274,
      #1b1948
    ) !important;
  border-color: rgba(126, 112, 255, 0.7) !important;
}

.mb-footer__pay-icon--usdt {
  background:
    linear-gradient(
      145deg,
      #16594c,
      #0c2f2b
    ) !important;
  border-color: rgba(38, 161, 123, 0.7) !important;
}

.mb-footer__pay-icon--usdc {
  background:
    linear-gradient(
      145deg,
      #184476,
      #10264d
    ) !important;
  border-color: rgba(39, 117, 202, 0.75) !important;
}

/* Preserve logo visibility */

.mb-footer__pay-icon img {
  filter:
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))
    drop-shadow(0 0 5px rgba(255, 255, 255, 0.08));
}


/* ==================================================
                    PROVIDER CARDS
================================================== */

.mb-why__provider {
  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(71, 136, 255, 0.14),
      transparent 55%
    ),
    linear-gradient(
      145deg,
      #142a59 0%,
      #0b1739 100%
    ) !important;
  border-color: rgba(83, 163, 235, 0.35);
  box-shadow:
    0 8px 0 rgba(2, 9, 28, 0.58),
    0 15px 26px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.mb-why__provider:hover {
  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(92, 159, 255, 0.22),
      transparent 58%
    ),
    linear-gradient(
      145deg,
      #19356d 0%,
      #101d49 100%
    ) !important;
  box-shadow:
    0 11px 0 rgba(2, 9, 28, 0.55),
    0 20px 32px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Provider names */

.mb-why__provider span {
  color: #f2f6ff !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}

/* Provider logos */

.mb-why__provider img {
  filter:
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35))
    drop-shadow(0 0 7px rgba(255, 255, 255, 0.13));
}

/* Slightly brighten darker provider logos */

.mb-why__provider:nth-child(2) img,
.mb-why__provider:nth-child(3) img,
.mb-why__provider:nth-child(4) img,
.mb-why__provider:nth-child(6) img,
.mb-why__provider:nth-child(11) img,
.mb-why__provider:nth-child(13) img,
.mb-why__provider:nth-child(15) img {
  filter:
    brightness(1.16)
    contrast(1.06)
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35))
    drop-shadow(0 0 7px rgba(255, 255, 255, 0.16));
}

/* ==================================================
        DARK ICON AND PROVIDER BACKGROUNDS END
================================================== */
/* ==================================================
              WIDER CONTENT SECTIONS START
================================================== */

/*
  Make the main visual sections wider without changing
  the Hero section or stretching text across the screen.
*/

@media (min-width: 1200px) {

  #top-games > .container,
  #bonuses > .container,
  #games-library > .container,
  #rewards > .container,
  #why-mrbeast > .container,
  #about > .container,
  #faq > .container {
    width: calc(100% - 48px);
    max-width: 1320px;
    padding-right: 24px;
    padding-left: 24px;
  }

}

/* ==================================================
               WIDER CONTENT SECTIONS END
================================================== */
/* ==================================================
        ELON MUSK CASINO CSS — PART 1 START
================================================== */


/* ==================================================
                DOCUMENT / BODY START
================================================== */

html {
  scroll-behavior: smooth;
}

body.elon-musk-casino-page {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #050816;
  color: #ffffff;
  font-family:
    "Open Sans",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

body.elon-musk-casino-page *,
body.elon-musk-casino-page *::before,
body.elon-musk-casino-page *::after {
  box-sizing: border-box;
}

body.elon-musk-casino-page img {
  display: block;
  max-width: 100%;
}

body.elon-musk-casino-page a {
  text-decoration: none;
}

body.elon-musk-casino-page button,
body.elon-musk-casino-page a {
  -webkit-tap-highlight-color: transparent;
}

body.elon-musk-casino-page .container {
  position: relative;
  z-index: 2;
}

/* ==================================================
                 DOCUMENT / BODY END
================================================== */


/* ==================================================
                        HEADER START
================================================== */

body.elon-musk-casino-page #header.elon-musk-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border-top: 2px solid #ffc229;
  border-bottom: 1px solid rgba(78, 190, 255, 0.14);
  background:
    linear-gradient(
      180deg,
      rgba(2, 5, 13, 0.99) 0%,
      rgba(4, 7, 18, 0.98) 100%
    ) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.34);
}

body.elon-musk-casino-page
#header.elon-musk-header
.site-navigation {
  width: 100%;
  min-height: 90px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

body.elon-musk-casino-page
#header.elon-musk-header
.container {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
}

body.elon-musk-casino-page
#header.elon-musk-header
.row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

body.elon-musk-casino-page
#header.elon-musk-header
.col-lg-12 {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

body.elon-musk-casino-page
#header.elon-musk-header
.navbar {
  width: 100%;
  min-height: 90px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap !important;
  margin: 0;
  padding: 0 !important;
}


/* ==================================================
                         LOGO START
================================================== */

body.elon-musk-casino-page
#header.elon-musk-header
.logo {
  flex: 0 0 185px;
  width: 185px;
  display: flex;
  align-items: center;
  margin: 0 30px 0 0 !important;
  padding: 0 !important;
}

body.elon-musk-casino-page
#header.elon-musk-header
.logo a {
  width: 100%;
  display: flex !important;
  align-items: center;
}

body.elon-musk-casino-page
#header.elon-musk-header
.logo img {
  width: 185px !important;
  height: auto !important;
  max-width: 185px !important;
  max-height: 60px !important;
  margin: 0 !important;
  object-fit: contain;
  object-position: left center;
  filter:
    drop-shadow(
      0 0 9px rgba(50, 205, 255, 0.18)
    );
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

body.elon-musk-casino-page
#header.elon-musk-header
.logo a:hover img,
body.elon-musk-casino-page
#header.elon-musk-header
.logo a:focus img {
  transform: translateY(-1px);
  filter:
    drop-shadow(
      0 0 14px rgba(50, 205, 255, 0.28)
    );
}

/* ==================================================
                          LOGO END
================================================== */


/* ==================================================
              MOBILE NAVIGATION TOGGLE START
================================================== */

body.elon-musk-casino-page
#header.elon-musk-header
.navbar-toggler {
  flex: 0 0 auto;
  width: 45px;
  height: 42px;
  margin: 0 0 0 auto !important;
  padding: 7px !important;
  border:
    1px solid rgba(70, 205, 255, 0.34);
  border-radius: 8px;
  background:
    rgba(70, 205, 255, 0.08) !important;
}

body.elon-musk-casino-page
#header.elon-musk-header
.navbar-toggler:focus {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(70, 205, 255, 0.13);
}

/* ==================================================
               MOBILE NAVIGATION TOGGLE END
================================================== */


/* ==================================================
                    NAVIGATION START
================================================== */

body.elon-musk-casino-page
#header.elon-musk-header
.navbar-collapse {
  flex: 1 1 auto;
  min-width: 0;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav {
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li {
  position: relative;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link {
  position: relative;
  min-height: 90px;
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 10px !important;
  color:
    rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.05px;
  text-transform: uppercase;
  white-space: nowrap;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 22px;
  left: 10px;
  height: 2px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      #45d8ff 0%,
      #7a5fff 55%,
      #ffc42e 100%
    );
  box-shadow:
    0 0 10px rgba(69, 216, 255, 0.28);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link:hover,
body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link:focus {
  color: #ffffff !important;
}

body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link:hover::after,
body.elon-musk-casino-page
#header.elon-musk-header
ul.navbar-nav > li > a.nav-link:focus::after {
  transform: scaleX(1);
}

/* ==================================================
                     NAVIGATION END
================================================== */


/* ==================================================
                  HEADER BUTTON START
================================================== */

body.elon-musk-casino-page
#header.elon-musk-header
.header-get-a-quote {
  top: auto !important;
  flex: 0 0 auto;
  margin: 0 0 0 14px !important;
  padding: 0 !important;
}

body.elon-musk-casino-page
#header.elon-musk-header
.header-get-a-quote
.elon-musk-header-cta {
  min-width: 144px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 13px 18px !important;
  border:
    1px solid rgba(255, 232, 151, 0.82) !important;
  border-radius: 9px;
  background:
    linear-gradient(
      135deg,
      #ffad08 0%,
      #ffd253 100%
    ) !important;
  color: #171009 !important;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap;
  box-shadow:
    0 11px 25px rgba(255, 175, 0, 0.24);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

body.elon-musk-casino-page
#header.elon-musk-header
.header-get-a-quote
.elon-musk-header-cta:hover,
body.elon-musk-casino-page
#header.elon-musk-header
.header-get-a-quote
.elon-musk-header-cta:focus {
  color: #171009 !important;
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow:
    0 15px 32px rgba(255, 175, 0, 0.32);
}

/* ==================================================
                   HEADER BUTTON END
================================================== */


/* ==================================================
                HEADER RESPONSIVE START
================================================== */

@media (min-width: 1400px) and (max-width: 1599px) {

  body.elon-musk-casino-page
  #header.elon-musk-header
  .container {
    max-width: 1380px;
    padding-right: 20px;
    padding-left: 20px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo {
    flex-basis: 160px;
    width: 160px;
    margin-right: 22px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo img {
    width: 160px !important;
    max-width: 160px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li > a.nav-link {
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 10.5px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote {
    margin-left: 10px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote
  .elon-musk-header-cta {
    min-width: 130px;
    padding-right: 14px !important;
    padding-left: 14px !important;
    font-size: 12px !important;
  }
}


@media (min-width: 1200px) and (max-width: 1399px) {

  body.elon-musk-casino-page
  #header.elon-musk-header
  .site-navigation,
  body.elon-musk-casino-page
  #header.elon-musk-header
  .navbar {
    min-height: 84px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo {
    flex-basis: 138px;
    width: 138px;
    margin-right: 14px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo img {
    width: 138px !important;
    max-width: 138px !important;
    max-height: 50px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li > a.nav-link {
    min-height: 84px;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 9px !important;
    letter-spacing: 0;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote {
    margin-left: 6px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote
  .elon-musk-header-cta {
    min-width: 108px;
    min-height: 43px;
    padding: 10px !important;
    font-size: 10px !important;
  }
}


@media (min-width: 992px) and (max-width: 1199px) {

  body.elon-musk-casino-page
  #header.elon-musk-header
  .site-navigation,
  body.elon-musk-casino-page
  #header.elon-musk-header
  .navbar {
    min-height: 78px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .container {
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo {
    flex-basis: 110px;
    width: 110px;
    margin-right: 7px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo img {
    width: 110px !important;
    max-width: 110px !important;
    max-height: 43px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li > a.nav-link {
    min-height: 78px;
    padding-right: 3px !important;
    padding-left: 3px !important;
    font-size: 7.7px !important;
    letter-spacing: 0;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote {
    margin-left: 4px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote
  .elon-musk-header-cta {
    min-width: 91px;
    min-height: 40px;
    padding: 9px 7px !important;
    font-size: 9px !important;
  }
}


@media (max-width: 991px) {

  body.elon-musk-casino-page
  #header.elon-musk-header
  .site-navigation,
  body.elon-musk-casino-page
  #header.elon-musk-header
  .navbar {
    min-height: 74px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo {
    flex-basis: 150px;
    width: 150px;
    margin-right: 16px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo img {
    width: 150px !important;
    max-width: 150px !important;
    max-height: 50px !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .navbar-collapse {
    position: absolute;
    top: 74px;
    right: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    max-height: calc(100vh - 74px);
    overflow-y: auto;
    padding: 14px 18px 22px;
    border-top:
      1px solid rgba(255, 255, 255, 0.07);
    border-bottom:
      1px solid rgba(69, 217, 255, 0.14);
    background:
      linear-gradient(
        180deg,
        rgba(3, 6, 16, 0.995),
        rgba(7, 9, 25, 0.995)
      );
    box-shadow:
      0 24px 46px rgba(0, 0, 0, 0.5);
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav {
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li {
    width: 100%;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li > a.nav-link {
    width: 100%;
    min-height: auto;
    display: block !important;
    padding: 14px 4px !important;
    border-bottom:
      1px solid rgba(255, 255, 255, 0.065);
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  ul.navbar-nav > li > a.nav-link::after {
    display: none;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote {
    width: 100%;
    margin: 17px 0 0 !important;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .header-get-a-quote
  .elon-musk-header-cta {
    width: 100%;
    min-height: 50px;
    font-size: 14px !important;
  }
}


@media (max-width: 479px) {

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo {
    flex-basis: 130px;
    width: 130px;
  }

  body.elon-musk-casino-page
  #header.elon-musk-header
  .logo img {
    width: 130px !important;
    max-width: 130px !important;
    max-height: 44px !important;
  }
}

/* ==================================================
                 HEADER RESPONSIVE END
================================================== */

/* ==================================================
                         HEADER END
================================================== */


/* ==================================================
         ELON MUSK CASINO CSS — PART 1 END
================================================== */
/* ==================================================
        ELON MUSK CASINO CSS — PART 2 START
================================================== */


/* ==================================================
                         HERO START
================================================== */

body.elon-musk-casino-page .elon-musk-hero {
  position: relative;
  min-height: 820px;
  overflow: hidden;
  padding: 92px 0 112px !important;
  background:
    radial-gradient(
      circle at 76% 42%,
      rgba(88, 60, 220, 0.26),
      transparent 31%
    ),
    radial-gradient(
      circle at 12% 20%,
      rgba(20, 157, 225, 0.15),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #06101e 0%,
      #080a20 43%,
      #160a35 73%,
      #1d0a43 100%
    );
  isolation: isolate;
}

body.elon-musk-casino-page .elon-musk-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      rgba(2, 5, 16, 0.42),
      transparent 52%,
      rgba(60, 19, 110, 0.12)
    );
  pointer-events: none;
}

body.elon-musk-casino-page .elon-musk-hero-container {
  position: relative;
  z-index: 4;
  max-width: 1320px;
}

body.elon-musk-casino-page .elon-musk-hero .row {
  min-height: 590px;
}


/* ==================================================
                DECORATIVE SPACE LAYER START
================================================== */

body.elon-musk-casino-page .elon-musk-space-scene {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

body.elon-musk-casino-page .elon-musk-space-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.76) 0 1px,
      transparent 1.6px
    );
  background-size: 88px 88px;
  background-position: 18px 16px;
  opacity: 0.42;
}

body.elon-musk-casino-page .elon-musk-nebula {
  position: absolute;
  border-radius: 50%;
  filter: blur(65px);
  opacity: 0.3;
}

body.elon-musk-casino-page .elon-musk-nebula-one {
  top: 4%;
  left: -8%;
  width: 430px;
  height: 430px;
  background: rgba(27, 164, 255, 0.28);
}

body.elon-musk-casino-page .elon-musk-nebula-two {
  right: -10%;
  bottom: -18%;
  width: 580px;
  height: 580px;
  background: rgba(111, 59, 255, 0.34);
}

body.elon-musk-casino-page .elon-musk-star {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.92);
  animation:
    elon-musk-star-pulse 3s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-star-one {
  top: 11%;
  left: 8%;
}

body.elon-musk-casino-page .elon-musk-star-two {
  top: 20%;
  left: 27%;
  animation-delay: -0.7s;
}

body.elon-musk-casino-page .elon-musk-star-three {
  top: 14%;
  left: 52%;
  animation-delay: -1.2s;
}

body.elon-musk-casino-page .elon-musk-star-four {
  top: 31%;
  left: 67%;
  animation-delay: -0.4s;
}

body.elon-musk-casino-page .elon-musk-star-five {
  top: 12%;
  right: 8%;
  animation-delay: -1.9s;
}

body.elon-musk-casino-page .elon-musk-star-six {
  top: 49%;
  left: 4%;
  animation-delay: -1.3s;
}

body.elon-musk-casino-page .elon-musk-star-seven {
  top: 62%;
  left: 37%;
  animation-delay: -2.2s;
}

body.elon-musk-casino-page .elon-musk-star-eight {
  top: 73%;
  left: 58%;
  animation-delay: -0.9s;
}

body.elon-musk-casino-page .elon-musk-star-nine {
  top: 56%;
  right: 6%;
  animation-delay: -1.7s;
}

body.elon-musk-casino-page .elon-musk-star-ten {
  bottom: 10%;
  left: 18%;
  animation-delay: -2.4s;
}

body.elon-musk-casino-page .elon-musk-star-eleven {
  right: 22%;
  bottom: 16%;
  animation-delay: -1.1s;
}

body.elon-musk-casino-page .elon-musk-star-twelve {
  top: 38%;
  right: 38%;
  animation-delay: -0.2s;
}

body.elon-musk-casino-page .elon-musk-shooting-star {
  position: absolute;
  width: 145px;
  height: 2px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.92),
      transparent
    );
  opacity: 0;
  transform: rotate(-25deg);
  animation:
    elon-musk-shooting-star 7s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-shooting-star-one {
  top: 18%;
  right: 12%;
}

body.elon-musk-casino-page .elon-musk-shooting-star-two {
  top: 57%;
  left: 34%;
  animation-delay: -3.4s;
}

body.elon-musk-casino-page .elon-musk-orbit {
  position: absolute;
  border: 1px solid rgba(96, 178, 255, 0.16);
  border-radius: 50%;
}

body.elon-musk-casino-page .elon-musk-orbit-one {
  top: 10%;
  right: -10%;
  width: 760px;
  height: 760px;
  transform: rotate(-11deg);
}

body.elon-musk-casino-page .elon-musk-orbit-two {
  right: 5%;
  bottom: -36%;
  width: 940px;
  height: 560px;
  border-color: rgba(152, 90, 255, 0.18);
  transform: rotate(12deg);
}

/* ==================================================
                 DECORATIVE SPACE LAYER END
================================================== */


/* ==================================================
                    HERO CONTENT START
================================================== */

body.elon-musk-casino-page .elon-musk-hero-copy {
  position: relative;
  z-index: 6;
  max-width: 650px;
}

body.elon-musk-casino-page .elon-musk-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 21px;
  padding: 9px 14px;
  border: 1px solid rgba(71, 207, 255, 0.24);
  border-radius: 999px;
  background: rgba(17, 29, 62, 0.62);
  color: #dcecff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  backdrop-filter: blur(8px);
}

body.elon-musk-casino-page .elon-musk-hero-badge-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #4df0ae;
  box-shadow:
    0 0 12px rgba(77, 240, 174, 0.78);
}

body.elon-musk-casino-page .elon-musk-hero-title {
  max-width: 640px;
  margin: 0 0 22px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: clamp(44px, 4.2vw, 68px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1.7px;
  text-transform: none;
}

body.elon-musk-casino-page .elon-musk-hero-title span {
  display: block;
  margin-top: 8px;
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #80e3ff 39%,
      #b39aff 72%,
      #ffd469 100%
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.elon-musk-casino-page .elon-musk-hero-description {
  max-width: 620px;
  margin: 0 0 30px;
  color: rgba(224, 230, 245, 0.82);
  font-size: 17px;
  line-height: 1.76;
}

body.elon-musk-casino-page .elon-musk-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px;
}

body.elon-musk-casino-page .elon-musk-primary-button,
body.elon-musk-casino-page .elon-musk-secondary-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 14px 22px !important;
  border-radius: 10px;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-transform: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

body.elon-musk-casino-page .elon-musk-primary-button {
  border: 1px solid rgba(255, 232, 150, 0.84);
  background:
    linear-gradient(
      135deg,
      #ffad08 0%,
      #ffd255 100%
    );
  color: #171009 !important;
  box-shadow:
    0 14px 30px rgba(255, 175, 0, 0.23);
}

body.elon-musk-casino-page .elon-musk-primary-button:hover,
body.elon-musk-casino-page .elon-musk-primary-button:focus {
  color: #171009 !important;
  transform: translateY(-2px);
  box-shadow:
    0 18px 38px rgba(255, 175, 0, 0.32);
}

body.elon-musk-casino-page .elon-musk-secondary-button {
  border: 1px solid rgba(139, 164, 225, 0.32);
  background: rgba(19, 27, 60, 0.68);
  color: #ffffff !important;
  backdrop-filter: blur(8px);
}

body.elon-musk-casino-page .elon-musk-secondary-button:hover,
body.elon-musk-casino-page .elon-musk-secondary-button:focus {
  border-color: rgba(72, 210, 255, 0.54);
  background: rgba(28, 40, 82, 0.82);
  color: #ffffff !important;
  transform: translateY(-2px);
}

body.elon-musk-casino-page .elon-musk-button-arrow {
  font-size: 20px;
  line-height: 1;
  transition: transform 0.25s ease;
}

body.elon-musk-casino-page
.elon-musk-primary-button:hover
.elon-musk-button-arrow {
  transform: translateX(4px);
}

/* ==================================================
                     HERO CONTENT END
================================================== */


/* ==================================================
                    HERO BENEFITS START
================================================== */

body.elon-musk-casino-page .elon-musk-hero-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}

body.elon-musk-casino-page .elon-musk-hero-benefit {
  min-height: 112px;
  display: flex;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(147, 167, 214, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(27, 35, 73, 0.74),
      rgba(55, 32, 96, 0.58)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease;
}

body.elon-musk-casino-page .elon-musk-hero-benefit:hover {
  border-color: rgba(69, 207, 255, 0.32);
  transform: translateY(-3px);
}

body.elon-musk-casino-page .elon-musk-benefit-icon {
  position: relative;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  margin-right: 17px;
  border: 1px solid rgba(69, 207, 255, 0.45);
  border-radius: 15px;
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(69, 207, 255, 0.18),
      rgba(27, 37, 73, 0.78)
    );
}


/* ==================================================
                 FIRST BENEFIT ICON START
================================================== */

body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(1)
.elon-musk-benefit-icon::before,
body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(1)
.elon-musk-benefit-icon::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 30px;
  border: 2px solid #6bddff;
  border-radius: 4px;
  background: #101a38;
}

body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(1)
.elon-musk-benefit-icon::before {
  top: 18px;
  left: 16px;
  transform: rotate(-12deg);
  opacity: 0.72;
}

body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(1)
.elon-musk-benefit-icon::after {
  top: 17px;
  left: 28px;
  transform: rotate(9deg);
}

/* ==================================================
                  FIRST BENEFIT ICON END
================================================== */


/* ==================================================
                SECOND BENEFIT ICON START
================================================== */

body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(2)
.elon-musk-benefit-icon::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 20px;
  width: 24px;
  height: 41px;
  border: 2px solid #6bddff;
  border-radius: 6px;
  background:
    linear-gradient(
      160deg,
      rgba(69, 207, 255, 0.13),
      rgba(120, 84, 255, 0.12)
    );
}

body.elon-musk-casino-page
.elon-musk-hero-benefit:nth-child(2)
.elon-musk-benefit-icon::after {
  content: "";
  position: absolute;
  left: 28px;
  bottom: 15px;
  width: 8px;
  height: 2px;
  border-radius: 5px;
  background: #6bddff;
}

/* ==================================================
                 SECOND BENEFIT ICON END
================================================== */

body.elon-musk-casino-page .elon-musk-benefit-text {
  min-width: 0;
}

body.elon-musk-casino-page .elon-musk-benefit-text strong {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}

body.elon-musk-casino-page .elon-musk-benefit-text span {
  display: block;
  color: rgba(216, 223, 242, 0.68);
  font-size: 13px;
  line-height: 1.48;
}

body.elon-musk-casino-page .elon-musk-hero-disclaimer {
  max-width: 610px;
  margin: 0;
  color: rgba(204, 211, 231, 0.57);
  font-size: 12px;
  line-height: 1.55;
}

/* ==================================================
                     HERO BENEFITS END
================================================== */


/* ==================================================
                    HERO VISUAL START
================================================== */

body.elon-musk-casino-page .elon-musk-hero-visual {
  position: relative;
  z-index: 5;
  width: 100%;
  min-height: 620px;
  margin-left: auto;
}

/* ==================================================
                     HERO VISUAL END
================================================== */


/* ==================================================
                   COSMIC PORTAL START
================================================== */

body.elon-musk-casino-page .elon-musk-cosmic-portal {
  position: absolute;
  top: 50%;
  left: 51%;
  width: 550px;
  height: 550px;
  transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .elon-musk-portal-glow {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(67, 216, 255, 0.26),
      rgba(85, 70, 255, 0.15) 45%,
      transparent 72%
    );
  filter: blur(20px);
  animation:
    elon-musk-portal-pulse 4.8s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-portal-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(100, 208, 255, 0.22);
}

body.elon-musk-casino-page .elon-musk-portal-ring-one {
  inset: 4%;
  border-width: 2px;
  border-color: rgba(69, 217, 255, 0.42);
  box-shadow:
    0 0 24px rgba(69, 217, 255, 0.16);
  animation:
    elon-musk-rotate 18s linear infinite;
}

body.elon-musk-casino-page .elon-musk-portal-ring-two {
  inset: 12%;
  border-color: rgba(140, 88, 255, 0.42);
  transform: rotate(28deg);
  animation:
    elon-musk-rotate-reverse 24s linear infinite;
}

body.elon-musk-casino-page .elon-musk-portal-ring-three {
  inset: 24%;
  border-color: rgba(255, 196, 47, 0.17);
  border-style: dashed;
  animation:
    elon-musk-rotate 28s linear infinite;
}

/* ==================================================
                    COSMIC PORTAL END
================================================== */


/* ==================================================
                         PLANET START
================================================== */

body.elon-musk-casino-page .elon-musk-planet-wrapper {
  position: absolute;
  top: 50%;
  left: 51%;
  width: 390px;
  height: 390px;
  transform: translate(-50%, -50%);
  animation:
    elon-musk-planet-float 6s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-planet {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 28% 22%,
      rgba(125, 237, 255, 0.95),
      transparent 17%
    ),
    radial-gradient(
      circle at 36% 32%,
      #59c9ff 0%,
      #347ce0 34%,
      #3d37a8 61%,
      #141234 100%
    );
  box-shadow:
    inset -52px -58px 88px rgba(5, 4, 24, 0.74),
    inset 30px 25px 54px rgba(117, 229, 255, 0.24),
    0 0 0 10px rgba(69, 217, 255, 0.05),
    0 0 48px rgba(69, 217, 255, 0.24),
    0 0 92px rgba(94, 70, 255, 0.2);
}

body.elon-musk-casino-page .elon-musk-planet::before {
  content: "";
  position: absolute;
  inset: 12% 8%;
  border-radius: 50%;
  background:
    repeating-linear-gradient(
      -8deg,
      transparent 0 21px,
      rgba(122, 198, 255, 0.08) 22px 26px,
      transparent 27px 46px
    );
  opacity: 0.76;
  transform: rotate(-10deg);
}

body.elon-musk-casino-page .elon-musk-planet::after {
  content: "SPIELWELT";
  position: absolute;
  right: 46px;
  bottom: 70px;
  z-index: 3;
  color: rgba(255, 217, 99, 0.76);
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 3px;
  transform: rotate(-10deg);
  text-shadow:
    0 0 10px rgba(255, 203, 60, 0.35);
}

body.elon-musk-casino-page .elon-musk-planet-light {
  position: absolute;
  top: 13%;
  left: 12%;
  width: 48%;
  height: 26%;
  border-radius: 50%;
  background:
    radial-gradient(
      ellipse,
      rgba(151, 240, 255, 0.24),
      transparent 72%
    );
  filter: blur(8px);
}

body.elon-musk-casino-page .elon-musk-planet-shadow {
  position: absolute;
  right: -18%;
  bottom: -18%;
  width: 84%;
  height: 84%;
  border-radius: 50%;
  background: rgba(4, 3, 21, 0.48);
  filter: blur(3px);
}

body.elon-musk-casino-page .elon-musk-planet-crater {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  background: rgba(8, 16, 55, 0.38);
  box-shadow:
    inset 4px 5px 10px rgba(2, 4, 18, 0.34);
}

body.elon-musk-casino-page .elon-musk-crater-one {
  top: 32%;
  left: 23%;
  width: 52px;
  height: 28px;
  transform: rotate(-14deg);
}

body.elon-musk-casino-page .elon-musk-crater-two {
  top: 48%;
  right: 19%;
  width: 35px;
  height: 22px;
}

body.elon-musk-casino-page .elon-musk-crater-three {
  bottom: 25%;
  left: 43%;
  width: 60px;
  height: 31px;
  transform: rotate(18deg);
}

body.elon-musk-casino-page .elon-musk-planet-ring {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 540px;
  height: 120px;
  border: 14px solid rgba(100, 195, 255, 0.62);
  border-right-color: rgba(74, 217, 255, 0.8);
  border-bottom-color: rgba(158, 91, 255, 0.64);
  border-left-color: rgba(145, 91, 255, 0.54);
  border-radius: 50%;
  transform:
    translate(-50%, -50%)
    rotate(-12deg);
  box-shadow:
    0 0 18px rgba(69, 217, 255, 0.15);
}

/* ==================================================
                          PLANET END
================================================== */


/* ==================================================
                         SHUTTLE START
================================================== */

body.elon-musk-casino-page .elon-musk-shuttle-flight {
  position: absolute;
  top: 24%;
  left: 1%;
  z-index: 12;
  width: 240px;
  height: 90px;
  animation:
    elon-musk-shuttle-float 5.5s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-shuttle {
  position: relative;
  width: 190px;
  height: 66px;
  transform: rotate(-3deg);
}

body.elon-musk-casino-page .elon-musk-shuttle-body {
  position: absolute;
  top: 13px;
  left: 42px;
  width: 112px;
  height: 42px;
  border-radius: 48% 60% 55% 42%;
  background:
    linear-gradient(
      180deg,
      #e8f9ff,
      #8fd6ec 52%,
      #5a9db8
    );
  box-shadow:
    inset 0 5px 7px rgba(255, 255, 255, 0.72),
    inset 0 -8px 12px rgba(17, 67, 94, 0.28),
    0 8px 18px rgba(0, 0, 0, 0.16);
}

body.elon-musk-casino-page .elon-musk-shuttle-nose {
  position: absolute;
  top: 14px;
  left: 137px;
  z-index: 3;
  width: 50px;
  height: 40px;
  border-radius: 0 70% 70% 0;
  background:
    linear-gradient(
      180deg,
      #f4fcff,
      #9ed9eb 64%,
      #649fb4
    );
  transform: skewX(-10deg);
}

body.elon-musk-casino-page .elon-musk-shuttle-window {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 28px;
  height: 21px;
  overflow: hidden;
  border: 3px solid #d6f5ff;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 38% 32%,
      #62e7ff,
      #184b91 65%,
      #061b42
    );
  box-shadow:
    0 0 10px rgba(69, 217, 255, 0.38);
}

body.elon-musk-casino-page .elon-musk-pilot-head {
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d5edff;
}

body.elon-musk-casino-page .elon-musk-pilot-visor {
  position: absolute;
  bottom: 1px;
  left: 8px;
  width: 12px;
  height: 6px;
  border-radius: 6px;
  background: #123f7a;
}

body.elon-musk-casino-page .elon-musk-shuttle-line {
  position: absolute;
  right: 52px;
  bottom: 8px;
  width: 38px;
  height: 2px;
  border-radius: 999px;
  background: rgba(29, 87, 118, 0.4);
}

body.elon-musk-casino-page .elon-musk-shuttle-wing {
  position: absolute;
  left: 66px;
  width: 54px;
  height: 35px;
  background:
    linear-gradient(
      135deg,
      #8ed5ec,
      #4f90ad
    );
  clip-path:
    polygon(
      8% 50%,
      100% 0,
      82% 100%
    );
}

body.elon-musk-casino-page .elon-musk-shuttle-wing-top {
  top: -5px;
  transform: rotate(-12deg);
}

body.elon-musk-casino-page .elon-musk-shuttle-wing-bottom {
  bottom: -4px;
  transform:
    rotate(12deg)
    scaleY(-1);
}

body.elon-musk-casino-page .elon-musk-shuttle-engine {
  position: absolute;
  top: 19px;
  left: 17px;
  width: 34px;
  height: 29px;
  border-radius: 8px 0 0 8px;
  background:
    linear-gradient(
      180deg,
      #739ab0,
      #405f72
    );
}

body.elon-musk-casino-page .elon-musk-engine-core {
  position: absolute;
  top: 7px;
  left: -3px;
  width: 10px;
  height: 15px;
  border-radius: 4px;
  background: #ffc852;
  box-shadow:
    0 0 10px rgba(255, 200, 82, 0.8);
}

body.elon-musk-casino-page .elon-musk-engine-flame {
  position: absolute;
  top: 8px;
  left: -32px;
  width: 34px;
  height: 13px;
  border-radius: 60% 0 0 60%;
  background:
    linear-gradient(
      90deg,
      rgba(77, 224, 255, 0.18),
      #5ee9ff 48%,
      #ffe16d
    );
  filter: blur(1px);
}

body.elon-musk-casino-page .elon-musk-engine-trail {
  position: absolute;
  top: 10px;
  left: -100px;
  width: 74px;
  height: 9px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(88, 226, 255, 0.6)
    );
  filter: blur(5px);
}

/* ==================================================
                          SHUTTLE END
================================================== */


/* ==================================================
             FLOATING GAME SYMBOLS START
================================================== */

body.elon-musk-casino-page .elon-musk-game-symbol {
  position: absolute;
  z-index: 14;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(164, 141, 255, 0.46);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(83, 59, 178, 0.96),
      rgba(27, 24, 82, 0.96)
    );
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 34px;
  font-weight: 900;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 22px rgba(100, 73, 255, 0.14);
  animation:
    elon-musk-object-float 5s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-symbol-seven {
  top: 16%;
  right: 9%;
  color: #ffd66a;
}

body.elon-musk-casino-page .elon-musk-symbol-star {
  top: 48%;
  left: -4%;
  color: #70e9ff;
  animation-delay: -1.2s;
}

body.elon-musk-casino-page .elon-musk-symbol-diamond {
  right: 0;
  bottom: 20%;
  color: #cbb7ff;
  animation-delay: -2.1s;
}

body.elon-musk-casino-page .elon-musk-symbol-heart {
  bottom: 6%;
  left: 14%;
  color: #ff72b7;
  animation-delay: -3.2s;
}

/* ==================================================
              FLOATING GAME SYMBOLS END
================================================== */


/* ==================================================
                  FLOATING COINS START
================================================== */

body.elon-musk-casino-page .elon-musk-coin {
  position: absolute;
  z-index: 15;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffe077;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 34% 26%,
      #fff2a9,
      #ffc32a 48%,
      #d98b00 100%
    );
  color: #7f4b00;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 25px;
  font-weight: 900;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(255, 189, 34, 0.26),
    inset 0 2px 0 rgba(255, 255, 255, 0.46);
  animation:
    elon-musk-coin-float 4.8s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-coin-one {
  top: 23%;
  left: 26%;
}

body.elon-musk-casino-page .elon-musk-coin-two {
  right: 7%;
  bottom: 33%;
  animation-delay: -1.6s;
}

body.elon-musk-casino-page .elon-musk-coin-three {
  top: 56%;
  left: 12%;
  animation-delay: -2.8s;
}

/* ==================================================
                   FLOATING COINS END
================================================== */


/* ==================================================
            FLOATING CASINO CARD START
================================================== */

body.elon-musk-casino-page .elon-musk-casino-card {
  position: absolute;
  right: 5%;
  bottom: 2%;
  z-index: 18;
  width: 300px;
  padding: 22px 24px;
  border: 1px solid rgba(69, 217, 255, 0.4);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(15, 25, 62, 0.96),
      rgba(10, 11, 42, 0.96)
    );
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 28px rgba(69, 217, 255, 0.08);
  backdrop-filter: blur(14px);
  animation:
    elon-musk-card-float 5.8s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-card-label {
  display: block;
  margin-bottom: 8px;
  color: #45d9ff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .elon-musk-casino-card strong {
  display: block;
  margin-bottom: 12px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 26px;
  line-height: 1.2;
}

body.elon-musk-casino-page .elon-musk-card-status {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 22px;
  color: rgba(211, 219, 244, 0.72);
  font-size: 13px;
}

body.elon-musk-casino-page .elon-musk-card-status::before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4ff1a6;
  box-shadow:
    0 0 12px rgba(79, 241, 166, 0.78);
}

/* ==================================================
             FLOATING CASINO CARD END
================================================== */


/* ==================================================
                  HERO BOTTOM BAR START
================================================== */

body.elon-musk-casino-page .elon-musk-hero-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-top: 1px solid rgba(133, 174, 255, 0.12);
  background: rgba(4, 7, 20, 0.52);
  backdrop-filter: blur(10px);
}

body.elon-musk-casino-page .elon-musk-hero-bottom-inner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

body.elon-musk-casino-page .elon-musk-scroll-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 700;
}

body.elon-musk-casino-page .elon-musk-scroll-link:hover,
body.elon-musk-casino-page .elon-musk-scroll-link:focus {
  color: #ffffff;
}

body.elon-musk-casino-page .elon-musk-scroll-icon {
  position: relative;
  width: 22px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 12px;
}

body.elon-musk-casino-page .elon-musk-scroll-icon::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  width: 3px;
  height: 7px;
  border-radius: 3px;
  background: #45d9ff;
  transform: translateX(-50%);
  animation:
    elon-musk-scroll-icon 1.8s ease-in-out infinite;
}

body.elon-musk-casino-page .elon-musk-hero-category-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

body.elon-musk-casino-page .elon-musk-hero-category-list span {
  padding: 7px 11px;
  border: 1px solid rgba(133, 174, 255, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(215, 222, 242, 0.7);
  font-size: 11px;
  font-weight: 700;
}

/* ==================================================
                   HERO BOTTOM BAR END
================================================== */


/* ==================================================
                    HERO ANIMATIONS START
================================================== */

@keyframes elon-musk-star-pulse {
  0%,
  100% {
    opacity: 0.24;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

@keyframes elon-musk-shooting-star {
  0%,
  76%,
  100% {
    opacity: 0;
    transform:
      translate3d(0, 0, 0)
      rotate(-25deg);
  }

  80% {
    opacity: 1;
  }

  92% {
    opacity: 0;
    transform:
      translate3d(-320px, 180px, 0)
      rotate(-25deg);
  }
}

@keyframes elon-musk-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes elon-musk-rotate-reverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

@keyframes elon-musk-portal-pulse {
  0%,
  100% {
    opacity: 0.65;
    transform: scale(0.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes elon-musk-planet-float {
  0%,
  100% {
    transform:
      translate(-50%, -50%)
      translateY(0);
  }

  50% {
    transform:
      translate(-50%, -50%)
      translateY(-10px);
  }
}

@keyframes elon-musk-shuttle-float {
  0%,
  100% {
    transform:
      translate3d(0, 0, 0)
      rotate(-1deg);
  }

  50% {
    transform:
      translate3d(10px, -9px, 0)
      rotate(1deg);
  }
}

@keyframes elon-musk-object-float {
  0%,
  100% {
    transform:
      translateY(0)
      rotate(-2deg);
  }

  50% {
    transform:
      translateY(-12px)
      rotate(3deg);
  }
}

@keyframes elon-musk-coin-float {
  0%,
  100% {
    transform:
      translateY(0)
      rotateY(0deg);
  }

  50% {
    transform:
      translateY(-12px)
      rotateY(18deg);
  }
}

@keyframes elon-musk-card-float {
  0%,
  100% {
    transform:
      translateY(0)
      rotate(-0.5deg);
  }

  50% {
    transform:
      translateY(-10px)
      rotate(0.5deg);
  }
}

@keyframes elon-musk-scroll-icon {
  0% {
    opacity: 0;
    transform:
      translate(-50%, 0);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform:
      translate(-50%, 12px);
  }
}

/* ==================================================
                     HERO ANIMATIONS END
================================================== */


/* ==================================================
                    HERO RESPONSIVE START
================================================== */

@media (min-width: 1200px) and (max-width: 1439px) {

  body.elon-musk-casino-page .elon-musk-hero {
    padding-top: 82px !important;
  }

  body.elon-musk-casino-page .elon-musk-hero-title {
    font-size: 50px;
  }

  body.elon-musk-casino-page .elon-musk-cosmic-portal {
    width: 490px;
    height: 490px;
  }

  body.elon-musk-casino-page .elon-musk-planet-wrapper {
    width: 340px;
    height: 340px;
  }

  body.elon-musk-casino-page .elon-musk-planet-ring {
    width: 470px;
    height: 105px;
  }

  body.elon-musk-casino-page .elon-musk-shuttle-flight {
    left: -3%;
    transform: scale(0.9);
  }

  body.elon-musk-casino-page .elon-musk-casino-card {
    right: 1%;
    width: 280px;
  }
}


@media (max-width: 1199px) {

  body.elon-musk-casino-page .elon-musk-hero {
    min-height: auto;
    padding-top: 82px !important;
  }

  body.elon-musk-casino-page .elon-musk-hero-copy {
    max-width: 760px;
  }

  body.elon-musk-casino-page .elon-musk-hero-visual {
    max-width: 720px;
    min-height: 650px;
    margin: 42px auto 0;
  }
}


@media (max-width: 991px) {

  body.elon-musk-casino-page .elon-musk-hero {
    padding-bottom: 120px !important;
  }

  body.elon-musk-casino-page .elon-musk-hero .row {
    min-height: 0;
  }

  body.elon-musk-casino-page .elon-musk-hero-title {
    font-size: 48px;
  }

  body.elon-musk-casino-page .elon-musk-hero-description {
    max-width: 720px;
  }

  body.elon-musk-casino-page .elon-musk-hero-benefits {
    max-width: 720px;
  }

  body.elon-musk-casino-page .elon-musk-hero-visual {
    min-height: 600px;
  }

  body.elon-musk-casino-page .elon-musk-cosmic-portal {
    width: 500px;
    height: 500px;
  }

  body.elon-musk-casino-page .elon-musk-planet-wrapper {
    width: 350px;
    height: 350px;
  }

  body.elon-musk-casino-page .elon-musk-planet-ring {
    width: 490px;
  }

  body.elon-musk-casino-page .elon-musk-hero-bottom {
    position: relative;
    margin-top: 45px;
  }
}


@media (max-width: 767px) {

  body.elon-musk-casino-page .elon-musk-hero {
    padding:
      64px 0 80px !important;
  }

  body.elon-musk-casino-page .elon-musk-hero-container {
    padding-right: 18px;
    padding-left: 18px;
  }

  body.elon-musk-casino-page .elon-musk-hero-title {
    font-size: 39px;
    letter-spacing: -1px;
  }

  body.elon-musk-casino-page .elon-musk-hero-description {
    font-size: 15px;
    line-height: 1.7;
  }

  body.elon-musk-casino-page .elon-musk-hero-benefits {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page .elon-musk-hero-visual {
    min-height: 520px;
    margin-top: 30px;
    margin-bottom: -45px;
    transform: scale(0.9);
    transform-origin: top center;
  }

  body.elon-musk-casino-page .elon-musk-hero-bottom {
    margin-top: 0;
  }

  body.elon-musk-casino-page .elon-musk-hero-bottom-inner {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 0;
  }

  body.elon-musk-casino-page .elon-musk-hero-category-list {
    justify-content: flex-start;
  }
}


@media (max-width: 575px) {

  body.elon-musk-casino-page .elon-musk-hero-title {
    font-size: 34px;
  }

  body.elon-musk-casino-page .elon-musk-hero-badge {
    font-size: 11px;
  }

  body.elon-musk-casino-page .elon-musk-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  body.elon-musk-casino-page .elon-musk-primary-button,
  body.elon-musk-casino-page .elon-musk-secondary-button {
    width: 100%;
  }

  body.elon-musk-casino-page .elon-musk-hero-benefit {
    padding: 16px;
  }

  body.elon-musk-casino-page .elon-musk-benefit-icon {
    flex-basis: 58px;
    width: 58px;
    height: 58px;
    margin-right: 14px;
  }

  body.elon-musk-casino-page .elon-musk-hero-visual {
    left: 50%;
    width: 620px;
    max-width: none;
    min-height: 500px;
    margin-left: -310px;
    margin-bottom: -155px;
    transform: scale(0.68);
    transform-origin: top center;
  }

  body.elon-musk-casino-page .elon-musk-casino-card {
    right: 8%;
  }
}


@media (max-width: 420px) {

  body.elon-musk-casino-page .elon-musk-hero-title {
    font-size: 30px;
  }

  body.elon-musk-casino-page .elon-musk-benefit-text strong {
    font-size: 15px;
  }

  body.elon-musk-casino-page .elon-musk-benefit-text span {
    font-size: 12px;
  }

  body.elon-musk-casino-page .elon-musk-hero-category-list span {
    font-size: 10px;
  }
}


@media (prefers-reduced-motion: reduce) {

  body.elon-musk-casino-page .elon-musk-hero *,
  body.elon-musk-casino-page .elon-musk-hero *::before,
  body.elon-musk-casino-page .elon-musk-hero *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==================================================
                     HERO RESPONSIVE END
================================================== */


/* ==================================================
                          HERO END
================================================== */


/* ==================================================
         ELON MUSK CASINO CSS — PART 2 END
================================================== */
/* ==================================================
             ELON MUSK CASINO BONUSES START
================================================== */

body.elon-musk-casino-page .emc-bonuses {
  position: relative;
  overflow: hidden;
  padding: 110px 0 0;
  background:
    radial-gradient(
      circle at 12% 16%,
      rgba(43, 204, 255, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 12%,
      rgba(123, 70, 255, 0.18),
      transparent 32%
    ),
    radial-gradient(
      circle at 52% 78%,
      rgba(255, 195, 71, 0.07),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #070a1a 0%,
      #080a1d 45%,
      #090b20 100%
    );
  isolation: isolate;
}

body.elon-musk-casino-page .emc-bonuses::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.48) 0 1px,
      transparent 1.4px
    );
  background-size: 86px 86px;
  background-position: 14px 18px;
  opacity: 0.17;
  pointer-events: none;
}

body.elon-musk-casino-page .emc-bonuses::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.018),
      transparent
    );
  pointer-events: none;
}

body.elon-musk-casino-page .emc-bonuses .container {
  position: relative;
  z-index: 3;
}

body.elon-musk-casino-page .emc-bonuses__glow {
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
}

body.elon-musk-casino-page .emc-bonuses__glow--cyan {
  top: 4%;
  left: -170px;
  width: 460px;
  height: 460px;
  background: rgba(26, 197, 255, 0.16);
}

body.elon-musk-casino-page .emc-bonuses__glow--purple {
  top: 18%;
  right: -220px;
  width: 560px;
  height: 560px;
  background: rgba(115, 62, 255, 0.2);
}

body.elon-musk-casino-page .emc-bonuses__stars {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.22;
  pointer-events: none;
  background-image:
    radial-gradient(
      circle at 10% 10%,
      #ffffff 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle at 70% 26%,
      #80e5ff 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle at 30% 62%,
      #ffffff 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle at 88% 80%,
      #c8b0ff 0 1px,
      transparent 1.5px
    );
  background-size:
    240px 240px,
    310px 310px,
    360px 360px,
    420px 420px;
}

/* ==================================================
                     SPIELWELT
     INSERT AFTER TOP GAMES AND BEFORE BONUSES
================================================== */

body.elon-musk-casino-page .emc-spielwelt {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 120px 0 110px;
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(72, 83, 255, 0.16),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 35%,
            rgba(0, 204, 255, 0.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(140, 76, 255, 0.13),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #050918 0%,
            #070b1f 48%,
            #050817 100%
        );
}

body.elon-musk-casino-page .emc-spielwelt::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: 0.35;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px
        );
    background-size: 72px 72px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 18%,
        #000 82%,
        transparent
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 18%,
        #000 82%,
        transparent
    );
}

body.elon-musk-casino-page .emc-spielwelt::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -320px;
    width: 920px;
    height: 540px;
    z-index: -2;
    pointer-events: none;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(62, 74, 255, 0.16);
    filter: blur(120px);
}

body.elon-musk-casino-page .emc-spielwelt__container {
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

body.elon-musk-casino-page .emc-spielwelt__background {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

body.elon-musk-casino-page .emc-spielwelt__glow {
    position: absolute;
    display: block;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.7;
}

body.elon-musk-casino-page .emc-spielwelt__glow--one {
    top: 8%;
    left: -150px;
    width: 390px;
    height: 390px;
    background: rgba(71, 91, 255, 0.22);
    animation: emcSpielweltGlowOne 9s ease-in-out infinite alternate;
}

body.elon-musk-casino-page .emc-spielwelt__glow--two {
    top: 30%;
    right: -170px;
    width: 430px;
    height: 430px;
    background: rgba(0, 210, 255, 0.16);
    animation: emcSpielweltGlowTwo 11s ease-in-out infinite alternate;
}

body.elon-musk-casino-page .emc-spielwelt__glow--three {
    left: 38%;
    bottom: -220px;
    width: 520px;
    height: 520px;
    background: rgba(142, 75, 255, 0.17);
    animation: emcSpielweltGlowThree 13s ease-in-out infinite alternate;
}

body.elon-musk-casino-page .emc-spielwelt__star {
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
    animation: emcSpielweltTwinkle 3s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-spielwelt__star--1 {
    top: 8%;
    left: 9%;
    animation-delay: 0s;
}

body.elon-musk-casino-page .emc-spielwelt__star--2 {
    top: 14%;
    left: 71%;
    width: 2px;
    height: 2px;
    animation-delay: 0.6s;
}

body.elon-musk-casino-page .emc-spielwelt__star--3 {
    top: 25%;
    left: 88%;
    animation-delay: 1.1s;
}

body.elon-musk-casino-page .emc-spielwelt__star--4 {
    top: 37%;
    left: 13%;
    width: 2px;
    height: 2px;
    animation-delay: 1.8s;
}

body.elon-musk-casino-page .emc-spielwelt__star--5 {
    top: 49%;
    left: 48%;
    animation-delay: 2.3s;
}

body.elon-musk-casino-page .emc-spielwelt__star--6 {
    top: 59%;
    left: 92%;
    width: 2px;
    height: 2px;
    animation-delay: 0.9s;
}

body.elon-musk-casino-page .emc-spielwelt__star--7 {
    top: 68%;
    left: 6%;
    animation-delay: 1.5s;
}

body.elon-musk-casino-page .emc-spielwelt__star--8 {
    top: 78%;
    left: 74%;
    width: 2px;
    height: 2px;
    animation-delay: 2.7s;
}

body.elon-musk-casino-page .emc-spielwelt__star--9 {
    top: 88%;
    left: 31%;
    animation-delay: 0.4s;
}

body.elon-musk-casino-page .emc-spielwelt__star--10 {
    top: 94%;
    left: 86%;
    width: 2px;
    height: 2px;
    animation-delay: 2s;
}

body.elon-musk-casino-page .emc-spielwelt__orbit {
    position: absolute;
    left: 50%;
    border: 1px solid rgba(132, 167, 255, 0.08);
    border-radius: 50%;
    transform: translateX(-50%) rotate(-11deg);
}

body.elon-musk-casino-page .emc-spielwelt__orbit--outer {
    top: 190px;
    width: 1380px;
    height: 510px;
}

body.elon-musk-casino-page .emc-spielwelt__orbit--inner {
    top: 270px;
    width: 1040px;
    height: 360px;
    border-color: rgba(104, 226, 255, 0.07);
    transform: translateX(-50%) rotate(8deg);
}

/* Header */

body.elon-musk-casino-page .emc-spielwelt__header {
    max-width: 850px;
    margin: 0 auto 62px;
    text-align: center;
}

body.elon-musk-casino-page .emc-spielwelt__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 36px;
    margin-bottom: 22px;
    padding: 7px 15px;
    border: 1px solid rgba(114, 164, 255, 0.18);
    border-radius: 999px;
    background: rgba(17, 26, 57, 0.64);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 38px rgba(0, 0, 0, 0.18);
    color: #9ec8ff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.elon-musk-casino-page .emc-spielwelt__eyebrow-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: #72e6ff;
}

body.elon-musk-casino-page .emc-spielwelt__eyebrow-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

body.elon-musk-casino-page .emc-spielwelt__title {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

body.elon-musk-casino-page .emc-spielwelt__title-accent {
    display: inline-block;
    color: transparent;
    background:
        linear-gradient(
            90deg,
            #8cecff 0%,
            #7796ff 45%,
            #bb83ff 100%
        );
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0 0 36px rgba(111, 154, 255, 0.18);
}

body.elon-musk-casino-page .emc-spielwelt__description {
    max-width: 760px;
    margin: 25px auto 0;
    color: rgba(221, 230, 255, 0.72);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
}

/* Universe panel */

body.elon-musk-casino-page .emc-spielwelt__universe {
    position: relative;
    min-height: 880px;
    padding: 355px 0 0;
}

body.elon-musk-casino-page .emc-spielwelt__core {
    position: absolute;
    top: 0;
    left: 50%;
    width: 380px;
    height: 380px;
    transform: translateX(-50%);
}

body.elon-musk-casino-page .emc-spielwelt__core::before {
    content: "";
    position: absolute;
    inset: 45px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(113, 163, 255, 0.22),
            transparent 62%
        );
    filter: blur(30px);
    animation: emcSpielweltCorePulse 5s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-spielwelt__core-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid rgba(123, 175, 255, 0.16);
    transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .emc-spielwelt__core-ring--one {
    width: 340px;
    height: 340px;
    animation: emcSpielweltSpin 18s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__core-ring--one::before {
    content: "";
    position: absolute;
    top: 21px;
    left: 77px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #71e9ff;
    box-shadow:
        0 0 16px rgba(113, 233, 255, 0.9),
        0 0 34px rgba(113, 233, 255, 0.46);
}

body.elon-musk-casino-page .emc-spielwelt__core-ring--two {
    width: 285px;
    height: 285px;
    border-color: rgba(174, 116, 255, 0.17);
    animation: emcSpielweltSpinReverse 13s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__core-ring--two::before {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 52px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b58aff;
    box-shadow:
        0 0 14px rgba(181, 138, 255, 0.9),
        0 0 30px rgba(181, 138, 255, 0.4);
}

body.elon-musk-casino-page .emc-spielwelt__core-ring--three {
    width: 230px;
    height: 230px;
    border-color: rgba(255, 255, 255, 0.09);
    animation: emcSpielweltSpin 9s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__planet {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 196px;
    height: 196px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 0 28px rgba(82, 119, 255, 0.35));
}

body.elon-musk-casino-page .emc-spielwelt__planet-surface {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    border: 1px solid rgba(174, 209, 255, 0.24);
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 32% 27%,
            rgba(255, 255, 255, 0.23),
            transparent 16%
        ),
        radial-gradient(
            circle at 38% 36%,
            #667eff 0%,
            #3947b9 32%,
            #171d5f 69%,
            #0b1035 100%
        );
    box-shadow:
        inset -28px -26px 48px rgba(0, 0, 0, 0.48),
        inset 16px 14px 32px rgba(135, 209, 255, 0.17),
        0 0 46px rgba(82, 113, 255, 0.32);
}

body.elon-musk-casino-page .emc-spielwelt__planet-light {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: rgba(147, 225, 255, 0.18);
    filter: blur(14px);
}

body.elon-musk-casino-page .emc-spielwelt__planet-shadow {
    position: absolute;
    right: -28px;
    bottom: -20px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: rgba(4, 7, 31, 0.58);
    filter: blur(7px);
}

body.elon-musk-casino-page .emc-spielwelt__planet-detail {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(184, 220, 255, 0.12);
}

body.elon-musk-casino-page .emc-spielwelt__planet-detail--one {
    top: 34px;
    right: 32px;
    width: 31px;
    height: 18px;
    transform: rotate(-18deg);
}

body.elon-musk-casino-page .emc-spielwelt__planet-detail--two {
    left: 29px;
    bottom: 46px;
    width: 44px;
    height: 21px;
    transform: rotate(14deg);
}

body.elon-musk-casino-page .emc-spielwelt__planet-detail--three {
    right: 44px;
    bottom: 28px;
    width: 23px;
    height: 12px;
    transform: rotate(-8deg);
}

body.elon-musk-casino-page .emc-spielwelt__planet-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 290px;
    height: 64px;
    border: 8px solid rgba(120, 157, 255, 0.17);
    border-right-color: rgba(112, 230, 255, 0.37);
    border-left-color: rgba(185, 123, 255, 0.25);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(-17deg);
    box-shadow: 0 0 18px rgba(85, 127, 255, 0.14);
}

body.elon-musk-casino-page .emc-spielwelt__planet-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: 160px;
    text-align: center;
    transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .emc-spielwelt__planet-label {
    display: block;
    margin-bottom: 7px;
    color: #99ddff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.elon-musk-casino-page .emc-spielwelt__planet-title {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.035em;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

body.elon-musk-casino-page .emc-spielwelt__planet-subtitle {
    display: block;
    margin-top: 5px;
    color: rgba(225, 235, 255, 0.77);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.elon-musk-casino-page .emc-spielwelt__satellite {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: #ffffff;
}

body.elon-musk-casino-page .emc-spielwelt__satellite--one {
    top: 75px;
    right: 45px;
    width: 7px;
    height: 7px;
    background: #7ee8ff;
    box-shadow:
        0 0 12px rgba(126, 232, 255, 0.9),
        0 0 25px rgba(126, 232, 255, 0.42);
    animation: emcSpielweltSatelliteOne 6s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-spielwelt__satellite--two {
    left: 34px;
    bottom: 87px;
    width: 5px;
    height: 5px;
    background: #aa8cff;
    box-shadow:
        0 0 11px rgba(170, 140, 255, 0.9),
        0 0 24px rgba(170, 140, 255, 0.4);
    animation: emcSpielweltSatelliteTwo 7s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-spielwelt__satellite--three {
    right: 89px;
    bottom: 30px;
    width: 4px;
    height: 4px;
    background: #ffffff;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.75);
    animation: emcSpielweltSatelliteThree 5s ease-in-out infinite;
}

/* Cards */

body.elon-musk-casino-page .emc-spielwelt__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

body.elon-musk-casino-page .emc-spielwelt-card {
    position: relative;
    display: flex;
    min-height: 395px;
    overflow: hidden;
    flex-direction: column;
    padding: 27px;
    border: 1px solid rgba(127, 160, 255, 0.13);
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(86, 105, 255, 0.12),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(18, 26, 59, 0.92),
            rgba(9, 14, 36, 0.95)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 22px 55px rgba(0, 0, 0, 0.23);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.elon-musk-casino-page .emc-spielwelt-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    background:
        linear-gradient(
            135deg,
            rgba(111, 202, 255, 0.08),
            transparent 34%,
            rgba(167, 103, 255, 0.08)
        );
    transition: opacity 0.35s ease;
}

body.elon-musk-casino-page .emc-spielwelt-card::after {
    content: "";
    position: absolute;
    top: -85px;
    right: -70px;
    width: 190px;
    height: 190px;
    z-index: 0;
    border-radius: 50%;
    background: rgba(89, 119, 255, 0.1);
    filter: blur(30px);
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

body.elon-musk-casino-page .emc-spielwelt-card:hover {
    transform: translateY(-8px);
    border-color: rgba(119, 183, 255, 0.29);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 30px 74px rgba(0, 0, 0, 0.32),
        0 0 34px rgba(75, 113, 255, 0.08);
}

body.elon-musk-casino-page .emc-spielwelt-card:hover::before {
    opacity: 1;
}

body.elon-musk-casino-page .emc-spielwelt-card:hover::after {
    opacity: 1;
    transform: scale(1.15);
}

body.elon-musk-casino-page .emc-spielwelt-card > * {
    position: relative;
    z-index: 2;
}

body.elon-musk-casino-page .emc-spielwelt-card__number {
    position: absolute;
    right: 20px;
    bottom: 3px;
    z-index: 0;
    color: rgba(255, 255, 255, 0.025);
    font-size: 105px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.09em;
    pointer-events: none;
}

body.elon-musk-casino-page .emc-spielwelt-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 27px;
}

body.elon-musk-casino-page .emc-spielwelt-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 1px solid rgba(123, 182, 255, 0.18);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(78, 113, 255, 0.19),
            rgba(30, 47, 102, 0.22)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 30px rgba(0, 0, 0, 0.19);
    color: #88dfff;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

body.elon-musk-casino-page .emc-spielwelt-card:hover .emc-spielwelt-card__icon {
    transform: translateY(-3px) rotate(-3deg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 16px 34px rgba(0, 0, 0, 0.24),
        0 0 25px rgba(86, 169, 255, 0.12);
}

body.elon-musk-casino-page .emc-spielwelt-card__icon svg {
    display: block;
    width: 31px;
    height: 31px;
}

body.elon-musk-casino-page .emc-spielwelt-card__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 6px 11px;
    border: 1px solid rgba(135, 177, 255, 0.15);
    border-radius: 999px;
    background: rgba(20, 29, 62, 0.74);
    color: rgba(211, 228, 255, 0.75);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

body.elon-musk-casino-page .emc-spielwelt-card__content {
    margin-bottom: 21px;
}

body.elon-musk-casino-page .emc-spielwelt-card__kicker {
    display: block;
    margin-bottom: 8px;
    color: #7fcfff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.elon-musk-casino-page .emc-spielwelt-card__title {
    margin: 0 0 13px;
    color: #f6f9ff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

body.elon-musk-casino-page .emc-spielwelt-card__text {
    margin: 0;
    color: rgba(213, 224, 250, 0.67);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

body.elon-musk-casino-page .emc-spielwelt-card__features {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px;
}

body.elon-musk-casino-page .emc-spielwelt-card__features span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid rgba(125, 157, 231, 0.11);
    border-radius: 8px;
    background: rgba(8, 13, 34, 0.54);
    color: rgba(196, 211, 242, 0.65);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}

body.elon-musk-casino-page .emc-spielwelt-card__link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-height: 48px;
    margin-top: auto;
    padding: 12px 15px;
    border: 1px solid rgba(117, 169, 255, 0.15);
    border-radius: 14px;
    background: rgba(14, 23, 53, 0.72);
    color: #eaf2ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

body.elon-musk-casino-page .emc-spielwelt-card__link svg {
    display: block;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    transition: transform 0.3s ease;
}

body.elon-musk-casino-page .emc-spielwelt-card__link:hover {
    border-color: rgba(117, 196, 255, 0.34);
    background: rgba(44, 74, 144, 0.32);
    color: #ffffff;
    transform: translateY(-2px);
}

body.elon-musk-casino-page .emc-spielwelt-card__link:hover svg {
    transform: translateX(4px);
}

/* Card variations */

body.elon-musk-casino-page .emc-spielwelt-card--live .emc-spielwelt-card__icon,
body.elon-musk-casino-page .emc-spielwelt-card--jackpot .emc-spielwelt-card__icon {
    color: #b99aff;
    background:
        linear-gradient(
            145deg,
            rgba(143, 83, 255, 0.19),
            rgba(54, 34, 103, 0.24)
        );
}

body.elon-musk-casino-page .emc-spielwelt-card--table .emc-spielwelt-card__icon,
body.elon-musk-casino-page .emc-spielwelt-card--instant .emc-spielwelt-card__icon {
    color: #7ff5d5;
    background:
        linear-gradient(
            145deg,
            rgba(45, 189, 166, 0.16),
            rgba(27, 83, 81, 0.22)
        );
}

body.elon-musk-casino-page .emc-spielwelt-card--mobile .emc-spielwelt-card__icon {
    color: #ffb878;
    background:
        linear-gradient(
            145deg,
            rgba(255, 151, 74, 0.17),
            rgba(107, 62, 31, 0.22)
        );
}

body.elon-musk-casino-page .emc-spielwelt-card--live .emc-spielwelt-card__kicker,
body.elon-musk-casino-page .emc-spielwelt-card--jackpot .emc-spielwelt-card__kicker {
    color: #b99aff;
}

body.elon-musk-casino-page .emc-spielwelt-card--table .emc-spielwelt-card__kicker,
body.elon-musk-casino-page .emc-spielwelt-card--instant .emc-spielwelt-card__kicker {
    color: #74eac9;
}

body.elon-musk-casino-page .emc-spielwelt-card--mobile .emc-spielwelt-card__kicker {
    color: #ffb878;
}

/* Advantages */

body.elon-musk-casino-page .emc-spielwelt__advantages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

body.elon-musk-casino-page .emc-spielwelt-advantage {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 95px;
    padding: 18px 20px;
    border: 1px solid rgba(125, 161, 255, 0.11);
    border-radius: 20px;
    background: rgba(12, 18, 43, 0.66);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 15px 34px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.elon-musk-casino-page .emc-spielwelt-advantage__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid rgba(125, 183, 255, 0.16);
    border-radius: 15px;
    background: rgba(65, 92, 171, 0.17);
    color: #80dbff;
}

body.elon-musk-casino-page .emc-spielwelt-advantage__icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

body.elon-musk-casino-page .emc-spielwelt-advantage__content {
    min-width: 0;
}

body.elon-musk-casino-page .emc-spielwelt-advantage__content strong {
    display: block;
    margin-bottom: 5px;
    color: #f2f6ff;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
}

body.elon-musk-casino-page .emc-spielwelt-advantage__content span {
    display: block;
    color: rgba(207, 219, 244, 0.62);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
}

/* CTA */

body.elon-musk-casino-page .emc-spielwelt__cta {
    position: relative;
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    overflow: hidden;
    margin-top: 62px;
    padding: 34px 38px;
    border: 1px solid rgba(133, 175, 255, 0.19);
    border-radius: 30px;
    background:
        radial-gradient(
            circle at 8% 50%,
            rgba(67, 117, 255, 0.22),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 10%,
            rgba(159, 83, 255, 0.18),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            rgba(19, 30, 70, 0.97),
            rgba(10, 15, 40, 0.98)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 28px 70px rgba(0, 0, 0, 0.3);
}

body.elon-musk-casino-page .emc-spielwelt__cta > * {
    position: relative;
    z-index: 2;
}

body.elon-musk-casino-page .emc-spielwelt__cta-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

body.elon-musk-casino-page .emc-spielwelt__cta-line {
    position: absolute;
    display: block;
    border: 1px solid rgba(123, 173, 255, 0.09);
    border-radius: 50%;
}

body.elon-musk-casino-page .emc-spielwelt__cta-line--one {
    top: -125px;
    right: 16%;
    width: 400px;
    height: 400px;
}

body.elon-musk-casino-page .emc-spielwelt__cta-line--two {
    top: -72px;
    right: 20%;
    width: 290px;
    height: 290px;
    border-color: rgba(184, 111, 255, 0.09);
}

body.elon-musk-casino-page .emc-spielwelt__cta-glow {
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(143, 86, 255, 0.15);
    filter: blur(70px);
}

body.elon-musk-casino-page .emc-spielwelt__cta-visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.elon-musk-casino-page .emc-spielwelt__portal {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    color: #a5eaff;
}

body.elon-musk-casino-page .emc-spielwelt__portal::before {
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(91, 168, 255, 0.28),
            rgba(58, 77, 194, 0.14) 45%,
            transparent 70%
        );
    box-shadow: 0 0 34px rgba(77, 133, 255, 0.25);
}

body.elon-musk-casino-page .emc-spielwelt__portal svg {
    position: relative;
    z-index: 4;
    display: block;
    width: 54px;
    height: 54px;
    filter: drop-shadow(0 0 13px rgba(126, 218, 255, 0.33));
}

body.elon-musk-casino-page .emc-spielwelt__portal-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border: 1px solid rgba(121, 193, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .emc-spielwelt__portal-ring--one {
    width: 116px;
    height: 116px;
    animation: emcSpielweltSpin 14s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__portal-ring--one::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 24px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7ee4ff;
    box-shadow: 0 0 13px rgba(126, 228, 255, 0.9);
}

body.elon-musk-casino-page .emc-spielwelt__portal-ring--two {
    width: 92px;
    height: 92px;
    border-color: rgba(179, 120, 255, 0.24);
    animation: emcSpielweltSpinReverse 9s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__portal-ring--three {
    width: 70px;
    height: 70px;
    border-color: rgba(255, 255, 255, 0.11);
    animation: emcSpielweltSpin 6s linear infinite;
}

body.elon-musk-casino-page .emc-spielwelt__cta-content {
    max-width: 560px;
}

body.elon-musk-casino-page .emc-spielwelt__cta-kicker {
    display: block;
    margin-bottom: 9px;
    color: #80dcff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

body.elon-musk-casino-page .emc-spielwelt__cta-title {
    margin: 0;
    color: #f8faff;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

body.elon-musk-casino-page .emc-spielwelt__cta-text {
    max-width: 540px;
    margin: 13px 0 0;
    color: rgba(216, 227, 251, 0.67);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

body.elon-musk-casino-page .emc-spielwelt__cta-action {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 11px;
    min-width: 230px;
}

body.elon-musk-casino-page .emc-spielwelt__cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-width: 225px;
    min-height: 56px;
    padding: 14px 22px;
    border: 1px solid rgba(157, 222, 255, 0.35);
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            #5f7cff 0%,
            #5666e6 45%,
            #884fd8 100%
        );
    box-shadow:
        0 15px 34px rgba(65, 82, 205, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

body.elon-musk-casino-page .emc-spielwelt__cta-button svg {
    display: block;
    width: 21px;
    height: 21px;
    transition: transform 0.3s ease;
}

body.elon-musk-casino-page .emc-spielwelt__cta-button:hover {
    transform: translateY(-3px);
    filter: brightness(1.08);
    box-shadow:
        0 20px 42px rgba(66, 86, 218, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

body.elon-musk-casino-page .emc-spielwelt__cta-button:hover svg {
    transform: translateX(4px);
}

body.elon-musk-casino-page .emc-spielwelt__cta-note {
    color: rgba(197, 213, 242, 0.53);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    text-align: right;
}

/* Animations */

@keyframes emcSpielweltGlowOne {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        transform: translate3d(45px, 35px, 0) scale(1.08);
    }
}

@keyframes emcSpielweltGlowTwo {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        transform: translate3d(-50px, 42px, 0) scale(1.1);
    }
}

@keyframes emcSpielweltGlowThree {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        transform: translate3d(25px, -30px, 0) scale(1.07);
    }
}

@keyframes emcSpielweltTwinkle {
    0%,
    100% {
        opacity: 0.25;
        transform: scale(0.75);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

@keyframes emcSpielweltSpin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes emcSpielweltSpinReverse {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@keyframes emcSpielweltCorePulse {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.93);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@keyframes emcSpielweltSatelliteOne {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(9px, -12px, 0);
    }
}

@keyframes emcSpielweltSatelliteTwo {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-8px, 11px, 0);
    }
}

@keyframes emcSpielweltSatelliteThree {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(0.9);
    }

    50% {
        transform: translate3d(7px, 8px, 0) scale(1.2);
    }
}

/* Responsive */

@media (max-width: 1100px) {
    body.elon-musk-casino-page .emc-spielwelt {
        padding: 105px 0 95px;
    }

    body.elon-musk-casino-page .emc-spielwelt__universe {
        min-height: auto;
    }

    body.elon-musk-casino-page .emc-spielwelt__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.elon-musk-casino-page .emc-spielwelt__cta {
        grid-template-columns: 125px minmax(0, 1fr);
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-action {
        grid-column: 2;
        align-items: flex-start;
        min-width: 0;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-note {
        text-align: left;
    }
}

@media (max-width: 860px) {
    body.elon-musk-casino-page .emc-spielwelt__container {
        width: min(100% - 36px, 1240px);
    }

    body.elon-musk-casino-page .emc-spielwelt__header {
        margin-bottom: 50px;
    }

    body.elon-musk-casino-page .emc-spielwelt__description {
        font-size: 16px;
    }

    body.elon-musk-casino-page .emc-spielwelt__universe {
        padding-top: 320px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core {
        width: 330px;
        height: 330px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--one {
        width: 315px;
        height: 315px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--two {
        width: 264px;
        height: 264px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--three {
        width: 214px;
        height: 214px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet {
        width: 180px;
        height: 180px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-ring {
        width: 265px;
    }

    body.elon-musk-casino-page .emc-spielwelt__advantages {
        grid-template-columns: 1fr;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta {
        padding: 31px;
    }
}

@media (max-width: 680px) {
    body.elon-musk-casino-page .emc-spielwelt {
        padding: 82px 0 78px;
    }

    body.elon-musk-casino-page .emc-spielwelt__container {
        width: min(100% - 28px, 1240px);
    }

    body.elon-musk-casino-page .emc-spielwelt__header {
        margin-bottom: 38px;
    }

    body.elon-musk-casino-page .emc-spielwelt__eyebrow {
        min-height: 33px;
        margin-bottom: 18px;
        padding: 7px 12px;
        font-size: 9px;
        letter-spacing: 0.12em;
    }

    body.elon-musk-casino-page .emc-spielwelt__title {
        font-size: clamp(37px, 11vw, 52px);
        line-height: 1.02;
    }

    body.elon-musk-casino-page .emc-spielwelt__title-accent {
        display: block;
        margin-top: 3px;
    }

    body.elon-musk-casino-page .emc-spielwelt__description {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.72;
    }

    body.elon-musk-casino-page .emc-spielwelt__universe {
        padding-top: 285px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core {
        width: 280px;
        height: 280px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--one {
        width: 270px;
        height: 270px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--two {
        width: 226px;
        height: 226px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--three {
        width: 184px;
        height: 184px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet {
        width: 155px;
        height: 155px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-ring {
        width: 225px;
        height: 54px;
        border-width: 7px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-content {
        width: 135px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-title {
        font-size: 19px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-label {
        font-size: 8px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-subtitle {
        font-size: 8px;
    }

    body.elon-musk-casino-page .emc-spielwelt__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card {
        min-height: auto;
        padding: 23px;
        border-radius: 22px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__top {
        margin-bottom: 22px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__title {
        font-size: 23px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__text {
        font-size: 13px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__number {
        font-size: 88px;
    }

    body.elon-musk-casino-page .emc-spielwelt__advantages {
        gap: 12px;
        margin-top: 18px;
    }

    body.elon-musk-casino-page .emc-spielwelt-advantage {
        min-height: 88px;
        padding: 16px;
        border-radius: 18px;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 22px;
        margin-top: 42px;
        padding: 29px 22px;
        border-radius: 24px;
        text-align: center;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-visual {
        order: 1;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-content {
        order: 2;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-action {
        order: 3;
        align-items: center;
        width: 100%;
    }

    body.elon-musk-casino-page .emc-spielwelt__portal {
        width: 105px;
        height: 105px;
    }

    body.elon-musk-casino-page .emc-spielwelt__portal-ring--one {
        width: 103px;
        height: 103px;
    }

    body.elon-musk-casino-page .emc-spielwelt__portal-ring--two {
        width: 81px;
        height: 81px;
    }

    body.elon-musk-casino-page .emc-spielwelt__portal-ring--three {
        width: 62px;
        height: 62px;
    }

    body.elon-musk-casino-page .emc-spielwelt__portal svg {
        width: 48px;
        height: 48px;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-title {
        font-size: 29px;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-text {
        font-size: 13px;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-button {
        width: 100%;
        min-width: 0;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta-note {
        text-align: center;
    }
}

@media (max-width: 390px) {
    body.elon-musk-casino-page .emc-spielwelt__container {
        width: min(100% - 22px, 1240px);
    }

    body.elon-musk-casino-page .emc-spielwelt__universe {
        padding-top: 255px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core {
        width: 248px;
        height: 248px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--one {
        width: 242px;
        height: 242px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--two {
        width: 203px;
        height: 203px;
    }

    body.elon-musk-casino-page .emc-spielwelt__core-ring--three {
        width: 166px;
        height: 166px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet {
        width: 140px;
        height: 140px;
    }

    body.elon-musk-casino-page .emc-spielwelt__planet-ring {
        width: 204px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card {
        padding: 20px;
    }

    body.elon-musk-casino-page .emc-spielwelt-card__status {
        font-size: 9px;
    }

    body.elon-musk-casino-page .emc-spielwelt__cta {
        padding: 25px 18px;
    }
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    body.elon-musk-casino-page .emc-spielwelt *,
    body.elon-musk-casino-page .emc-spielwelt *::before,
    body.elon-musk-casino-page .emc-spielwelt *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==================================================
                   END SPIELWELT
================================================== */
/* ==================================================
                  BONUSES HEADER START
================================================== */

body.elon-musk-casino-page .emc-bonuses__header {
  max-width: 860px;
  margin: 0 auto 56px;
  text-align: center;
}

body.elon-musk-casino-page .emc-bonuses__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding: 9px 15px;
  border: 1px solid rgba(83, 217, 255, 0.22);
  border-radius: 999px;
  background: rgba(21, 31, 67, 0.62);
  color: #78defb;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

body.elon-musk-casino-page .emc-bonuses__header h2 {
  margin: 0 0 22px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

body.elon-musk-casino-page .emc-bonuses__header h2 span {
  background:
    linear-gradient(
      90deg,
      #77e0ff 0%,
      #a487ff 52%,
      #ffd36a 100%
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.elon-musk-casino-page .emc-bonuses__header p {
  max-width: 780px;
  margin: 0 auto;
  color: rgba(217, 224, 242, 0.72);
  font-size: 16px;
  line-height: 1.78;
}

/* ==================================================
                   BONUSES HEADER END
================================================== */


/* ==================================================
                    BONUS HERO START
================================================== */

body.elon-musk-casino-page .emc-bonus-hero {
  position: relative;
  display: grid;
  grid-template-columns:
    minmax(0, 1.06fr)
    minmax(420px, 0.94fr);
  min-height: 620px;
  overflow: hidden;
  margin-bottom: 92px;
  border: 1px solid rgba(118, 142, 220, 0.2);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 77% 42%,
      rgba(64, 206, 255, 0.18),
      transparent 31%
    ),
    radial-gradient(
      circle at 86% 25%,
      rgba(121, 72, 255, 0.2),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(19, 27, 65, 0.97),
      rgba(24, 18, 61, 0.98)
    );
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.elon-musk-casino-page .emc-bonus-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.025) 49%,
      transparent 50%
    );
  pointer-events: none;
}

body.elon-musk-casino-page .emc-bonus-hero__content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 64px 64px 66px;
}

body.elon-musk-casino-page .emc-bonus-hero__label {
  display: inline-flex;
  margin-bottom: 20px;
  padding: 8px 13px;
  border: 1px solid rgba(77, 219, 255, 0.28);
  border-radius: 999px;
  background: rgba(32, 47, 94, 0.64);
  color: #76e3ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-hero__amount {
  margin-bottom: 13px;
}

body.elon-musk-casino-page .emc-bonus-hero__amount strong {
  display: block;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: clamp(44px, 4.5vw, 66px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1.8px;
}

body.elon-musk-casino-page .emc-bonus-hero__amount span {
  display: block;
  margin-top: 11px;
  color: rgba(203, 213, 240, 0.66);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-hero__spins {
  display: inline-flex;
  margin-bottom: 24px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 213, 94, 0.42);
  border-radius: 10px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 188, 43, 0.18),
      rgba(255, 213, 94, 0.08)
    );
  color: #ffd66e;
  font-size: 19px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-hero__content h3 {
  max-width: 590px;
  margin: 0 0 17px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 29px;
  font-weight: 850;
  line-height: 1.3;
}

body.elon-musk-casino-page .emc-bonus-hero__content > p {
  max-width: 610px;
  margin: 0 0 30px;
  color: rgba(214, 222, 242, 0.7);
  font-size: 15px;
  line-height: 1.72;
}

body.elon-musk-casino-page .emc-bonus-hero__facts {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 30px;
}

body.elon-musk-casino-page .emc-bonus-hero__facts > div {
  min-height: 90px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  border: 1px solid rgba(137, 159, 219, 0.15);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.028);
}

body.elon-musk-casino-page .emc-bonus-hero__facts span {
  display: block;
  margin-bottom: 7px;
  color: rgba(190, 201, 230, 0.58);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-hero__facts strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-hero__button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 22px;
  border: 1px solid rgba(255, 224, 128, 0.82);
  border-radius: 11px;
  background:
    linear-gradient(
      135deg,
      #ffae0b,
      #ffd45f
    );
  color: #1a1205 !important;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 900;
  box-shadow:
    0 14px 34px rgba(255, 174, 11, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

body.elon-musk-casino-page .emc-bonus-hero__button:hover,
body.elon-musk-casino-page .emc-bonus-hero__button:focus {
  color: #1a1205 !important;
  transform: translateY(-3px);
  box-shadow:
    0 18px 40px rgba(255, 174, 11, 0.32);
}

body.elon-musk-casino-page .emc-bonus-hero__button span {
  font-size: 19px;
  transition: transform 0.25s ease;
}

body.elon-musk-casino-page
.emc-bonus-hero__button:hover
span {
  transform: translateX(4px);
}

/* ==================================================
                    BONUS HERO END
================================================== */


/* ==================================================
                 BONUS VISUAL START
================================================== */

body.elon-musk-casino-page .emc-bonus-hero__visual {
  position: relative;
  z-index: 2;
  min-height: 620px;
}

body.elon-musk-casino-page .emc-bonus-hero__visual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(71, 219, 255, 0.2),
      rgba(101, 67, 255, 0.14) 46%,
      transparent 72%
    );
  filter: blur(12px);
  transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .emc-bonus-hero__spark {
  position: absolute;
  z-index: 8;
  color: #ffffff;
  text-shadow:
    0 0 16px currentColor;
  animation:
    emc-bonus-spark 3.8s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-bonus-hero__spark--one {
  top: 16%;
  left: 15%;
  color: #77e8ff;
  font-size: 26px;
}

body.elon-musk-casino-page .emc-bonus-hero__spark--two {
  top: 28%;
  right: 12%;
  color: #ffd767;
  font-size: 20px;
  animation-delay: -1.3s;
}

body.elon-musk-casino-page .emc-bonus-hero__spark--three {
  right: 19%;
  bottom: 17%;
  color: #bd9aff;
  font-size: 22px;
  animation-delay: -2.2s;
}

body.elon-musk-casino-page .emc-bonus-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 490px;
  height: 490px;
  transform: translate(-50%, -50%);
}

body.elon-musk-casino-page .emc-bonus-orbit__ring {
  position: absolute;
  border-radius: 50%;
}

body.elon-musk-casino-page .emc-bonus-orbit__ring--outer {
  inset: 0;
  border: 1px solid rgba(77, 211, 255, 0.3);
  box-shadow:
    0 0 26px rgba(77, 211, 255, 0.11);
  animation:
    emc-bonus-rotate 24s linear infinite;
}

body.elon-musk-casino-page .emc-bonus-orbit__ring--middle {
  inset: 12%;
  border: 1px dashed rgba(159, 112, 255, 0.38);
  animation:
    emc-bonus-rotate-reverse 20s linear infinite;
}

body.elon-musk-casino-page .emc-bonus-orbit__ring--inner {
  inset: 28%;
  border: 1px solid rgba(255, 213, 88, 0.22);
  animation:
    emc-bonus-rotate 14s linear infinite;
}

body.elon-musk-casino-page .emc-bonus-orbit__centre {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 224px;
  height: 224px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(105, 221, 255, 0.45);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(103, 226, 255, 0.28),
      rgba(50, 34, 119, 0.95) 56%,
      rgba(15, 17, 53, 0.98)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 30px rgba(71, 211, 255, 0.25),
    0 0 68px rgba(101, 70, 255, 0.23);
  transform: translate(-50%, -50%);
  animation:
    emc-bonus-centre-pulse 4.2s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-bonus-orbit__centre small {
  margin-bottom: 7px;
  color: #79e6ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

body.elon-musk-casino-page .emc-bonus-orbit__centre strong {
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

body.elon-musk-casino-page .emc-bonus-orbit__centre span {
  margin-top: 9px;
  color: #ffd767;
  font-size: 16px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-orbit__planet {
  position: absolute;
  z-index: 7;
  min-width: 76px;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 13px;
  font-weight: 900;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.25),
    inset 0 2px 0 rgba(255, 255, 255, 0.17);
}

body.elon-musk-casino-page .emc-bonus-orbit__planet--one {
  top: 3%;
  left: 50%;
  background:
    radial-gradient(
      circle at 35% 25%,
      #97edff,
      #257fbd 62%,
      #102e66
    );
  transform: translateX(-50%);
  animation:
    emc-bonus-planet-float 4.8s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-bonus-orbit__planet--two {
  top: 52%;
  right: -1%;
  background:
    radial-gradient(
      circle at 35% 25%,
      #c5abff,
      #7047d5 62%,
      #2b1966
    );
  transform: translateY(-50%);
  animation:
    emc-bonus-planet-float 5.2s ease-in-out infinite -1.4s;
}

body.elon-musk-casino-page .emc-bonus-orbit__planet--three {
  bottom: 4%;
  left: 8%;
  background:
    radial-gradient(
      circle at 35% 25%,
      #fff0a5,
      #d89418 62%,
      #724206
    );
  animation:
    emc-bonus-planet-float 5.5s ease-in-out infinite -2.5s;
}

body.elon-musk-casino-page .emc-bonus-coin {
  position: absolute;
  z-index: 9;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffe078;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 26%,
      #fff4b8,
      #ffc93f 50%,
      #d98600
    );
  color: #754500;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 900;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 198, 50, 0.26);
  animation:
    emc-bonus-coin-float 4.4s ease-in-out infinite;
}

body.elon-musk-casino-page .emc-bonus-coin--left {
  bottom: 19%;
  left: 8%;
}

body.elon-musk-casino-page .emc-bonus-coin--right {
  top: 20%;
  right: 5%;
  animation-delay: -2s;
}

/* ==================================================
                  BONUS VISUAL END
================================================== */


/* ==================================================
                 SUBHEADINGS START
================================================== */

body.elon-musk-casino-page .emc-bonuses-subheading {
  max-width: 780px;
  margin: 0 auto 42px;
  text-align: center;
}

body.elon-musk-casino-page .emc-bonuses-subheading > span {
  display: block;
  margin-bottom: 11px;
  color: #78dffb;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonuses-subheading h3 {
  margin: 0 0 16px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: clamp(29px, 3vw, 42px);
  font-weight: 900;
  line-height: 1.2;
}

body.elon-musk-casino-page .emc-bonuses-subheading p {
  margin: 0;
  color: rgba(207, 216, 238, 0.68);
  font-size: 15px;
  line-height: 1.72;
}

body.elon-musk-casino-page
.emc-bonuses-subheading--additional {
  margin-top: 102px;
}

/* ==================================================
                  SUBHEADINGS END
================================================== */


/* ==================================================
                 BONUS STAGES START
================================================== */

body.elon-musk-casino-page .emc-bonus-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

body.elon-musk-casino-page .emc-bonus-stage {
  position: relative;
  min-height: 525px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(118, 141, 205, 0.18);
  border-radius: 22px;
  background:
    linear-gradient(
      150deg,
      rgba(24, 31, 70, 0.96),
      rgba(14, 16, 43, 0.98)
    );
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

body.elon-musk-casino-page .emc-bonus-stage::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  filter: blur(20px);
  opacity: 0.18;
}

body.elon-musk-casino-page .emc-bonus-stage:hover {
  transform: translateY(-7px);
  box-shadow:
    0 30px 68px rgba(0, 0, 0, 0.29),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.elon-musk-casino-page .emc-bonus-stage--cyan::before {
  background: #43d8ff;
}

body.elon-musk-casino-page .emc-bonus-stage--purple::before {
  background: #8158ff;
}

body.elon-musk-casino-page .emc-bonus-stage--yellow::before {
  background: #ffc94b;
}

body.elon-musk-casino-page .emc-bonus-stage--cyan:hover {
  border-color: rgba(67, 216, 255, 0.4);
}

body.elon-musk-casino-page .emc-bonus-stage--purple:hover {
  border-color: rgba(145, 100, 255, 0.42);
}

body.elon-musk-casino-page .emc-bonus-stage--yellow:hover {
  border-color: rgba(255, 203, 74, 0.42);
}

body.elon-musk-casino-page .emc-bonus-stage__number {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(255, 255, 255, 0.07);
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
}

body.elon-musk-casino-page .emc-bonus-stage__label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-bottom: 22px;
  padding: 7px 11px;
  border: 1px solid rgba(127, 153, 220, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(223, 229, 245, 0.76);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-stage__value {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 280px;
  margin-bottom: 9px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1px;
}

body.elon-musk-casino-page .emc-bonus-stage__limit {
  display: block;
  margin: -2px 0 11px;
  color: rgba(215, 223, 242, 0.72);
  font-size: 18px;
  font-weight: 800;
}

body.elon-musk-casino-page .emc-bonus-stage__spins {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 11px;
  border-radius: 9px;
  background: rgba(255, 203, 77, 0.1);
  color: #ffd36a;
  font-size: 14px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-stage h4 {
  margin: 0 0 13px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 22px;
  font-weight: 850;
}

body.elon-musk-casino-page .emc-bonus-stage p {
  margin: 0 0 23px;
  color: rgba(204, 213, 235, 0.65);
  font-size: 14px;
  line-height: 1.65;
}

body.elon-musk-casino-page .emc-bonus-stage__meta {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  margin-bottom: 21px;
}

body.elon-musk-casino-page .emc-bonus-stage__meta span {
  display: inline-flex;
  padding: 7px 9px;
  border: 1px solid rgba(129, 148, 198, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(190, 200, 226, 0.58);
  font-size: 10px;
  font-weight: 700;
}

body.elon-musk-casino-page .emc-bonus-stage__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #7ddfff !important;
  font-size: 13px;
  font-weight: 850;
}

body.elon-musk-casino-page .emc-bonus-stage__link:hover,
body.elon-musk-casino-page .emc-bonus-stage__link:focus {
  color: #ffffff !important;
}

body.elon-musk-casino-page .emc-bonus-stage__link span {
  transition: transform 0.25s ease;
}

body.elon-musk-casino-page
.emc-bonus-stage__link:hover
span {
  transform: translateX(4px);
}

/* ==================================================
                  BONUS STAGES END
================================================== */


/* ==================================================
              EXTRA BONUS CARDS START
================================================== */

body.elon-musk-casino-page .emc-extra-bonuses {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 94px;
}

body.elon-musk-casino-page .emc-extra-bonus {
  position: relative;
  min-height: 410px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(123, 143, 204, 0.17);
  border-radius: 20px;
  background:
    linear-gradient(
      150deg,
      rgba(23, 29, 66, 0.96),
      rgba(13, 15, 40, 0.98)
    );
  transition:
    transform 0.26s ease,
    border-color 0.26s ease;
}

body.elon-musk-casino-page .emc-extra-bonus::before {
  content: "";
  position: absolute;
  top: -78px;
  right: -78px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  filter: blur(20px);
  opacity: 0.14;
}

body.elon-musk-casino-page .emc-extra-bonus:hover {
  transform: translateY(-6px);
}

body.elon-musk-casino-page .emc-extra-bonus--cyan::before {
  background: #42d5ff;
}

body.elon-musk-casino-page .emc-extra-bonus--yellow::before {
  background: #ffc951;
}

body.elon-musk-casino-page .emc-extra-bonus--pink::before {
  background: #ff5fad;
}

body.elon-musk-casino-page .emc-extra-bonus--purple::before {
  background: #895fff;
}

body.elon-musk-casino-page .emc-extra-bonus--cyan:hover {
  border-color: rgba(66, 213, 255, 0.38);
}

body.elon-musk-casino-page .emc-extra-bonus--yellow:hover {
  border-color: rgba(255, 201, 81, 0.38);
}

body.elon-musk-casino-page .emc-extra-bonus--pink:hover {
  border-color: rgba(255, 95, 173, 0.36);
}

body.elon-musk-casino-page .emc-extra-bonus--purple:hover {
  border-color: rgba(137, 95, 255, 0.38);
}

body.elon-musk-casino-page .emc-extra-bonus__label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-bottom: 20px;
  padding: 7px 10px;
  border: 1px solid rgba(146, 164, 218, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(229, 234, 248, 0.75);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-extra-bonus__value {
  position: relative;
  z-index: 2;
  margin-bottom: 6px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.8px;
}

body.elon-musk-casino-page .emc-extra-bonus > strong {
  display: block;
  margin-bottom: 17px;
  color: #ffd46a;
  font-size: 16px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-extra-bonus p {
  margin: 0 0 22px;
  color: rgba(204, 213, 235, 0.64);
  font-size: 13px;
  line-height: 1.65;
}

body.elon-musk-casino-page .emc-extra-bonus__code {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  margin-bottom: 20px;
  padding: 12px 13px;
  border: 1px dashed rgba(255, 212, 101, 0.34);
  border-radius: 11px;
  background: rgba(255, 198, 52, 0.055);
}

body.elon-musk-casino-page .emc-extra-bonus__code span {
  color: rgba(218, 225, 242, 0.58);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-extra-bonus__code strong {
  color: #ffd364;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
}

body.elon-musk-casino-page .emc-extra-bonus__note {
  display: block;
  margin-top: auto;
  margin-bottom: 20px;
  color: rgba(180, 191, 219, 0.55);
  font-size: 10px;
  line-height: 1.5;
}

body.elon-musk-casino-page .emc-extra-bonus__button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 15px;
  border: 1px solid rgba(93, 205, 255, 0.24);
  border-radius: 9px;
  background: rgba(44, 69, 126, 0.28);
  color: #dff7ff !important;
  font-size: 12px;
  font-weight: 850;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}

body.elon-musk-casino-page .emc-extra-bonus__button:hover,
body.elon-musk-casino-page .emc-extra-bonus__button:focus {
  border-color: rgba(91, 219, 255, 0.5);
  background: rgba(50, 91, 160, 0.42);
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ==================================================
               EXTRA BONUS CARDS END
================================================== */


/* ==================================================
              BONUS INFORMATION START
================================================== */

body.elon-musk-casino-page .emc-bonus-information {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 86px;
}

body.elon-musk-casino-page .emc-bonus-information__card {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 30px;
  border: 1px solid rgba(123, 145, 209, 0.17);
  border-radius: 22px;
  background:
    linear-gradient(
      145deg,
      rgba(22, 29, 66, 0.95),
      rgba(13, 15, 39, 0.98)
    );
}

body.elon-musk-casino-page .emc-bonus-information__icon {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(97, 213, 255, 0.32);
  border-radius: 15px;
  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(91, 222, 255, 0.18),
      rgba(42, 48, 98, 0.74)
    );
  color: #76e0ff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 900;
}

body.elon-musk-casino-page
.emc-bonus-information__card--rules
.emc-bonus-information__icon {
  border-color: rgba(255, 204, 80, 0.32);
  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 208, 90, 0.17),
      rgba(65, 49, 31, 0.74)
    );
  color: #ffd167;
}

body.elon-musk-casino-page .emc-bonus-information__content {
  min-width: 0;
}

body.elon-musk-casino-page .emc-bonus-information__content > span {
  display: block;
  margin-bottom: 7px;
  color: #77def9;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-information__content h3 {
  margin: 0 0 13px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 21px;
  font-weight: 850;
  line-height: 1.35;
}

body.elon-musk-casino-page .emc-bonus-information__content p {
  margin: 0 0 18px;
  color: rgba(202, 211, 234, 0.64);
  font-size: 13px;
  line-height: 1.65;
}

body.elon-musk-casino-page .emc-bonus-information__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.elon-musk-casino-page .emc-bonus-information__facts span {
  display: inline-flex;
  padding: 7px 9px;
  border: 1px solid rgba(133, 152, 204, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(188, 199, 226, 0.57);
  font-size: 10px;
  font-weight: 700;
}

/* ==================================================
               BONUS INFORMATION END
================================================== */


/* ==================================================
                   BONUS TICKER START
================================================== */

body.elon-musk-casino-page .emc-bonus-ticker {
  position: relative;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  margin-bottom: 78px;
  border-top: 1px solid rgba(108, 145, 222, 0.13);
  border-bottom: 1px solid rgba(108, 145, 222, 0.13);
  background:
    linear-gradient(
      90deg,
      rgba(24, 31, 70, 0.94),
      rgba(42, 28, 88, 0.94),
      rgba(24, 31, 70, 0.94)
    );
}

body.elon-musk-casino-page .emc-bonus-ticker__track {
  width: max-content;
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 0 22px;
  animation:
    emc-bonus-ticker 28s linear infinite;
}

body.elon-musk-casino-page .emc-bonus-ticker__track span {
  color: rgba(238, 242, 252, 0.82);
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

body.elon-musk-casino-page .emc-bonus-ticker__track i {
  color: #ffd36c;
  font-size: 12px;
  font-style: normal;
}

/* ==================================================
                    BONUS TICKER END
================================================== */


/* ==================================================
                      BONUS CTA START
================================================== */

body.elon-musk-casino-page .emc-bonus-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 28px;
  padding: 34px 38px;
  border: 1px solid rgba(127, 150, 216, 0.18);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 88% 28%,
      rgba(90, 214, 255, 0.13),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      rgba(24, 31, 71, 0.96),
      rgba(28, 19, 65, 0.98)
    );
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.22);
}

body.elon-musk-casino-page .emc-bonus-cta__content {
  max-width: 720px;
}

body.elon-musk-casino-page .emc-bonus-cta__content > span {
  display: block;
  margin-bottom: 7px;
  color: #77dffb;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

body.elon-musk-casino-page .emc-bonus-cta__content h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 28px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-cta__content p {
  margin: 0;
  color: rgba(202, 212, 235, 0.64);
  font-size: 13px;
  line-height: 1.6;
}

body.elon-musk-casino-page .emc-bonus-cta__button {
  flex: 0 0 auto;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 20px;
  border: 1px solid rgba(255, 224, 128, 0.8);
  border-radius: 10px;
  background:
    linear-gradient(
      135deg,
      #ffae0d,
      #ffd45f
    );
  color: #191103 !important;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 13px;
  font-weight: 900;
  box-shadow:
    0 13px 28px rgba(255, 174, 13, 0.2);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

body.elon-musk-casino-page .emc-bonus-cta__button:hover,
body.elon-musk-casino-page .emc-bonus-cta__button:focus {
  color: #191103 !important;
  transform: translateY(-3px);
  box-shadow:
    0 18px 36px rgba(255, 174, 13, 0.3);
}

body.elon-musk-casino-page .emc-bonus-cta__button span {
  font-size: 18px;
}

/* ==================================================
                       BONUS CTA END
================================================== */


/* ==================================================
                   BONUS NOTICE START
================================================== */

body.elon-musk-casino-page .emc-bonus-notice {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 0;
  padding: 22px 24px;
  border: 1px solid rgba(255, 203, 79, 0.17);
  border-radius: 16px;
  background: rgba(255, 195, 50, 0.035);
}

body.elon-musk-casino-page .emc-bonus-notice > span {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 211, 94, 0.36);
  border-radius: 50%;
  color: #ffd365;
  font-family:
    "Montserrat",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 900;
}

body.elon-musk-casino-page .emc-bonus-notice p {
  margin: 0;
  color: rgba(187, 197, 221, 0.56);
  font-size: 11px;
  line-height: 1.65;
}

/* ==================================================
                    BONUS NOTICE END
================================================== */


/* ==================================================
                 BONUS ANIMATIONS START
================================================== */

@keyframes emc-bonus-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes emc-bonus-rotate-reverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

@keyframes emc-bonus-centre-pulse {
  0%,
  100% {
    transform:
      translate(-50%, -50%)
      scale(0.98);
  }

  50% {
    transform:
      translate(-50%, -50%)
      scale(1.03);
  }
}

@keyframes emc-bonus-planet-float {
  0%,
  100% {
    margin-top: 0;
  }

  50% {
    margin-top: -10px;
  }
}

@keyframes emc-bonus-coin-float {
  0%,
  100% {
    transform:
      translateY(0)
      rotate(-3deg);
  }

  50% {
    transform:
      translateY(-12px)
      rotate(4deg);
  }
}

@keyframes emc-bonus-spark {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.78);
  }

  50% {
    opacity: 1;
    transform: scale(1.22);
  }
}

@keyframes emc-bonus-ticker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* ==================================================
                  BONUS ANIMATIONS END
================================================== */


/* ==================================================
                  BONUS RESPONSIVE START
================================================== */

@media (max-width: 1199px) {

  body.elon-musk-casino-page .emc-bonus-hero {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(360px, 0.8fr);
  }

  body.elon-musk-casino-page .emc-bonus-hero__content {
    padding: 52px 42px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit {
    width: 420px;
    height: 420px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre {
    width: 200px;
    height: 200px;
  }

  body.elon-musk-casino-page .emc-extra-bonuses {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 991px) {

  body.elon-musk-casino-page .emc-bonuses {
    padding-top: 88px;
  }

  body.elon-musk-casino-page .emc-bonus-hero {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page .emc-bonus-hero__visual {
    min-height: 540px;
  }

  body.elon-musk-casino-page .emc-bonus-stages {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page .emc-bonus-stage {
    min-height: auto;
  }

  body.elon-musk-casino-page .emc-bonus-information {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page .emc-bonus-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}


@media (max-width: 767px) {

  body.elon-musk-casino-page .emc-bonuses {
    padding-top: 72px;
  }

  body.elon-musk-casino-page .emc-bonuses__header {
    margin-bottom: 42px;
  }

  body.elon-musk-casino-page .emc-bonuses__header h2 {
    font-size: 36px;
  }

  body.elon-musk-casino-page .emc-bonuses__header p {
    font-size: 14px;
  }

  body.elon-musk-casino-page .emc-bonus-hero {
    margin-bottom: 72px;
    border-radius: 22px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__content {
    padding: 38px 26px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__amount strong {
    font-size: 44px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__content h3 {
    font-size: 24px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__facts {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page .emc-bonus-hero__facts > div {
    min-height: 72px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__visual {
    min-height: 470px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit {
    width: 370px;
    height: 370px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre {
    width: 180px;
    height: 180px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre strong {
    font-size: 28px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__planet {
    min-width: 66px;
    min-height: 66px;
    font-size: 11px;
  }

  body.elon-musk-casino-page .emc-extra-bonuses {
    grid-template-columns: 1fr;
  }

  body.elon-musk-casino-page
  .emc-bonuses-subheading--additional {
    margin-top: 80px;
  }

  body.elon-musk-casino-page .emc-bonus-information__card {
    flex-direction: column;
  }

  body.elon-musk-casino-page .emc-bonus-cta {
    padding: 28px 24px;
  }

  body.elon-musk-casino-page .emc-bonus-cta__button {
    width: 100%;
  }
}


@media (max-width: 575px) {

  body.elon-musk-casino-page .emc-bonuses .container {
    padding-right: 18px;
    padding-left: 18px;
  }

  body.elon-musk-casino-page .emc-bonuses__eyebrow {
    font-size: 10px;
  }

  body.elon-musk-casino-page .emc-bonuses__header h2 {
    font-size: 31px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__amount strong {
    font-size: 38px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__spins {
    font-size: 16px;
  }

  body.elon-musk-casino-page .emc-bonus-hero__visual {
    min-height: 410px;
    overflow: hidden;
  }

  body.elon-musk-casino-page .emc-bonus-orbit {
    width: 330px;
    height: 330px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre {
    width: 160px;
    height: 160px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre strong {
    font-size: 25px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre span {
    font-size: 13px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__planet {
    min-width: 58px;
    min-height: 58px;
    font-size: 9px;
  }

  body.elon-musk-casino-page .emc-bonus-coin {
    width: 50px;
    height: 50px;
    font-size: 19px;
  }

  body.elon-musk-casino-page .emc-bonus-stage,
  body.elon-musk-casino-page .emc-extra-bonus {
    padding: 24px;
  }

  body.elon-musk-casino-page .emc-bonus-stage__value {
    font-size: 33px;
  }

  body.elon-musk-casino-page .emc-extra-bonus__value {
    font-size: 31px;
  }

  body.elon-musk-casino-page .emc-bonus-information__card {
    padding: 24px;
  }

  body.elon-musk-casino-page .emc-bonus-ticker__track {
    min-height: 58px;
  }

  body.elon-musk-casino-page .emc-bonus-cta__content h3 {
    font-size: 23px;
  }

  body.elon-musk-casino-page .emc-bonus-notice {
    padding: 18px;
  }
}


@media (max-width: 380px) {

  body.elon-musk-casino-page .emc-bonus-hero__content {
    padding-right: 20px;
    padding-left: 20px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit {
    width: 290px;
    height: 290px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre {
    width: 142px;
    height: 142px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__centre strong {
    font-size: 22px;
  }

  body.elon-musk-casino-page .emc-bonus-orbit__planet {
    min-width: 52px;
    min-height: 52px;
  }
}


@media (prefers-reduced-motion: reduce) {

  body.elon-musk-casino-page .emc-bonuses *,
  body.elon-musk-casino-page .emc-bonuses *::before,
  body.elon-musk-casino-page .emc-bonuses *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==================================================
               ELON MUSK CASINO BONUSES END
================================================== */
/* ==================================================
                 HEADER STICKY OVERRIDE
================================================== */

body.elon-musk-casino-page {
    padding-top: 88px;
}

body.elon-musk-casino-page .elon-musk-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;

    background: rgba(6, 9, 24, 0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(108, 180, 255, 0.14);

    box-shadow:
        0 12px 35px rgba(0,0,0,.28);
}

html {
    scroll-padding-top: 104px;
}

body.elon-musk-casino-page #home,
body.elon-musk-casino-page #top-games,
body.elon-musk-casino-page #spielwelt,
body.elon-musk-casino-page #bonuses {
    scroll-margin-top: 104px;
}

@media (max-width: 767px) {
    html {
        scroll-padding-top: 86px;
    }

    body.elon-musk-casino-page {
        padding-top: 74px;
    }

    body.elon-musk-casino-page #home,
    body.elon-musk-casino-page #top-games,
    body.elon-musk-casino-page #spielwelt,
    body.elon-musk-casino-page #bonuses {
        scroll-margin-top: 86px;
    }
}

/* =========================================================
   ELON MUSK CASINO
   EIN- UND AUSZAHLUNGEN
   CSS PART 1 / 3
========================================================= */

/* =========================================================
   SECTION
========================================================= */

.emc-payments {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 120px 24px;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(74, 116, 255, 0.13),
            transparent 34%
        ),
        radial-gradient(
            circle at 85% 35%,
            rgba(147, 74, 255, 0.11),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #070a18 0%,
            #090d21 48%,
            #060916 100%
        );
    color: #f5f7ff;
}

.emc-payments,
.emc-payments * {
    box-sizing: border-box;
}

.emc-payments a {
    color: inherit;
    text-decoration: none;
}

.emc-payments button,
.emc-payments input,
.emc-payments textarea,
.emc-payments select {
    font: inherit;
}

.emc-payments__container {
    position: relative;
    z-index: 3;
    width: min(1180px, 100%);
    margin: 0 auto;
}

/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.emc-payments__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.emc-payments__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1100px, 94vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(120, 171, 255, 0.45),
        rgba(173, 118, 255, 0.35),
        transparent
    );
}

.emc-payments__background::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -420px;
    width: 900px;
    height: 620px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(67, 115, 255, 0.12) 0%,
        rgba(74, 50, 190, 0.06) 38%,
        transparent 70%
    );
    filter: blur(10px);
}

.emc-payments__glow {
    position: absolute;
    display: block;
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.7;
}

.emc-payments__glow--one {
    top: 8%;
    left: -160px;
    width: 420px;
    height: 420px;
    background: rgba(45, 103, 255, 0.22);
    animation: emcPaymentsGlowFloat 13s ease-in-out infinite;
}

.emc-payments__glow--two {
    top: 30%;
    right: -190px;
    width: 500px;
    height: 500px;
    background: rgba(129, 64, 255, 0.18);
    animation: emcPaymentsGlowFloat 16s ease-in-out infinite reverse;
}

.emc-payments__glow--three {
    left: 35%;
    bottom: 6%;
    width: 360px;
    height: 360px;
    background: rgba(38, 194, 255, 0.1);
    animation: emcPaymentsGlowPulse 10s ease-in-out infinite;
}

.emc-payments__grid-lines {
    position: absolute;
    inset: 0;
    opacity: 0.17;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        );
    background-size: 54px 54px;
    -webkit-mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.65),
        transparent 92%
    );
    mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.65),
        transparent 92%
    );
}

.emc-payments__star {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 7px rgba(255, 255, 255, 0.9),
        0 0 14px rgba(108, 180, 255, 0.65);
    animation: emcPaymentsStarBlink 3.5s ease-in-out infinite;
}

.emc-payments__star--1 {
    top: 9%;
    left: 11%;
    animation-delay: 0.3s;
}

.emc-payments__star--2 {
    top: 14%;
    right: 17%;
    animation-delay: 1.2s;
}

.emc-payments__star--3 {
    top: 39%;
    left: 7%;
    animation-delay: 2.1s;
}

.emc-payments__star--4 {
    top: 45%;
    right: 8%;
    animation-delay: 0.8s;
}

.emc-payments__star--5 {
    top: 72%;
    left: 16%;
    animation-delay: 1.7s;
}

.emc-payments__star--6 {
    bottom: 10%;
    right: 20%;
    animation-delay: 2.7s;
}

/* =========================================================
   SECTION HEADER
========================================================= */

.emc-payments__header {
    width: min(820px, 100%);
    margin: 0 auto 68px;
    text-align: center;
}

.emc-payments__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 38px;
    margin-bottom: 22px;
    padding: 8px 16px;
    border: 1px solid rgba(127, 176, 255, 0.2);
    border-radius: 999px;
    background: linear-gradient(
        135deg,
        rgba(66, 114, 255, 0.12),
        rgba(151, 77, 255, 0.08)
    );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 34px rgba(0, 0, 0, 0.2);
    color: #b9d5ff;
    font-size: 0.77rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.emc-payments__eyebrow-icon {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #6fb6ff;
}

.emc-payments__eyebrow-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.emc-payments__title {
    margin: 0;
    color: #f7f9ff;
    font-size: clamp(2.2rem, 5vw, 4.45rem);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -0.045em;
}

.emc-payments__title-accent {
    display: inline-block;
    background: linear-gradient(
        95deg,
        #7cc4ff 0%,
        #8d8bff 46%,
        #c084ff 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 28px rgba(112, 132, 255, 0.18);
}

.emc-payments__description {
    max-width: 760px;
    margin: 25px auto 0;
    color: rgba(220, 226, 246, 0.72);
    font-size: 1.02rem;
    line-height: 1.85;
}

/* =========================================================
   MAIN DASHBOARD
========================================================= */

.emc-payments__dashboard {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    gap: 58px;
    align-items: center;
    margin-bottom: 92px;
    padding: 54px;
    border: 1px solid rgba(123, 167, 255, 0.16);
    border-radius: 34px;
    background:
        linear-gradient(
            145deg,
            rgba(22, 28, 58, 0.86),
            rgba(9, 13, 34, 0.92)
        );
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.emc-payments__dashboard::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(
        120deg,
        rgba(106, 166, 255, 0.15),
        transparent 34%,
        transparent 66%,
        rgba(154, 95, 255, 0.13)
    );
    pointer-events: none;
}

.emc-payments__dashboard::after {
    content: "";
    position: absolute;
    left: 9%;
    bottom: -1px;
    width: 38%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(96, 183, 255, 0.72),
        transparent
    );
    box-shadow: 0 0 20px rgba(92, 169, 255, 0.48);
}

/* =========================================================
   DASHBOARD LEFT SIDE
========================================================= */

.emc-payments__overview {
    position: relative;
    z-index: 2;
}

.emc-payments__overview-heading {
    margin-bottom: 32px;
}

.emc-payments__overview-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #75b8ff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.emc-payments__overview-label::before {
    content: "";
    width: 22px;
    height: 1px;
    background: linear-gradient(
        90deg,
        #6caeff,
        transparent
    );
}

.emc-payments__overview-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.75rem, 3vw, 2.65rem);
    font-weight: 780;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.emc-payments__overview-text {
    margin: 19px 0 0;
    color: rgba(220, 227, 247, 0.68);
    font-size: 0.96rem;
    line-height: 1.82;
}

.emc-payments__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 24px;
}

.emc-payments-stat {
    position: relative;
    min-height: 116px;
    padding: 18px 15px;
    overflow: hidden;
    border: 1px solid rgba(125, 170, 255, 0.13);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.028);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.emc-payments-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(112, 184, 255, 0.7),
        transparent
    );
}

.emc-payments-stat__value {
    display: block;
    margin-bottom: 9px;
    color: #f8fbff;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
}

.emc-payments-stat__label {
    display: block;
    color: rgba(210, 218, 241, 0.61);
    font-size: 0.77rem;
    line-height: 1.5;
}

.emc-payments__security-note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px;
    border: 1px solid rgba(92, 206, 181, 0.14);
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        rgba(57, 193, 163, 0.075),
        rgba(47, 89, 171, 0.045)
    );
}

.emc-payments__security-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(111, 231, 201, 0.2);
    border-radius: 13px;
    background: rgba(83, 214, 181, 0.1);
    color: #73e2c5;
    box-shadow: 0 0 24px rgba(73, 210, 176, 0.08);
}

.emc-payments__security-icon svg {
    width: 23px;
    height: 23px;
}

.emc-payments__security-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.emc-payments__security-content strong {
    color: #edfdf9;
    font-size: 0.9rem;
    line-height: 1.35;
}

.emc-payments__security-content span {
    color: rgba(205, 231, 225, 0.62);
    font-size: 0.78rem;
    line-height: 1.58;
}

/* =========================================================
   DASHBOARD RIGHT VISUAL
========================================================= */

.emc-payments__visual {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 560px;
}

.emc-payments__visual::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 470px;
    height: 470px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(83, 130, 255, 0.2) 0%,
        rgba(102, 75, 215, 0.09) 35%,
        transparent 70%
    );
    filter: blur(8px);
}

.emc-payments__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 330px;
    height: 40px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(48, 82, 180, 0.24);
    filter: blur(22px);
}

/* =========================================================
   PAYMENT TERMINAL
========================================================= */

.emc-payments-terminal {
    position: relative;
    z-index: 4;
    width: min(100%, 470px);
    overflow: hidden;
    border: 1px solid rgba(139, 182, 255, 0.21);
    border-radius: 28px;
    background:
        linear-gradient(
            160deg,
            rgba(28, 35, 73, 0.96),
            rgba(10, 14, 35, 0.98)
        );
    box-shadow:
        0 38px 90px rgba(0, 0, 0, 0.48),
        0 0 50px rgba(77, 111, 255, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);
    transform-origin: center;
    transition:
        transform 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}

.emc-payments-terminal:hover {
    transform: perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-5px);
    border-color: rgba(144, 192, 255, 0.34);
    box-shadow:
        0 44px 100px rgba(0, 0, 0, 0.54),
        0 0 58px rgba(75, 124, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.emc-payments-terminal::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.045),
            transparent 24%
        ),
        radial-gradient(
            circle at 85% 5%,
            rgba(138, 95, 255, 0.15),
            transparent 30%
        );
}

.emc-payments-terminal::after {
    content: "";
    position: absolute;
    top: 0;
    left: -70%;
    z-index: 1;
    width: 40%;
    height: 100%;
    pointer-events: none;
    transform: skewX(-18deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.055),
        transparent
    );
    animation: emcPaymentsTerminalShine 8s ease-in-out infinite;
}

.emc-payments-terminal > * {
    position: relative;
    z-index: 2;
}

/* =========================================================
   TERMINAL TOP
========================================================= */

.emc-payments-terminal__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px;
    border-bottom: 1px solid rgba(136, 174, 255, 0.11);
}

.emc-payments-terminal__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.emc-payments-terminal__brand-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(116, 177, 255, 0.19);
    border-radius: 13px;
    background: linear-gradient(
        135deg,
        rgba(80, 137, 255, 0.17),
        rgba(145, 85, 255, 0.11)
    );
    color: #83c4ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-payments-terminal__brand-icon svg {
    width: 23px;
    height: 23px;
}

.emc-payments-terminal__brand div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.emc-payments-terminal__brand strong {
    overflow: hidden;
    color: #f8faff;
    font-size: 0.88rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emc-payments-terminal__brand span {
    overflow: hidden;
    color: rgba(205, 216, 242, 0.48);
    font-size: 0.69rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emc-payments-terminal__status {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(84, 226, 184, 0.15);
    border-radius: 999px;
    background: rgba(54, 190, 153, 0.08);
    color: #7be1c5;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.emc-payments-terminal__status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #69e0bf;
    box-shadow: 0 0 10px rgba(105, 224, 191, 0.9);
    animation: emcPaymentsOnlinePulse 2.4s ease-in-out infinite;
}

/* =========================================================
   TERMINAL BALANCE
========================================================= */

.emc-payments-terminal__balance {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px 24px 27px;
    text-align: center;
}

.emc-payments-terminal__balance-label {
    margin-bottom: 8px;
    color: rgba(203, 214, 242, 0.52);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.emc-payments-terminal__balance-value {
    display: block;
    margin-bottom: 8px;
    background: linear-gradient(
        95deg,
        #ffffff,
        #a9d7ff 45%,
        #bfa4ff
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(2rem, 5vw, 2.9rem);
    font-weight: 830;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.emc-payments-terminal__balance-note {
    color: rgba(192, 204, 234, 0.38);
    font-size: 0.65rem;
    line-height: 1.4;
}

/* =========================================================
   TERMINAL ACTIONS
========================================================= */

.emc-payments-terminal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 24px 26px;
}

.emc-payments-terminal__action {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    min-height: 72px;
    padding: 13px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 17px;
    outline: none;
    text-align: left;
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        background 0.28s ease,
        box-shadow 0.28s ease;
}

.emc-payments-terminal__action:hover {
    transform: translateY(-3px);
}

.emc-payments-terminal__action:focus-visible {
    outline: 2px solid rgba(126, 190, 255, 0.85);
    outline-offset: 3px;
}

.emc-payments-terminal__action--deposit {
    border-color: rgba(87, 218, 178, 0.17);
    background: linear-gradient(
        135deg,
        rgba(57, 188, 150, 0.14),
        rgba(48, 117, 137, 0.08)
    );
    color: #76e0c3;
}

.emc-payments-terminal__action--deposit:hover {
    border-color: rgba(93, 227, 185, 0.32);
    background: linear-gradient(
        135deg,
        rgba(57, 188, 150, 0.21),
        rgba(48, 117, 137, 0.12)
    );
    box-shadow: 0 14px 28px rgba(43, 178, 143, 0.1);
}

.emc-payments-terminal__action--withdraw {
    border-color: rgba(116, 165, 255, 0.18);
    background: linear-gradient(
        135deg,
        rgba(75, 124, 244, 0.15),
        rgba(111, 71, 211, 0.09)
    );
    color: #89bdff;
}

.emc-payments-terminal__action--withdraw:hover {
    border-color: rgba(129, 180, 255, 0.34);
    background: linear-gradient(
        135deg,
        rgba(75, 124, 244, 0.22),
        rgba(111, 71, 211, 0.13)
    );
    box-shadow: 0 14px 28px rgba(69, 111, 224, 0.12);
}

.emc-payments-terminal__action-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 39px;
    height: 39px;
    border: 1px solid currentColor;
    border-radius: 12px;
    opacity: 0.92;
}

.emc-payments-terminal__action-icon svg {
    width: 21px;
    height: 21px;
}

.emc-payments-terminal__action > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.emc-payments-terminal__action strong {
    color: #f4f8ff;
    font-size: 0.8rem;
    line-height: 1.3;
}

.emc-payments-terminal__action small {
    overflow: hidden;
    color: rgba(210, 219, 241, 0.47);
    font-size: 0.63rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   TERMINAL ACTIVITY
========================================================= */

.emc-payments-terminal__activity {
    margin: 0 18px 18px;
    overflow: hidden;
    border: 1px solid rgba(129, 165, 239, 0.11);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.022);
}

.emc-payments-terminal__activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(129, 165, 239, 0.09);
}

.emc-payments-terminal__activity-head strong {
    color: rgba(239, 244, 255, 0.84);
    font-size: 0.72rem;
    line-height: 1.3;
}

.emc-payments-terminal__activity-head span {
    color: rgba(194, 207, 238, 0.38);
    font-size: 0.63rem;
    line-height: 1.3;
}

.emc-payments-terminal__transaction {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 14px 15px;
}

.emc-payments-terminal__transaction + .emc-payments-terminal__transaction {
    border-top: 1px solid rgba(129, 165, 239, 0.075);
}

.emc-payments-terminal__transaction-icon {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border-radius: 12px;
}

.emc-payments-terminal__transaction-icon svg {
    width: 18px;
    height: 18px;
}

.emc-payments-terminal__transaction-icon--deposit {
    border: 1px solid rgba(89, 219, 181, 0.15);
    background: rgba(58, 192, 154, 0.09);
    color: #70dfc0;
}

.emc-payments-terminal__transaction-icon--withdraw {
    border: 1px solid rgba(121, 171, 255, 0.15);
    background: rgba(79, 126, 231, 0.09);
    color: #85bcff;
}

.emc-payments-terminal__transaction-info {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.emc-payments-terminal__transaction-info strong {
    color: #ecf1ff;
    font-size: 0.76rem;
    line-height: 1.25;
}

.emc-payments-terminal__transaction-info span {
    overflow: hidden;
    color: rgba(193, 204, 231, 0.4);
    font-size: 0.61rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emc-payments-terminal__transaction-value {
    display: flex;
    min-width: 92px;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
    text-align: right;
}

.emc-payments-terminal__transaction-value > strong {
    color: #f4f7ff;
    font-size: 0.73rem;
    line-height: 1.2;
}

.emc-payments-terminal__transaction-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 0.54rem;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.03em;
}

.emc-payments-terminal__transaction-status--complete {
    border: 1px solid rgba(82, 221, 178, 0.15);
    background: rgba(50, 188, 147, 0.09);
    color: #72ddbe;
}

.emc-payments-terminal__transaction-status--review {
    border: 1px solid rgba(248, 185, 87, 0.16);
    background: rgba(236, 159, 47, 0.08);
    color: #f4bf6d;
}

/* =========================================================
   TERMINAL FOOTER
========================================================= */

.emc-payments-terminal__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(129, 165, 239, 0.09);
    background: rgba(3, 6, 19, 0.22);
    color: rgba(190, 207, 233, 0.46);
    font-size: 0.62rem;
    line-height: 1.4;
}

.emc-payments-terminal__secure-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #62ddba;
    box-shadow: 0 0 9px rgba(98, 221, 186, 0.7);
}

/* =========================================================
   ORBITS
========================================================= */

.emc-payments__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    border: 1px solid rgba(112, 157, 255, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.emc-payments__orbit--one {
    width: 510px;
    height: 330px;
    transform: translate(-50%, -50%) rotate(-12deg);
    animation: emcPaymentsOrbitRotateOne 24s linear infinite;
}

.emc-payments__orbit--two {
    width: 430px;
    height: 530px;
    transform: translate(-50%, -50%) rotate(21deg);
    border-color: rgba(147, 94, 255, 0.1);
    animation: emcPaymentsOrbitRotateTwo 30s linear infinite;
}

.emc-payments__satellite {
    position: absolute;
    z-index: 3;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    pointer-events: none;
}

.emc-payments__satellite--one {
    top: 16%;
    right: 7%;
    background: #7bc1ff;
    box-shadow:
        0 0 0 5px rgba(111, 185, 255, 0.06),
        0 0 18px rgba(111, 185, 255, 0.65);
    animation: emcPaymentsSatelliteFloat 6s ease-in-out infinite;
}

.emc-payments__satellite--two {
    left: 8%;
    bottom: 18%;
    width: 8px;
    height: 8px;
    background: #bd8cff;
    box-shadow:
        0 0 0 5px rgba(177, 117, 255, 0.05),
        0 0 17px rgba(177, 117, 255, 0.62);
    animation: emcPaymentsSatelliteFloat 7.5s ease-in-out infinite reverse;
}

/* =========================================================
   ANIMATIONS USED IN PART 1
========================================================= */

@keyframes emcPaymentsGlowFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(30px, -24px, 0) scale(1.08);
    }
}

@keyframes emcPaymentsGlowPulse {
    0%,
    100% {
        opacity: 0.42;
        transform: scale(0.94);
    }

    50% {
        opacity: 0.72;
        transform: scale(1.08);
    }
}

@keyframes emcPaymentsStarBlink {
    0%,
    100% {
        opacity: 0.28;
        transform: scale(0.78);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }
}

@keyframes emcPaymentsOnlinePulse {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.82);
    }

    50% {
        opacity: 1;
        transform: scale(1.18);
    }
}

@keyframes emcPaymentsTerminalShine {
    0%,
    62% {
        left: -70%;
    }

    78%,
    100% {
        left: 135%;
    }
}

@keyframes emcPaymentsOrbitRotateOne {
    from {
        transform: translate(-50%, -50%) rotate(-12deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(348deg);
    }
}

@keyframes emcPaymentsOrbitRotateTwo {
    from {
        transform: translate(-50%, -50%) rotate(21deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(-339deg);
    }
}

@keyframes emcPaymentsSatelliteFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-16px);
    }
}

/* =========================================================
   ELON MUSK CASINO
   LIVE-CASINO & TISCHSPIELE
========================================================= */

.emc-live-tables {
  --emc-lt-panel: rgba(18, 25, 55, 0.82);
  --emc-lt-panel-deep: rgba(8, 12, 31, 0.94);
  --emc-lt-white: #f8fbff;
  --emc-lt-text: rgba(221, 228, 248, 0.74);
  --emc-lt-muted: rgba(194, 205, 235, 0.55);
  --emc-lt-cyan: #54ddff;
  --emc-lt-purple: #a66cff;
  --emc-lt-border: rgba(138, 178, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  padding: 112px 0;
  border-top: 1px solid rgba(123, 182, 255, 0.12);
  background:
    radial-gradient(
      circle at 13% 16%,
      rgba(40, 151, 255, 0.13),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 39%,
      rgba(151, 72, 255, 0.13),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #070b1c 0%,
      #090d24 47%,
      #060916 100%
    );
  color: var(--emc-lt-white);
}

.emc-live-tables,
.emc-live-tables *,
.emc-live-tables *::before,
.emc-live-tables *::after {
  box-sizing: border-box;
}

.emc-live-tables a {
  color: inherit;
  text-decoration: none;
}

.emc-live-tables__container {
  position: relative;
  z-index: 3;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-live-tables__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-live-tables__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.19;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    transparent 78%
  );
  mask-image: linear-gradient(
    180deg,
    #000 0%,
    transparent 78%
  );
}

.emc-live-tables__background::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -390px;
  width: 900px;
  height: 620px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(87, 92, 255, 0.14),
    transparent 68%
  );
}

.emc-live-tables__glow {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(85px);
  opacity: 0.65;
  animation: emcLtGlow 13s ease-in-out infinite;
}

.emc-live-tables__glow--cyan {
  top: 8%;
  left: -180px;
  width: 460px;
  height: 460px;
  background: rgba(24, 176, 255, 0.2);
}

.emc-live-tables__glow--purple {
  top: 37%;
  right: -190px;
  width: 500px;
  height: 500px;
  background: rgba(145, 65, 255, 0.18);
  animation-delay: -6s;
}

.emc-live-tables__star {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 15px rgba(84, 221, 255, 0.75);
  animation: emcLtStar 3.2s ease-in-out infinite;
}

.emc-live-tables__star--1 {
  top: 8%;
  left: 9%;
}

.emc-live-tables__star--2 {
  top: 16%;
  right: 13%;
  animation-delay: -0.8s;
}

.emc-live-tables__star--3 {
  top: 39%;
  left: 5%;
  animation-delay: -1.7s;
}

.emc-live-tables__star--4 {
  top: 52%;
  right: 7%;
  animation-delay: -2.4s;
}

.emc-live-tables__star--5 {
  bottom: 20%;
  left: 14%;
  animation-delay: -1.1s;
}

.emc-live-tables__star--6 {
  right: 19%;
  bottom: 8%;
  animation-delay: -2.8s;
}

.emc-live-tables__orbit {
  position: absolute;
  display: block;
  border: 1px solid rgba(106, 174, 255, 0.1);
  border-radius: 50%;
}

.emc-live-tables__orbit--one {
  top: 120px;
  right: -260px;
  width: 610px;
  height: 610px;
  animation: emcLtOrbit 28s linear infinite;
}

.emc-live-tables__orbit--two {
  left: -240px;
  bottom: 110px;
  width: 520px;
  height: 520px;
  border-color: rgba(171, 102, 255, 0.09);
  animation: emcLtOrbit 34s linear infinite reverse;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.emc-live-tables__header {
  width: min(850px, 100%);
  margin: 0 auto 58px;
  text-align: center;
}

.emc-live-tables__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(84, 221, 255, 0.22);
  border-radius: 999px;
  background: rgba(29, 104, 153, 0.1);
  color: #9beaff;
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-live-tables__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--emc-lt-cyan);
  box-shadow: 0 0 12px var(--emc-lt-cyan);
}

.emc-live-tables__title {
  margin: 0;
  color: var(--emc-lt-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-live-tables__title span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--emc-lt-cyan),
    #8eaeff 48%,
    #c68bff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-live-tables__description {
  max-width: 790px;
  margin: 24px auto 0;
  color: var(--emc-lt-text);
  font-size: 1rem;
  line-height: 1.82;
}

.emc-live-tables__navigation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 28px;
  padding: 6px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 16px;
  background: rgba(5, 9, 25, 0.6);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.19);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.emc-live-tables__navigation a {
  min-width: 145px;
  padding: 11px 18px;
  border-radius: 11px;
  color: rgba(231, 237, 252, 0.69);
  font-size: 0.79rem;
  font-weight: 750;
  line-height: 1.3;
  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease;
}

.emc-live-tables__navigation a:first-child {
  background: linear-gradient(
    135deg,
    rgba(42, 173, 226, 0.2),
    rgba(75, 111, 230, 0.14)
  );
  color: #dff9ff;
}

.emc-live-tables__navigation a:hover,
.emc-live-tables__navigation a:focus-visible {
  background: rgba(119, 137, 255, 0.16);
  color: #ffffff;
  transform: translateY(-2px);
}

.emc-live-tables__navigation a:focus-visible,
.emc-live-game-card > a:focus-visible,
.emc-table-game-card > a:focus-visible,
.emc-live-tables__cta-button:focus-visible {
  outline: 2px solid rgba(126, 219, 255, 0.95);
  outline-offset: 4px;
}


/* =========================================================
   CATEGORY OVERVIEW
========================================================= */

.emc-live-tables__overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 86px;
}

.emc-live-tables__overview-card {
  position: relative;
  min-width: 0;
  min-height: 270px;
  overflow: hidden;
  padding: 34px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 28px;
  background: linear-gradient(
    145deg,
    var(--emc-lt-panel),
    var(--emc-lt-panel-deep)
  );
  box-shadow:
    0 25px 65px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.emc-live-tables__overview-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 33px 74px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.emc-live-tables__overview-card::before {
  content: "";
  position: absolute;
  top: -90px;
  right: -70px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  pointer-events: none;
}

.emc-live-tables__overview-card--live {
  border-color: rgba(84, 221, 255, 0.18);
}

.emc-live-tables__overview-card--live::before {
  background: radial-gradient(
    circle,
    rgba(58, 205, 255, 0.17),
    transparent 68%
  );
}

.emc-live-tables__overview-card--table {
  border-color: rgba(166, 108, 255, 0.19);
}

.emc-live-tables__overview-card--table::before {
  background: radial-gradient(
    circle,
    rgba(166, 108, 255, 0.17),
    transparent 68%
  );
}

.emc-live-tables__overview-number {
  position: absolute;
  top: 26px;
  right: 29px;
  color: rgba(173, 197, 255, 0.2);
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1;
}

.emc-live-tables__overview-label {
  display: inline-block;
  margin-bottom: 15px;
  color: var(--emc-lt-cyan);
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.emc-live-tables__overview-card--table
.emc-live-tables__overview-label {
  color: #c29bff;
}

.emc-live-tables__overview-card h3 {
  position: relative;
  max-width: 430px;
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  font-weight: 780;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-transform: none;
}

.emc-live-tables__overview-card p {
  position: relative;
  max-width: 500px;
  margin: 0;
  color: var(--emc-lt-text);
  font-size: 0.88rem;
  line-height: 1.72;
}

.emc-live-tables__overview-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.emc-live-tables__overview-tags span {
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(231, 237, 252, 0.66);
  font-size: 0.68rem;
  font-weight: 650;
}


/* =========================================================
   GAME ZONES
========================================================= */

.emc-live-tables__zone {
  position: relative;
  scroll-margin-top: 120px;
}

.emc-live-tables__zone
+ .emc-live-tables__zone {
  margin-top: 94px;
  padding-top: 94px;
  border-top: 1px solid rgba(132, 171, 255, 0.12);
}

.emc-live-tables__zone-header {
  display: grid;
  grid-template-columns:
    minmax(250px, 0.78fr)
    minmax(0, 1.22fr);
  gap: 55px;
  align-items: end;
  margin-bottom: 35px;
}

.emc-live-tables__zone-kicker {
  display: block;
  margin-bottom: 10px;
  color: var(--emc-lt-cyan);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.emc-live-tables__zone--table
.emc-live-tables__zone-kicker {
  color: #bd93ff;
}

.emc-live-tables__zone-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.9rem, 3.6vw, 3.15rem);
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-live-tables__zone-header p {
  margin: 0;
  color: var(--emc-lt-text);
  font-size: 0.92rem;
  line-height: 1.78;
}

.emc-live-tables__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}


/* =========================================================
   GAME CARDS
========================================================= */

.emc-live-game-card,
.emc-table-game-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--emc-lt-border);
  border-radius: 22px;
  background: linear-gradient(
    155deg,
    rgba(21, 29, 63, 0.93),
    rgba(8, 12, 31, 0.97)
  );
  box-shadow:
    0 19px 48px rgba(0, 0, 0, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.emc-live-game-card {
  border-color: rgba(84, 221, 255, 0.15);
}

.emc-table-game-card {
  border-color: rgba(166, 108, 255, 0.16);
}

.emc-live-game-card:hover,
.emc-table-game-card:hover {
  transform: translateY(-7px);
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.emc-live-game-card:hover {
  border-color: rgba(84, 221, 255, 0.34);
}

.emc-table-game-card:hover {
  border-color: rgba(179, 126, 255, 0.35);
}

.emc-live-game-card > a,
.emc-table-game-card > a {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.emc-live-game-card__media,
.emc-table-game-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #0c112a;
}

.emc-live-game-card__media::after,
.emc-table-game-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(5, 8, 23, 0.86) 100%
    ),
    linear-gradient(
      115deg,
      rgba(71, 205, 255, 0.06),
      transparent 42%
    );
  pointer-events: none;
}

.emc-table-game-card__media::after {
  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(5, 8, 23, 0.88) 100%
    ),
    linear-gradient(
      115deg,
      rgba(165, 93, 255, 0.07),
      transparent 42%
    );
}

.emc-live-game-card__media img,
.emc-table-game-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.55s ease,
    filter 0.55s ease;
}

.emc-live-game-card:hover
.emc-live-game-card__media img,
.emc-table-game-card:hover
.emc-table-game-card__media img {
  transform: scale(1.07);
  filter: saturate(1.08) brightness(1.04);
}

.emc-live-game-card__category,
.emc-table-game-card__category {
  position: absolute;
  left: 15px;
  bottom: 14px;
  z-index: 2;
  padding: 7px 10px;
  border: 1px solid rgba(139, 226, 255, 0.24);
  border-radius: 999px;
  background: rgba(7, 17, 38, 0.72);
  color: #c8f5ff;
  font-size: 0.64rem;
  font-weight: 750;
  line-height: 1.2;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.emc-table-game-card__category {
  border-color: rgba(197, 157, 255, 0.24);
  color: #dfcaff;
}

.emc-live-game-card__status {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(88, 231, 187, 0.2);
  border-radius: 999px;
  background: rgba(6, 31, 32, 0.72);
  color: #8cf0d2;
  font-size: 0.61rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.emc-live-game-card__status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6ce4c0;
  box-shadow: 0 0 10px #6ce4c0;
  animation: emcLtLivePulse 2s ease-in-out infinite;
}

.emc-live-game-card__content,
.emc-table-game-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.emc-live-game-card__content h4,
.emc-table-game-card__content h4 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 1.08rem;
  font-weight: 760;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-transform: none;
}

.emc-live-game-card__content p,
.emc-table-game-card__content p {
  margin: 0 0 19px;
  color: var(--emc-lt-muted);
  font-size: 0.79rem;
  line-height: 1.65;
}

.emc-live-game-card__link,
.emc-table-game-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: #9eeaff;
  font-size: 0.73rem;
  font-weight: 750;
  line-height: 1.3;
}

.emc-table-game-card__link {
  color: #caadff;
}

.emc-live-game-card__link span,
.emc-table-game-card__link span {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.emc-live-game-card:hover
.emc-live-game-card__link span,
.emc-table-game-card:hover
.emc-table-game-card__link span {
  transform: translateX(5px);
}


/* =========================================================
   GUIDE
========================================================= */

.emc-live-tables__guide {
  display: grid;
  grid-template-columns:
    minmax(220px, 0.65fr)
    minmax(0, 1.35fr);
  gap: 42px;
  align-items: center;
  margin-top: 92px;
  padding: 35px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 26px;
  background: linear-gradient(
    145deg,
    rgba(21, 29, 61, 0.76),
    rgba(8, 12, 30, 0.87)
  );
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.emc-live-tables__guide-heading span {
  display: block;
  margin-bottom: 8px;
  color: var(--emc-lt-cyan);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-live-tables__guide-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2.2rem);
  font-weight: 790;
  line-height: 1.18;
  letter-spacing: -0.035em;
  text-transform: none;
}

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

.emc-live-tables__guide-option {
  min-width: 0;
  min-height: 145px;
  padding: 21px;
  border: 1px solid rgba(117, 180, 255, 0.13);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.emc-live-tables__guide-option:last-child {
  border-color: rgba(172, 115, 255, 0.15);
}

.emc-live-tables__guide-option strong {
  display: block;
  margin-bottom: 9px;
  color: #b6efff;
  font-size: 0.91rem;
  line-height: 1.35;
}

.emc-live-tables__guide-option:last-child strong {
  color: #d6baff;
}

.emc-live-tables__guide-option p {
  margin: 0;
  color: var(--emc-lt-muted);
  font-size: 0.76rem;
  line-height: 1.66;
}


/* =========================================================
   CTA
========================================================= */

.emc-live-tables__cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: center;
  margin-top: 30px;
  overflow: hidden;
  padding: 38px 40px;
  border: 1px solid rgba(125, 183, 255, 0.2);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 5% 20%,
      rgba(47, 180, 255, 0.14),
      transparent 33%
    ),
    radial-gradient(
      circle at 95% 65%,
      rgba(164, 87, 255, 0.15),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(24, 35, 76, 0.94),
      rgba(10, 14, 38, 0.97)
    );
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.emc-live-tables__cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  width: 40%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(104, 210, 255, 0.76),
    transparent
  );
  box-shadow:
    0 0 23px rgba(84, 198, 255, 0.38);
}

.emc-live-tables__cta-content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.emc-live-tables__cta-kicker {
  display: block;
  margin-bottom: 8px;
  color: #8fe8ff;
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-live-tables__cta h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-live-tables__cta p {
  max-width: 740px;
  margin: 13px 0 0;
  color: var(--emc-lt-text);
  font-size: 0.84rem;
  line-height: 1.7;
}

.emc-live-tables__cta-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 215px;
  min-height: 56px;
  padding: 14px 21px;
  border: 1px solid rgba(255, 220, 121, 0.68);
  border-radius: 15px;
  background: linear-gradient(
    135deg,
    #ffb817,
    #ffd563
  );
  color: #15120a !important;
  font-size: 0.79rem;
  font-weight: 850;
  line-height: 1.3;
  box-shadow:
    0 16px 36px rgba(255, 183, 23, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition:
    transform 0.3s ease,
    filter 0.3s ease,
    box-shadow 0.3s ease;
}

.emc-live-tables__cta-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.07);
  box-shadow:
    0 21px 43px rgba(255, 183, 23, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.emc-live-tables__cta-button span:last-child {
  font-size: 1.05rem;
  transition: transform 0.3s ease;
}

.emc-live-tables__cta-button:hover span:last-child {
  transform: translateX(4px);
}

.emc-live-tables__notice {
  max-width: 930px;
  margin: 23px auto 0;
  color: rgba(186, 197, 226, 0.46);
  font-size: 0.68rem;
  line-height: 1.65;
  text-align: center;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcLtGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(28px, -20px, 0) scale(1.07);
  }
}

@keyframes emcLtStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcLtOrbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes emcLtLivePulse {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-live-tables {
    padding: 100px 0;
  }

  .emc-live-tables__grid {
    gap: 18px;
  }

  .emc-live-game-card__content,
  .emc-table-game-card__content {
    padding: 19px;
  }
}


@media (max-width: 991px) {
  .emc-live-tables {
    padding: 88px 0;
  }

  .emc-live-tables__overview {
    margin-bottom: 72px;
  }

  .emc-live-tables__overview-card {
    padding: 29px;
  }

  .emc-live-tables__zone-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }

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

  .emc-live-tables__guide {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
  }

  .emc-live-tables__cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-live-tables__cta-button {
    width: fit-content;
  }
}


@media (max-width: 767px) {
  .emc-live-tables {
    padding: 72px 0;
  }

  .emc-live-tables__header {
    margin-bottom: 42px;
  }

  .emc-live-tables__eyebrow {
    padding: 7px 12px;
    font-size: 0.64rem;
    letter-spacing: 0.09em;
  }

  .emc-live-tables__title {
    font-size: clamp(2.2rem, 11vw, 3.4rem);
  }

  .emc-live-tables__description {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-live-tables__navigation {
    display: flex;
    width: 100%;
  }

  .emc-live-tables__navigation a {
    min-width: 0;
    flex: 1;
    padding: 10px 12px;
  }

  .emc-live-tables__overview {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 62px;
  }

  .emc-live-tables__overview-card {
    min-height: 0;
    padding: 27px 23px;
    border-radius: 23px;
  }

  .emc-live-tables__overview-number {
    top: 22px;
    right: 22px;
    font-size: 1.65rem;
  }

  .emc-live-tables__zone
  + .emc-live-tables__zone {
    margin-top: 72px;
    padding-top: 72px;
  }

  .emc-live-tables__zone-header h3 {
    font-size: 2rem;
  }

  .emc-live-tables__zone-header p {
    font-size: 0.84rem;
    line-height: 1.7;
  }

  .emc-live-tables__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .emc-live-game-card,
  .emc-table-game-card {
    border-radius: 20px;
  }

  .emc-live-tables__guide {
    margin-top: 72px;
    padding: 26px 21px;
    border-radius: 22px;
  }

  .emc-live-tables__guide-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-live-tables__guide-option {
    min-height: 0;
  }

  .emc-live-tables__cta {
    gap: 25px;
    padding: 30px 23px;
    border-radius: 23px;
    text-align: center;
  }

  .emc-live-tables__cta-button {
    width: 100%;
  }
}


@media (max-width: 479px) {
  .emc-live-tables {
    padding: 62px 0;
  }

  .emc-live-tables__background::before {
    background-size: 40px 40px;
  }

  .emc-live-tables__eyebrow {
    max-width: 100%;
  }

  .emc-live-tables__title {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-live-tables__navigation {
    flex-direction: column;
  }

  .emc-live-tables__navigation a {
    width: 100%;
  }

  .emc-live-tables__overview-card h3 {
    padding-right: 30px;
    font-size: 1.4rem;
  }

  .emc-live-game-card__content,
  .emc-table-game-card__content {
    padding: 18px;
  }

  .emc-live-game-card__category,
  .emc-table-game-card__category {
    left: 12px;
    bottom: 11px;
  }

  .emc-live-game-card__status {
    top: 11px;
    right: 11px;
  }

  .emc-live-tables__cta h3 {
    font-size: 1.55rem;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-live-tables__overview-card:hover,
  .emc-live-game-card:hover,
  .emc-table-game-card:hover,
  .emc-live-tables__navigation a:hover,
  .emc-live-tables__cta-button:hover {
    transform: none;
  }

  .emc-live-game-card:hover
  .emc-live-game-card__media img,
  .emc-table-game-card:hover
  .emc-table-game-card__media img {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

/* =========================================================
   ELON MUSK CASINO
   LIVE-CASINO & TISCHSPIELE
========================================================= */

.emc-live-tables {
  --emc-lt-panel: rgba(18, 25, 55, 0.82);
  --emc-lt-panel-deep: rgba(8, 12, 31, 0.94);
  --emc-lt-white: #f8fbff;
  --emc-lt-text: rgba(221, 228, 248, 0.74);
  --emc-lt-muted: rgba(194, 205, 235, 0.55);
  --emc-lt-cyan: #54ddff;
  --emc-lt-purple: #a66cff;
  --emc-lt-border: rgba(138, 178, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  padding: 112px 0;
  border-top: 1px solid rgba(123, 182, 255, 0.12);
  background:
    radial-gradient(
      circle at 13% 16%,
      rgba(40, 151, 255, 0.13),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 39%,
      rgba(151, 72, 255, 0.13),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #070b1c 0%,
      #090d24 47%,
      #060916 100%
    );
  color: var(--emc-lt-white);
}

.emc-live-tables,
.emc-live-tables *,
.emc-live-tables *::before,
.emc-live-tables *::after {
  box-sizing: border-box;
}

.emc-live-tables a {
  color: inherit;
  text-decoration: none;
}

.emc-live-tables__container {
  position: relative;
  z-index: 3;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-live-tables__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-live-tables__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.19;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    transparent 78%
  );
  mask-image: linear-gradient(
    180deg,
    #000 0%,
    transparent 78%
  );
}

.emc-live-tables__background::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -390px;
  width: 900px;
  height: 620px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(87, 92, 255, 0.14),
    transparent 68%
  );
}

.emc-live-tables__glow {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(85px);
  opacity: 0.65;
  animation: emcLtGlow 13s ease-in-out infinite;
}

.emc-live-tables__glow--cyan {
  top: 8%;
  left: -180px;
  width: 460px;
  height: 460px;
  background: rgba(24, 176, 255, 0.2);
}

.emc-live-tables__glow--purple {
  top: 37%;
  right: -190px;
  width: 500px;
  height: 500px;
  background: rgba(145, 65, 255, 0.18);
  animation-delay: -6s;
}

.emc-live-tables__star {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 15px rgba(84, 221, 255, 0.75);
  animation: emcLtStar 3.2s ease-in-out infinite;
}

.emc-live-tables__star--1 {
  top: 8%;
  left: 9%;
}

.emc-live-tables__star--2 {
  top: 16%;
  right: 13%;
  animation-delay: -0.8s;
}

.emc-live-tables__star--3 {
  top: 39%;
  left: 5%;
  animation-delay: -1.7s;
}

.emc-live-tables__star--4 {
  top: 52%;
  right: 7%;
  animation-delay: -2.4s;
}

.emc-live-tables__star--5 {
  bottom: 20%;
  left: 14%;
  animation-delay: -1.1s;
}

.emc-live-tables__star--6 {
  right: 19%;
  bottom: 8%;
  animation-delay: -2.8s;
}

.emc-live-tables__orbit {
  position: absolute;
  display: block;
  border: 1px solid rgba(106, 174, 255, 0.1);
  border-radius: 50%;
}

.emc-live-tables__orbit--one {
  top: 120px;
  right: -260px;
  width: 610px;
  height: 610px;
  animation: emcLtOrbit 28s linear infinite;
}

.emc-live-tables__orbit--two {
  left: -240px;
  bottom: 110px;
  width: 520px;
  height: 520px;
  border-color: rgba(171, 102, 255, 0.09);
  animation: emcLtOrbit 34s linear infinite reverse;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.emc-live-tables__header {
  width: min(850px, 100%);
  margin: 0 auto 58px;
  text-align: center;
}

.emc-live-tables__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(84, 221, 255, 0.22);
  border-radius: 999px;
  background: rgba(29, 104, 153, 0.1);
  color: #9beaff;
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-live-tables__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--emc-lt-cyan);
  box-shadow: 0 0 12px var(--emc-lt-cyan);
}

.emc-live-tables__title {
  margin: 0;
  color: var(--emc-lt-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-live-tables__title span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--emc-lt-cyan),
    #8eaeff 48%,
    #c68bff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-live-tables__description {
  max-width: 790px;
  margin: 24px auto 0;
  color: var(--emc-lt-text);
  font-size: 1rem;
  line-height: 1.82;
}

.emc-live-tables__navigation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 28px;
  padding: 6px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 16px;
  background: rgba(5, 9, 25, 0.6);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.19);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.emc-live-tables__navigation a {
  min-width: 145px;
  padding: 11px 18px;
  border-radius: 11px;
  color: rgba(231, 237, 252, 0.69);
  font-size: 0.79rem;
  font-weight: 750;
  line-height: 1.3;
  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease;
}

.emc-live-tables__navigation a:first-child {
  background: linear-gradient(
    135deg,
    rgba(42, 173, 226, 0.2),
    rgba(75, 111, 230, 0.14)
  );
  color: #dff9ff;
}

.emc-live-tables__navigation a:hover,
.emc-live-tables__navigation a:focus-visible {
  background: rgba(119, 137, 255, 0.16);
  color: #ffffff;
  transform: translateY(-2px);
}

.emc-live-tables__navigation a:focus-visible,
.emc-live-game-card > a:focus-visible,
.emc-table-game-card > a:focus-visible,
.emc-live-tables__cta-button:focus-visible {
  outline: 2px solid rgba(126, 219, 255, 0.95);
  outline-offset: 4px;
}


/* =========================================================
   CATEGORY OVERVIEW
========================================================= */

.emc-live-tables__overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 86px;
}

.emc-live-tables__overview-card {
  position: relative;
  min-width: 0;
  min-height: 270px;
  overflow: hidden;
  padding: 34px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 28px;
  background: linear-gradient(
    145deg,
    var(--emc-lt-panel),
    var(--emc-lt-panel-deep)
  );
  box-shadow:
    0 25px 65px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.emc-live-tables__overview-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 33px 74px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.emc-live-tables__overview-card::before {
  content: "";
  position: absolute;
  top: -90px;
  right: -70px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  pointer-events: none;
}

.emc-live-tables__overview-card--live {
  border-color: rgba(84, 221, 255, 0.18);
}

.emc-live-tables__overview-card--live::before {
  background: radial-gradient(
    circle,
    rgba(58, 205, 255, 0.17),
    transparent 68%
  );
}

.emc-live-tables__overview-card--table {
  border-color: rgba(166, 108, 255, 0.19);
}

.emc-live-tables__overview-card--table::before {
  background: radial-gradient(
    circle,
    rgba(166, 108, 255, 0.17),
    transparent 68%
  );
}

.emc-live-tables__overview-number {
  position: absolute;
  top: 26px;
  right: 29px;
  color: rgba(173, 197, 255, 0.2);
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1;
}

.emc-live-tables__overview-label {
  display: inline-block;
  margin-bottom: 15px;
  color: var(--emc-lt-cyan);
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.emc-live-tables__overview-card--table
.emc-live-tables__overview-label {
  color: #c29bff;
}

.emc-live-tables__overview-card h3 {
  position: relative;
  max-width: 430px;
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  font-weight: 780;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-transform: none;
}

.emc-live-tables__overview-card p {
  position: relative;
  max-width: 500px;
  margin: 0;
  color: var(--emc-lt-text);
  font-size: 0.88rem;
  line-height: 1.72;
}

.emc-live-tables__overview-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.emc-live-tables__overview-tags span {
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(231, 237, 252, 0.66);
  font-size: 0.68rem;
  font-weight: 650;
}


/* =========================================================
   GAME ZONES
========================================================= */

.emc-live-tables__zone {
  position: relative;
  scroll-margin-top: 120px;
}

.emc-live-tables__zone
+ .emc-live-tables__zone {
  margin-top: 94px;
  padding-top: 94px;
  border-top: 1px solid rgba(132, 171, 255, 0.12);
}

.emc-live-tables__zone-header {
  display: grid;
  grid-template-columns:
    minmax(250px, 0.78fr)
    minmax(0, 1.22fr);
  gap: 55px;
  align-items: end;
  margin-bottom: 35px;
}

.emc-live-tables__zone-kicker {
  display: block;
  margin-bottom: 10px;
  color: var(--emc-lt-cyan);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.emc-live-tables__zone--table
.emc-live-tables__zone-kicker {
  color: #bd93ff;
}

.emc-live-tables__zone-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.9rem, 3.6vw, 3.15rem);
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-live-tables__zone-header p {
  margin: 0;
  color: var(--emc-lt-text);
  font-size: 0.92rem;
  line-height: 1.78;
}

.emc-live-tables__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}


/* =========================================================
   GAME CARDS
========================================================= */

.emc-live-game-card,
.emc-table-game-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--emc-lt-border);
  border-radius: 22px;
  background: linear-gradient(
    155deg,
    rgba(21, 29, 63, 0.93),
    rgba(8, 12, 31, 0.97)
  );
  box-shadow:
    0 19px 48px rgba(0, 0, 0, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.emc-live-game-card {
  border-color: rgba(84, 221, 255, 0.15);
}

.emc-table-game-card {
  border-color: rgba(166, 108, 255, 0.16);
}

.emc-live-game-card:hover,
.emc-table-game-card:hover {
  transform: translateY(-7px);
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.emc-live-game-card:hover {
  border-color: rgba(84, 221, 255, 0.34);
}

.emc-table-game-card:hover {
  border-color: rgba(179, 126, 255, 0.35);
}

.emc-live-game-card > a,
.emc-table-game-card > a {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.emc-live-game-card__media,
.emc-table-game-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #0c112a;
}

.emc-live-game-card__media::after,
.emc-table-game-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(5, 8, 23, 0.86) 100%
    ),
    linear-gradient(
      115deg,
      rgba(71, 205, 255, 0.06),
      transparent 42%
    );
  pointer-events: none;
}

.emc-table-game-card__media::after {
  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(5, 8, 23, 0.88) 100%
    ),
    linear-gradient(
      115deg,
      rgba(165, 93, 255, 0.07),
      transparent 42%
    );
}

.emc-live-game-card__media img,
.emc-table-game-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.55s ease,
    filter 0.55s ease;
}

.emc-live-game-card:hover
.emc-live-game-card__media img,
.emc-table-game-card:hover
.emc-table-game-card__media img {
  transform: scale(1.07);
  filter: saturate(1.08) brightness(1.04);
}

.emc-live-game-card__category,
.emc-table-game-card__category {
  position: absolute;
  left: 15px;
  bottom: 14px;
  z-index: 2;
  padding: 7px 10px;
  border: 1px solid rgba(139, 226, 255, 0.24);
  border-radius: 999px;
  background: rgba(7, 17, 38, 0.72);
  color: #c8f5ff;
  font-size: 0.64rem;
  font-weight: 750;
  line-height: 1.2;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.emc-table-game-card__category {
  border-color: rgba(197, 157, 255, 0.24);
  color: #dfcaff;
}

.emc-live-game-card__status {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(88, 231, 187, 0.2);
  border-radius: 999px;
  background: rgba(6, 31, 32, 0.72);
  color: #8cf0d2;
  font-size: 0.61rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.emc-live-game-card__status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6ce4c0;
  box-shadow: 0 0 10px #6ce4c0;
  animation: emcLtLivePulse 2s ease-in-out infinite;
}

.emc-live-game-card__content,
.emc-table-game-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.emc-live-game-card__content h4,
.emc-table-game-card__content h4 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 1.08rem;
  font-weight: 760;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-transform: none;
}

.emc-live-game-card__content p,
.emc-table-game-card__content p {
  margin: 0 0 19px;
  color: var(--emc-lt-muted);
  font-size: 0.79rem;
  line-height: 1.65;
}

.emc-live-game-card__link,
.emc-table-game-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: #9eeaff;
  font-size: 0.73rem;
  font-weight: 750;
  line-height: 1.3;
}

.emc-table-game-card__link {
  color: #caadff;
}

.emc-live-game-card__link span,
.emc-table-game-card__link span {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.emc-live-game-card:hover
.emc-live-game-card__link span,
.emc-table-game-card:hover
.emc-table-game-card__link span {
  transform: translateX(5px);
}


/* =========================================================
   GUIDE
========================================================= */

.emc-live-tables__guide {
  display: grid;
  grid-template-columns:
    minmax(220px, 0.65fr)
    minmax(0, 1.35fr);
  gap: 42px;
  align-items: center;
  margin-top: 92px;
  padding: 35px;
  border: 1px solid var(--emc-lt-border);
  border-radius: 26px;
  background: linear-gradient(
    145deg,
    rgba(21, 29, 61, 0.76),
    rgba(8, 12, 30, 0.87)
  );
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.emc-live-tables__guide-heading span {
  display: block;
  margin-bottom: 8px;
  color: var(--emc-lt-cyan);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-live-tables__guide-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2.2rem);
  font-weight: 790;
  line-height: 1.18;
  letter-spacing: -0.035em;
  text-transform: none;
}

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

.emc-live-tables__guide-option {
  min-width: 0;
  min-height: 145px;
  padding: 21px;
  border: 1px solid rgba(117, 180, 255, 0.13);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.emc-live-tables__guide-option:last-child {
  border-color: rgba(172, 115, 255, 0.15);
}

.emc-live-tables__guide-option strong {
  display: block;
  margin-bottom: 9px;
  color: #b6efff;
  font-size: 0.91rem;
  line-height: 1.35;
}

.emc-live-tables__guide-option:last-child strong {
  color: #d6baff;
}

.emc-live-tables__guide-option p {
  margin: 0;
  color: var(--emc-lt-muted);
  font-size: 0.76rem;
  line-height: 1.66;
}


/* =========================================================
   CTA
========================================================= */

.emc-live-tables__cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: center;
  margin-top: 30px;
  overflow: hidden;
  padding: 38px 40px;
  border: 1px solid rgba(125, 183, 255, 0.2);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 5% 20%,
      rgba(47, 180, 255, 0.14),
      transparent 33%
    ),
    radial-gradient(
      circle at 95% 65%,
      rgba(164, 87, 255, 0.15),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(24, 35, 76, 0.94),
      rgba(10, 14, 38, 0.97)
    );
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.emc-live-tables__cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  width: 40%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(104, 210, 255, 0.76),
    transparent
  );
  box-shadow:
    0 0 23px rgba(84, 198, 255, 0.38);
}

.emc-live-tables__cta-content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.emc-live-tables__cta-kicker {
  display: block;
  margin-bottom: 8px;
  color: #8fe8ff;
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-live-tables__cta h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-live-tables__cta p {
  max-width: 740px;
  margin: 13px 0 0;
  color: var(--emc-lt-text);
  font-size: 0.84rem;
  line-height: 1.7;
}

.emc-live-tables__cta-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 215px;
  min-height: 56px;
  padding: 14px 21px;
  border: 1px solid rgba(255, 220, 121, 0.68);
  border-radius: 15px;
  background: linear-gradient(
    135deg,
    #ffb817,
    #ffd563
  );
  color: #15120a !important;
  font-size: 0.79rem;
  font-weight: 850;
  line-height: 1.3;
  box-shadow:
    0 16px 36px rgba(255, 183, 23, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition:
    transform 0.3s ease,
    filter 0.3s ease,
    box-shadow 0.3s ease;
}

.emc-live-tables__cta-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.07);
  box-shadow:
    0 21px 43px rgba(255, 183, 23, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.emc-live-tables__cta-button span:last-child {
  font-size: 1.05rem;
  transition: transform 0.3s ease;
}

.emc-live-tables__cta-button:hover span:last-child {
  transform: translateX(4px);
}

.emc-live-tables__notice {
  max-width: 930px;
  margin: 23px auto 0;
  color: rgba(186, 197, 226, 0.46);
  font-size: 0.68rem;
  line-height: 1.65;
  text-align: center;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcLtGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(28px, -20px, 0) scale(1.07);
  }
}

@keyframes emcLtStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcLtOrbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes emcLtLivePulse {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-live-tables {
    padding: 100px 0;
  }

  .emc-live-tables__grid {
    gap: 18px;
  }

  .emc-live-game-card__content,
  .emc-table-game-card__content {
    padding: 19px;
  }
}


@media (max-width: 991px) {
  .emc-live-tables {
    padding: 88px 0;
  }

  .emc-live-tables__overview {
    margin-bottom: 72px;
  }

  .emc-live-tables__overview-card {
    padding: 29px;
  }

  .emc-live-tables__zone-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }

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

  .emc-live-tables__guide {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
  }

  .emc-live-tables__cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-live-tables__cta-button {
    width: fit-content;
  }
}


@media (max-width: 767px) {
  .emc-live-tables {
    padding: 72px 0;
  }

  .emc-live-tables__header {
    margin-bottom: 42px;
  }

  .emc-live-tables__eyebrow {
    padding: 7px 12px;
    font-size: 0.64rem;
    letter-spacing: 0.09em;
  }

  .emc-live-tables__title {
    font-size: clamp(2.2rem, 11vw, 3.4rem);
  }

  .emc-live-tables__description {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-live-tables__navigation {
    display: flex;
    width: 100%;
  }

  .emc-live-tables__navigation a {
    min-width: 0;
    flex: 1;
    padding: 10px 12px;
  }

  .emc-live-tables__overview {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 62px;
  }

  .emc-live-tables__overview-card {
    min-height: 0;
    padding: 27px 23px;
    border-radius: 23px;
  }

  .emc-live-tables__overview-number {
    top: 22px;
    right: 22px;
    font-size: 1.65rem;
  }

  .emc-live-tables__zone
  + .emc-live-tables__zone {
    margin-top: 72px;
    padding-top: 72px;
  }

  .emc-live-tables__zone-header h3 {
    font-size: 2rem;
  }

  .emc-live-tables__zone-header p {
    font-size: 0.84rem;
    line-height: 1.7;
  }

  .emc-live-tables__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .emc-live-game-card,
  .emc-table-game-card {
    border-radius: 20px;
  }

  .emc-live-tables__guide {
    margin-top: 72px;
    padding: 26px 21px;
    border-radius: 22px;
  }

  .emc-live-tables__guide-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-live-tables__guide-option {
    min-height: 0;
  }

  .emc-live-tables__cta {
    gap: 25px;
    padding: 30px 23px;
    border-radius: 23px;
    text-align: center;
  }

  .emc-live-tables__cta-button {
    width: 100%;
  }
}


@media (max-width: 479px) {
  .emc-live-tables {
    padding: 62px 0;
  }

  .emc-live-tables__background::before {
    background-size: 40px 40px;
  }

  .emc-live-tables__eyebrow {
    max-width: 100%;
  }

  .emc-live-tables__title {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-live-tables__navigation {
    flex-direction: column;
  }

  .emc-live-tables__navigation a {
    width: 100%;
  }

  .emc-live-tables__overview-card h3 {
    padding-right: 30px;
    font-size: 1.4rem;
  }

  .emc-live-game-card__content,
  .emc-table-game-card__content {
    padding: 18px;
  }

  .emc-live-game-card__category,
  .emc-table-game-card__category {
    left: 12px;
    bottom: 11px;
  }

  .emc-live-game-card__status {
    top: 11px;
    right: 11px;
  }

  .emc-live-tables__cta h3 {
    font-size: 1.55rem;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-live-tables__overview-card:hover,
  .emc-live-game-card:hover,
  .emc-table-game-card:hover,
  .emc-live-tables__navigation a:hover,
  .emc-live-tables__cta-button:hover {
    transform: none;
  }

  .emc-live-game-card:hover
  .emc-live-game-card__media img,
  .emc-table-game-card:hover
  .emc-table-game-card__media img {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

/* =========================================================
   ELON MUSK CASINO — ZAHLUNGEN
========================================================= */

.emc-cashier {
  --cashier-white: #f8fbff;
  --cashier-text: rgba(219, 227, 247, 0.72);
  --cashier-muted: rgba(191, 203, 232, 0.52);
  --cashier-cyan: #5de2ff;
  --cashier-green: #65e4ba;
  --cashier-purple: #ae78ff;
  --cashier-yellow: #ffc747;
  --cashier-border: rgba(129, 174, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  scroll-margin-top: 120px;
  padding: 112px 0;
  border-top: 1px solid rgba(110, 174, 255, 0.1);
  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(41, 160, 255, 0.14),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 42%,
      rgba(159, 75, 255, 0.13),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #060a19 0%,
      #090d24 48%,
      #060817 100%
    );
  color: var(--cashier-white);
}

.emc-cashier,
.emc-cashier *,
.emc-cashier *::before,
.emc-cashier *::after {
  box-sizing: border-box;
}

.emc-cashier a {
  color: inherit;
  text-decoration: none;
}

.emc-cashier__container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-cashier__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-cashier__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
  mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
}

.emc-cashier__glow {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.6;
  animation: emcCashierGlow 13s ease-in-out infinite;
}

.emc-cashier__glow--blue {
  top: 7%;
  left: -190px;
  background: rgba(32, 165, 255, 0.2);
}

.emc-cashier__glow--purple {
  right: -200px;
  bottom: 14%;
  background: rgba(156, 67, 255, 0.18);
  animation-delay: -6s;
}

.emc-cashier__star {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 14px rgba(93, 226, 255, 0.7);
  animation: emcCashierStar 3s ease-in-out infinite;
}

.emc-cashier__star--1 {
  top: 8%;
  left: 8%;
}

.emc-cashier__star--2 {
  top: 20%;
  right: 12%;
  animation-delay: -1s;
}

.emc-cashier__star--3 {
  top: 59%;
  left: 5%;
  animation-delay: -2s;
}

.emc-cashier__star--4 {
  right: 8%;
  bottom: 12%;
  animation-delay: -2.6s;
}


/* =========================================================
   HEADER
========================================================= */

.emc-cashier__header {
  width: min(850px, 100%);
  margin: 0 auto 54px;
  text-align: center;
}

.emc-cashier__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(93, 226, 255, 0.22);
  border-radius: 999px;
  background: rgba(44, 157, 198, 0.09);
  color: #a0ecff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-cashier__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--cashier-cyan);
  box-shadow: 0 0 11px var(--cashier-cyan);
}

.emc-cashier__header h2 {
  margin: 0;
  color: var(--cashier-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-cashier__header h2 span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--cashier-cyan),
    #91aaff 48%,
    #c88dff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-cashier__header > p {
  max-width: 790px;
  margin: 24px auto 0;
  color: var(--cashier-text);
  font-size: 1rem;
  line-height: 1.82;
}


/* =========================================================
   FEATURES
========================================================= */

.emc-cashier__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 38px;
}

.emc-cashier__features article {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--cashier-border);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(21, 29, 61, 0.75),
      rgba(8, 12, 30, 0.84)
    );
  box-shadow:
    0 15px 38px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.emc-cashier__feature-number {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(93, 226, 255, 0.2);
  border-radius: 13px;
  background: rgba(51, 165, 209, 0.09);
  color: var(--cashier-cyan);
  font-size: 0.7rem;
  font-weight: 850;
}

.emc-cashier__features article:nth-child(2)
.emc-cashier__feature-number {
  border-color: rgba(101, 228, 186, 0.2);
  background: rgba(62, 184, 146, 0.09);
  color: var(--cashier-green);
}

.emc-cashier__features article:nth-child(3)
.emc-cashier__feature-number {
  border-color: rgba(174, 120, 255, 0.2);
  background: rgba(137, 77, 219, 0.09);
  color: #c39dff;
}

.emc-cashier__features strong,
.emc-cashier__features small {
  display: block;
}

.emc-cashier__features strong {
  margin-bottom: 4px;
  color: #f5f8ff;
  font-size: 0.84rem;
  line-height: 1.35;
}

.emc-cashier__features small {
  color: var(--cashier-muted);
  font-size: 0.7rem;
  line-height: 1.45;
}


/* =========================================================
   SWITCHER
========================================================= */

.emc-cashier__switcher {
  position: relative;
  margin-bottom: 30px;
}

.emc-cashier__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  clip-path: inset(50%);
}

.emc-cashier__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: min(650px, 100%);
  margin: 0 auto 24px;
  padding: 7px;
  border: 1px solid var(--cashier-border);
  border-radius: 21px;
  background: rgba(5, 9, 25, 0.72);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.emc-cashier__tab {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 68px;
  padding: 12px 17px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 15px;
  color: rgba(224, 232, 249, 0.57);
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.emc-cashier__tab:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.emc-cashier__tab-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid currentColor;
  border-radius: 13px;
  font-size: 1.15rem;
}

.emc-cashier__tab strong,
.emc-cashier__tab small {
  display: block;
}

.emc-cashier__tab strong {
  margin-bottom: 3px;
  color: inherit;
  font-size: 0.84rem;
  line-height: 1.3;
}

.emc-cashier__tab small {
  color: rgba(203, 213, 238, 0.46);
  font-size: 0.67rem;
  line-height: 1.3;
}

#emc-cashier-deposit:checked
~ .emc-cashier__tabs
.emc-cashier__tab--deposit {
  border-color: rgba(101, 228, 186, 0.26);
  background:
    linear-gradient(
      135deg,
      rgba(51, 192, 151, 0.2),
      rgba(43, 125, 139, 0.12)
    );
  color: #91f0d4;
  box-shadow:
    0 12px 28px rgba(44, 176, 140, 0.1);
}

#emc-cashier-withdrawal:checked
~ .emc-cashier__tabs
.emc-cashier__tab--withdrawal {
  border-color: rgba(174, 120, 255, 0.27);
  background:
    linear-gradient(
      135deg,
      rgba(126, 81, 226, 0.2),
      rgba(68, 95, 190, 0.12)
    );
  color: #d2b3ff;
  box-shadow:
    0 12px 28px rgba(117, 71, 218, 0.11);
}

#emc-cashier-deposit:focus-visible
~ .emc-cashier__tabs
.emc-cashier__tab--deposit,
#emc-cashier-withdrawal:focus-visible
~ .emc-cashier__tabs
.emc-cashier__tab--withdrawal {
  outline: 2px solid rgba(131, 219, 255, 0.95);
  outline-offset: 3px;
}


/* =========================================================
   PANELS
========================================================= */

.emc-cashier__panel {
  display: none;
  padding: 39px;
  border: 1px solid var(--cashier-border);
  border-radius: 30px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 27, 59, 0.91),
      rgba(7, 11, 29, 0.96)
    );
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  animation: emcCashierPanel 0.35s ease;
}

#emc-cashier-deposit:checked
~ .emc-cashier__panels
.emc-cashier__panel--deposit {
  display: block;
}

#emc-cashier-withdrawal:checked
~ .emc-cashier__panels
.emc-cashier__panel--withdrawal {
  display: block;
}

.emc-cashier__panel-header {
  display: grid;
  grid-template-columns:
    minmax(260px, 0.82fr)
    minmax(0, 1.18fr);
  gap: 45px;
  align-items: end;
  margin-bottom: 30px;
}

.emc-cashier__panel-status {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  color: var(--cashier-green);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-cashier__panel-status::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

.emc-cashier__panel--withdrawal
.emc-cashier__panel-status {
  color: #c397ff;
}

.emc-cashier__panel-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;
  text-transform: none;
}

.emc-cashier__panel-header > p {
  margin: 0;
  color: var(--cashier-text);
  font-size: 0.86rem;
  line-height: 1.72;
}


/* =========================================================
   METHOD GROUPS
========================================================= */

.emc-cashier__group {
  padding: 25px;
  border: 1px solid rgba(124, 171, 255, 0.13);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.022);
}

.emc-cashier__group + .emc-cashier__group {
  margin-top: 19px;
}

.emc-cashier__group--crypto {
  border-color: rgba(174, 120, 255, 0.15);
  background:
    linear-gradient(
      145deg,
      rgba(128, 73, 209, 0.045),
      rgba(44, 91, 157, 0.025)
    );
}

.emc-cashier__group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 21px;
}

.emc-cashier__group-header > div {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 13px;
}

.emc-cashier__group-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(93, 226, 255, 0.18);
  border-radius: 14px;
  background: rgba(51, 159, 205, 0.09);
  color: var(--cashier-cyan);
  font-size: 1.05rem;
  font-weight: 850;
}

.emc-cashier__group--crypto
.emc-cashier__group-icon {
  border-color: rgba(174, 120, 255, 0.19);
  background: rgba(130, 76, 211, 0.09);
  color: #cba8ff;
}

.emc-cashier__group-header h4 {
  margin: 0 0 4px;
  color: #f5f8ff;
  font-size: 0.95rem;
  font-weight: 750;
  line-height: 1.35;
  text-transform: none;
}

.emc-cashier__group-header p {
  margin: 0;
  color: var(--cashier-muted);
  font-size: 0.7rem;
  line-height: 1.4;
}

.emc-cashier__group-badge {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(129, 179, 255, 0.13);
  border-radius: 999px;
  color: rgba(204, 218, 245, 0.55);
  font-size: 0.59rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.emc-cashier__methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}

.emc-cashier__methods--crypto {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}


/* =========================================================
   PAYMENT METHOD
========================================================= */

.emc-cashier-method {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 72px;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(128, 170, 255, 0.11);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.015)
    );
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease;
}

.emc-cashier-method:hover {
  transform: translateY(-3px);
  border-color: rgba(105, 209, 255, 0.25);
  background: rgba(78, 148, 211, 0.07);
  box-shadow:
    0 13px 26px rgba(0, 0, 0, 0.17);
}

.emc-cashier__group--crypto
.emc-cashier-method:hover {
  border-color: rgba(185, 135, 255, 0.27);
  background: rgba(134, 79, 207, 0.07);
}

.emc-cashier-method__icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 7px;
  border: 1px solid rgba(132, 181, 255, 0.12);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  color: #dceaff;
}

.emc-cashier-method__icon img {
  display: block;
  width: 100%;
  max-width: 29px;
  height: 100%;
  max-height: 29px;
  object-fit: contain;
}

.emc-cashier-method__icon--font {
  padding: 4px;
  font-size: 1.55rem;
}

.emc-cashier-method__icon--text {
  color: var(--cashier-yellow);
  font-size: 0.72rem;
  font-weight: 900;
}

.emc-cashier-method > div {
  min-width: 0;
}

.emc-cashier-method strong,
.emc-cashier-method small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.emc-cashier-method strong {
  margin-bottom: 4px;
  color: #edf3ff;
  font-size: 0.75rem;
  font-weight: 720;
  line-height: 1.25;
}

.emc-cashier-method small {
  color: var(--cashier-muted);
  font-size: 0.62rem;
  line-height: 1.3;
}

.emc-cashier__panel-note {
  margin: 21px 0 0;
  color: rgba(189, 202, 230, 0.47);
  font-size: 0.7rem;
  line-height: 1.6;
  text-align: center;
}


/* =========================================================
   NOTICE
========================================================= */

.emc-cashier__notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 30px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 194, 71, 0.16);
  border-radius: 21px;
  background:
    linear-gradient(
      135deg,
      rgba(195, 132, 38, 0.08),
      rgba(91, 65, 139, 0.05)
    );
}

.emc-cashier__notice-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255, 199, 71, 0.21);
  border-radius: 14px;
  background: rgba(209, 145, 44, 0.09);
  color: var(--cashier-yellow);
  font-size: 1rem;
  font-weight: 900;
}

.emc-cashier__notice strong {
  display: block;
  margin-bottom: 6px;
  color: #fff4db;
  font-size: 0.87rem;
  line-height: 1.4;
}

.emc-cashier__notice p {
  margin: 0;
  color: rgba(231, 217, 194, 0.61);
  font-size: 0.77rem;
  line-height: 1.68;
}


/* =========================================================
   CTA
========================================================= */

.emc-cashier__cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  overflow: hidden;
  padding: 36px 39px;
  border: 1px solid rgba(128, 180, 255, 0.19);
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 7% 15%,
      rgba(48, 181, 255, 0.13),
      transparent 34%
    ),
    radial-gradient(
      circle at 95% 70%,
      rgba(160, 82, 255, 0.14),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      rgba(23, 34, 74, 0.94),
      rgba(9, 13, 36, 0.97)
    );
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.31),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-cashier__cta > div > span {
  display: block;
  margin-bottom: 8px;
  color: var(--cashier-cyan);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-cashier__cta h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2.25rem);
  font-weight: 790;
  line-height: 1.17;
  letter-spacing: -0.035em;
  text-transform: none;
}

.emc-cashier__cta p {
  max-width: 710px;
  margin: 12px 0 0;
  color: var(--cashier-text);
  font-size: 0.82rem;
  line-height: 1.68;
}

.emc-cashier__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 215px;
  min-height: 55px;
  padding: 14px 20px;
  border: 1px solid rgba(255, 220, 118, 0.7);
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      #ffb719,
      #ffd45f
    );
  color: #171208 !important;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.3;
  box-shadow:
    0 16px 35px rgba(255, 182, 24, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition:
    transform 0.3s ease,
    filter 0.3s ease,
    box-shadow 0.3s ease;
}

.emc-cashier__cta-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.07);
  box-shadow:
    0 21px 43px rgba(255, 182, 24, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.emc-cashier__cta-button span:last-child {
  font-size: 1.05rem;
  transition: transform 0.3s ease;
}

.emc-cashier__cta-button:hover span:last-child {
  transform: translateX(4px);
}

.emc-cashier__cta-button:focus-visible {
  outline: 2px solid rgba(136, 222, 255, 0.95);
  outline-offset: 4px;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcCashierGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(27px, -20px, 0) scale(1.07);
  }
}

@keyframes emcCashierStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcCashierPanel {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-cashier__methods--crypto {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


@media (max-width: 991px) {
  .emc-cashier {
    padding: 90px 0;
  }

  .emc-cashier__features {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-cashier__panel {
    padding: 31px;
  }

  .emc-cashier__panel-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    align-items: start;
  }

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

  .emc-cashier__cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-cashier__cta-button {
    width: fit-content;
  }
}


@media (max-width: 767px) {
  .emc-cashier {
    padding: 72px 0;
  }

  .emc-cashier__header {
    margin-bottom: 42px;
  }

  .emc-cashier__header h2 {
    font-size: clamp(2.15rem, 11vw, 3.35rem);
  }

  .emc-cashier__header > p {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-cashier__tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-cashier__panel {
    padding: 23px 18px;
    border-radius: 24px;
  }

  .emc-cashier__group {
    padding: 19px 15px;
    border-radius: 19px;
  }

  .emc-cashier__group-header {
    align-items: flex-start;
  }

  .emc-cashier__group-badge {
    display: none;
  }

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

  .emc-cashier__notice {
    padding: 19px;
  }

  .emc-cashier__cta {
    gap: 24px;
    padding: 29px 22px;
    border-radius: 23px;
    text-align: center;
  }

  .emc-cashier__cta-button {
    width: 100%;
  }
}


@media (max-width: 479px) {
  .emc-cashier {
    padding: 62px 0;
  }

  .emc-cashier__eyebrow {
    font-size: 0.63rem;
    letter-spacing: 0.1em;
  }

  .emc-cashier__header h2 {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-cashier__tab {
    min-height: 62px;
    padding: 10px 12px;
  }

  .emc-cashier__tab-icon {
    width: 38px;
    height: 38px;
  }

  .emc-cashier__panel-header h3 {
    font-size: 1.55rem;
  }

  .emc-cashier__group-header h4 {
    font-size: 0.84rem;
  }

  .emc-cashier__methods,
  .emc-cashier__methods--crypto {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-cashier-method {
    min-height: 64px;
  }

  .emc-cashier__notice {
    flex-direction: column;
  }

  .emc-cashier__cta h3 {
    font-size: 1.5rem;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-cashier-method:hover,
  .emc-cashier__tab:hover,
  .emc-cashier__cta-button:hover {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

/* =========================================================
   ELON MUSK CASINO — SPIELEANBIETER
========================================================= */

.emc-providers {
  --providers-white: #f8fbff;
  --providers-text: rgba(220, 228, 248, 0.72);
  --providers-muted: rgba(191, 204, 233, 0.53);
  --providers-cyan: #5ce4ff;
  --providers-purple: #af75ff;
  --providers-yellow: #ffc744;
  --providers-border: rgba(130, 176, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  scroll-margin-top: 120px;
  padding: 112px 0;
  border-top: 1px solid rgba(115, 178, 255, 0.1);
  background:
    radial-gradient(
      circle at 13% 17%,
      rgba(33, 167, 255, 0.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 88% 44%,
      rgba(159, 73, 255, 0.13),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #060a19 0%,
      #090d25 49%,
      #060817 100%
    );
  color: var(--providers-white);
}

.emc-providers,
.emc-providers *,
.emc-providers *::before,
.emc-providers *::after {
  box-sizing: border-box;
}

.emc-providers__container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-providers__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-providers__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
  mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
}

.emc-providers__glow {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.6;
  animation: emcProviderGlow 13s ease-in-out infinite;
}

.emc-providers__glow--cyan {
  top: 8%;
  left: -190px;
  background: rgba(29, 174, 255, 0.2);
}

.emc-providers__glow--purple {
  right: -200px;
  bottom: 12%;
  background: rgba(155, 67, 255, 0.18);
  animation-delay: -6s;
}

.emc-providers__star {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 14px rgba(92, 228, 255, 0.72);
  animation: emcProviderStar 3.2s ease-in-out infinite;
}

.emc-providers__star--1 {
  top: 8%;
  left: 9%;
}

.emc-providers__star--2 {
  top: 18%;
  right: 13%;
  animation-delay: -0.8s;
}

.emc-providers__star--3 {
  top: 48%;
  left: 5%;
  animation-delay: -1.6s;
}

.emc-providers__star--4 {
  top: 63%;
  right: 7%;
  animation-delay: -2.4s;
}

.emc-providers__star--5 {
  right: 18%;
  bottom: 7%;
  animation-delay: -1.2s;
}


/* =========================================================
   HEADER
========================================================= */

.emc-providers__header {
  width: min(860px, 100%);
  margin: 0 auto 62px;
  text-align: center;
}

.emc-providers__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(92, 228, 255, 0.22);
  border-radius: 999px;
  background: rgba(40, 155, 199, 0.09);
  color: #a1edff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-providers__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--providers-cyan);
  box-shadow: 0 0 11px var(--providers-cyan);
}

.emc-providers__header h2 {
  margin: 0;
  color: var(--providers-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-providers__header h2 span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--providers-cyan),
    #91aaff 48%,
    #c98dff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-providers__header > p {
  max-width: 800px;
  margin: 24px auto 0;
  color: var(--providers-text);
  font-size: 1rem;
  line-height: 1.82;
}


/* =========================================================
   PROVIDER SYSTEM
========================================================= */

.emc-providers__system {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(440px, 1.08fr);
  gap: 55px;
  align-items: center;
  margin-bottom: 88px;
  padding: 48px;
  border: 1px solid var(--providers-border);
  border-radius: 32px;
  background:
    linear-gradient(
      145deg,
      rgba(21, 29, 62, 0.87),
      rgba(7, 11, 29, 0.94)
    );
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-providers__system-copy {
  min-width: 0;
}

.emc-providers__system-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--providers-cyan);
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-providers__system-copy h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3.4vw, 2.9rem);
  font-weight: 810;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-providers__system-copy > p {
  margin: 20px 0 0;
  color: var(--providers-text);
  font-size: 0.9rem;
  line-height: 1.78;
}

.emc-providers__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}

.emc-providers__fact {
  min-width: 0;
  min-height: 108px;
  padding: 16px;
  border: 1px solid rgba(126, 174, 255, 0.12);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.emc-providers__fact strong,
.emc-providers__fact span {
  display: block;
}

.emc-providers__fact strong {
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.15;
}

.emc-providers__fact:first-child strong {
  color: var(--providers-cyan);
  font-size: 1.45rem;
}

.emc-providers__fact:nth-child(2) strong {
  color: #b9a6ff;
}

.emc-providers__fact:nth-child(3) strong {
  color: #7de3c4;
}

.emc-providers__fact span {
  color: var(--providers-muted);
  font-size: 0.66rem;
  line-height: 1.45;
}


/* =========================================================
   PROVIDER ORBIT
========================================================= */

.emc-providers__visual {
  position: relative;
  width: min(100%, 490px);
  aspect-ratio: 1;
  margin: 0 auto;
}

.emc-providers__visual::before {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(61, 174, 255, 0.16),
    rgba(130, 74, 226, 0.08) 43%,
    transparent 70%
  );
  filter: blur(15px);
  animation: emcProviderCoreGlow 5s ease-in-out infinite;
}

.emc-providers__orbit {
  position: absolute;
  border: 1px solid rgba(96, 192, 255, 0.17);
  border-radius: 50%;
}

.emc-providers__orbit::before,
.emc-providers__orbit::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--providers-cyan);
  box-shadow:
    0 0 12px var(--providers-cyan);
}

.emc-providers__orbit::before {
  top: 11%;
  left: 17%;
}

.emc-providers__orbit::after {
  right: 12%;
  bottom: 15%;
  background: #bd8cff;
  box-shadow:
    0 0 12px #bd8cff;
}

.emc-providers__orbit--outer {
  inset: 2%;
  animation: emcProviderOrbit 24s linear infinite;
}

.emc-providers__orbit--inner {
  inset: 20%;
  border-color: rgba(183, 123, 255, 0.15);
  animation: emcProviderOrbit 18s linear infinite reverse;
}

.emc-providers__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  width: 168px;
  height: 168px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(120, 205, 255, 0.27);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 34% 25%,
      rgba(97, 199, 255, 0.23),
      rgba(51, 65, 151, 0.28) 44%,
      rgba(10, 15, 39, 0.96) 75%
    );
  box-shadow:
    0 0 42px rgba(68, 169, 255, 0.19),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-align: center;
}

.emc-providers__core span,
.emc-providers__core strong,
.emc-providers__core small {
  display: block;
}

.emc-providers__core span {
  color: #9beaff;
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.emc-providers__core strong {
  margin: 5px 0;
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
}

.emc-providers__core small {
  color: var(--providers-muted);
  font-size: 0.62rem;
  line-height: 1.2;
}

.emc-providers__node {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 126px;
  height: 74px;
  padding: 14px;
  border: 1px solid rgba(143, 185, 255, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(229, 237, 250, 0.95)
    );
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.32),
    0 0 25px rgba(88, 166, 255, 0.08);
}

.emc-providers__node img {
  display: block;
  width: 100%;
  max-width: 96px;
  height: 100%;
  max-height: 43px;
  object-fit: contain;
}

.emc-providers__node--top {
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
}

.emc-providers__node--right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.emc-providers__node--bottom {
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
}

.emc-providers__node--left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


/* =========================================================
   CATALOGUE
========================================================= */

.emc-providers__catalog-header {
  display: grid;
  grid-template-columns:
    minmax(260px, 0.8fr)
    minmax(0, 1.2fr);
  gap: 50px;
  align-items: end;
  margin-bottom: 29px;
}

.emc-providers__catalog-header span {
  display: block;
  margin-bottom: 9px;
  color: var(--providers-cyan);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-providers__catalog-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.75rem, 3.3vw, 2.8rem);
  font-weight: 810;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-providers__catalog-header > p {
  margin: 0;
  color: var(--providers-text);
  font-size: 0.88rem;
  line-height: 1.72;
}

.emc-providers__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.emc-provider-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--providers-border);
  border-radius: 20px;
  background:
    linear-gradient(
      150deg,
      rgba(20, 28, 60, 0.91),
      rgba(7, 11, 29, 0.96)
    );
  box-shadow:
    0 17px 42px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.emc-provider-card:hover {
  transform: translateY(-5px);
  border-color: rgba(111, 211, 255, 0.28);
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.34),
    0 0 26px rgba(68, 172, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-provider-card:nth-child(even):hover {
  border-color: rgba(184, 131, 255, 0.29);
}

.emc-provider-card__logo {
  display: grid;
  place-items: center;
  min-height: 105px;
  padding: 20px;
  border-bottom: 1px solid rgba(135, 174, 231, 0.12);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(230, 238, 250, 0.96)
    );
}

.emc-provider-card__logo img {
  display: block;
  width: 100%;
  max-width: 145px;
  height: 52px;
  object-fit: contain;
  transition:
    transform 0.32s ease,
    filter 0.32s ease;
}

.emc-provider-card:hover
.emc-provider-card__logo img {
  transform: scale(1.05);
  filter: saturate(1.05);
}

.emc-provider-card__content {
  padding: 16px 17px;
}

.emc-provider-card__content strong,
.emc-provider-card__content span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.emc-provider-card__content strong {
  margin-bottom: 5px;
  color: #f3f7ff;
  font-size: 0.83rem;
  font-weight: 750;
  line-height: 1.3;
}

.emc-provider-card__content span {
  color: var(--providers-muted);
  font-size: 0.66rem;
  line-height: 1.3;
}


/* =========================================================
   ADVANTAGES
========================================================= */

.emc-providers__advantages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-top: 38px;
}

.emc-providers__advantages article {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  padding: 21px;
  border: 1px solid var(--providers-border);
  border-radius: 19px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 28, 59, 0.76),
      rgba(8, 12, 30, 0.86)
    );
}

.emc-providers__advantage-number {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(92, 228, 255, 0.2);
  border-radius: 13px;
  background: rgba(45, 165, 206, 0.09);
  color: var(--providers-cyan);
  font-size: 0.68rem;
  font-weight: 850;
}

.emc-providers__advantages article:nth-child(2)
.emc-providers__advantage-number {
  border-color: rgba(174, 117, 255, 0.2);
  background: rgba(133, 76, 214, 0.09);
  color: #c79fff;
}

.emc-providers__advantages article:nth-child(3)
.emc-providers__advantage-number {
  border-color: rgba(99, 226, 186, 0.2);
  background: rgba(53, 180, 143, 0.09);
  color: #7be3c3;
}

.emc-providers__advantages strong {
  display: block;
  margin-bottom: 6px;
  color: #f4f7ff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.emc-providers__advantages p {
  margin: 0;
  color: var(--providers-muted);
  font-size: 0.71rem;
  line-height: 1.58;
}

.emc-providers__notice {
  max-width: 900px;
  margin: 24px auto 0;
  color: rgba(184, 198, 227, 0.45);
  font-size: 0.67rem;
  line-height: 1.65;
  text-align: center;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcProviderGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(27px, -20px, 0) scale(1.07);
  }
}

@keyframes emcProviderStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcProviderOrbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes emcProviderCoreGlow {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.94);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-providers__system {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(400px, 1.1fr);
    gap: 35px;
    padding: 39px;
  }

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


@media (max-width: 991px) {
  .emc-providers {
    padding: 90px 0;
  }

  .emc-providers__system {
    grid-template-columns: minmax(0, 1fr);
    gap: 45px;
  }

  .emc-providers__system-copy {
    width: min(690px, 100%);
    margin: 0 auto;
    text-align: center;
  }

  .emc-providers__facts {
    text-align: left;
  }

  .emc-providers__visual {
    width: min(100%, 470px);
  }

  .emc-providers__catalog-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .emc-providers__advantages {
    grid-template-columns: minmax(0, 1fr);
  }
}


@media (max-width: 767px) {
  .emc-providers {
    padding: 72px 0;
  }

  .emc-providers__header {
    margin-bottom: 43px;
  }

  .emc-providers__header h2 {
    font-size: clamp(2.15rem, 11vw, 3.35rem);
  }

  .emc-providers__header > p {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-providers__system {
    margin-bottom: 70px;
    padding: 28px 21px;
    border-radius: 25px;
  }

  .emc-providers__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-providers__fact {
    min-height: 0;
  }

  .emc-providers__visual {
    max-width: 430px;
  }

  .emc-providers__node {
    width: 108px;
    height: 65px;
    padding: 12px;
  }

  .emc-providers__core {
    width: 145px;
    height: 145px;
  }

  .emc-providers__core strong {
    font-size: 2rem;
  }

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

  .emc-provider-card__logo {
    min-height: 92px;
    padding: 17px;
  }

  .emc-provider-card__content {
    padding: 14px;
  }
}


@media (max-width: 479px) {
  .emc-providers {
    padding: 62px 0;
  }

  .emc-providers__eyebrow {
    font-size: 0.63rem;
    letter-spacing: 0.1em;
  }

  .emc-providers__header h2 {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-providers__system-copy h3 {
    font-size: 1.65rem;
  }

  .emc-providers__visual {
    width: 330px;
    max-width: 100%;
  }

  .emc-providers__node {
    width: 86px;
    height: 54px;
    padding: 9px;
    border-radius: 14px;
  }

  .emc-providers__node img {
    max-width: 68px;
    max-height: 31px;
  }

  .emc-providers__core {
    width: 118px;
    height: 118px;
  }

  .emc-providers__core span {
    font-size: 0.48rem;
  }

  .emc-providers__core strong {
    font-size: 1.7rem;
  }

  .emc-providers__core small {
    font-size: 0.52rem;
  }

  .emc-providers__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-provider-card {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .emc-provider-card__logo {
    min-height: 76px;
    padding: 13px;
    border-right: 1px solid rgba(135, 174, 231, 0.12);
    border-bottom: 0;
  }

  .emc-provider-card__logo img {
    height: 40px;
  }

  .emc-provider-card__content {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-provider-card:hover {
    transform: none;
  }

  .emc-provider-card:hover
  .emc-provider-card__logo img {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

/* =========================================================
   SPIELEANBIETER — ADVANTAGE ICONS
========================================================= */

.emc-providers__advantage-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(92, 228, 255, 0.22);
  border-radius: 15px;
  background:
    linear-gradient(
      145deg,
      rgba(54, 181, 224, 0.14),
      rgba(31, 92, 151, 0.07)
    );
  color: var(--providers-cyan);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 25px rgba(35, 150, 202, 0.08);
}

.emc-providers__advantage-icon svg {
  display: block;
  width: 27px;
  height: 27px;
}

.emc-providers__advantages article:nth-child(2)
.emc-providers__advantage-icon {
  border-color: rgba(174, 117, 255, 0.22);
  background:
    linear-gradient(
      145deg,
      rgba(139, 78, 220, 0.14),
      rgba(71, 66, 163, 0.07)
    );
  color: #c79fff;
}

.emc-providers__advantages article:nth-child(3)
.emc-providers__advantage-icon {
  border-color: rgba(99, 226, 186, 0.22);
  background:
    linear-gradient(
      145deg,
      rgba(55, 183, 144, 0.14),
      rgba(38, 107, 118, 0.07)
    );
  color: #7be3c3;
}

/* =========================================================
   PROVIDERS — FORCE DARK LOGO BACKGROUND
========================================================= */

.emc-providers .emc-providers__node,
.emc-providers .emc-provider-card__logo {
  border-color: rgba(103, 198, 255, 0.25) !important;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(67, 180, 255, 0.2),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #172654 0%,
      #0d1637 52%,
      #080d24 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 34px rgba(0, 0, 0, 0.36) !important;
}

.emc-providers .emc-provider-card:nth-child(even)
.emc-provider-card__logo {
  border-color: rgba(183, 126, 255, 0.24) !important;
  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(166, 93, 255, 0.2),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #242052 0%,
      #15143d 52%,
      #090d25 100%
    ) !important;
}

.emc-providers .emc-providers__node img,
.emc-providers .emc-provider-card__logo img {
  position: relative;
  z-index: 2;
  filter:
    drop-shadow(0 4px 7px rgba(0, 0, 0, 0.38))
    brightness(1.12) !important;
}

/* =========================================================
   ELON MUSK CASINO — MOBILES ONLINE-CASINO
========================================================= */

.emc-mobile {
  --mobile-white: #f8fbff;
  --mobile-text: rgba(220, 228, 248, 0.72);
  --mobile-muted: rgba(191, 204, 233, 0.53);
  --mobile-cyan: #5ce5ff;
  --mobile-purple: #b077ff;
  --mobile-green: #69e3bd;
  --mobile-border: rgba(130, 177, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  scroll-margin-top: 120px;
  padding: 112px 0;
  border-top: 1px solid rgba(115, 179, 255, 0.1);
  background:
    radial-gradient(
      circle at 12% 16%,
      rgba(34, 169, 255, 0.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 88% 45%,
      rgba(158, 72, 255, 0.13),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #060a19 0%,
      #090d25 50%,
      #060817 100%
    );
  color: var(--mobile-white);
}

.emc-mobile,
.emc-mobile *,
.emc-mobile *::before,
.emc-mobile *::after {
  box-sizing: border-box;
}

.emc-mobile__container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-mobile__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-mobile__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
  mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
}

.emc-mobile__glow {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.6;
  animation: emcMobileGlow 13s ease-in-out infinite;
}

.emc-mobile__glow--cyan {
  top: 7%;
  left: -190px;
  background: rgba(29, 174, 255, 0.2);
}

.emc-mobile__glow--purple {
  right: -200px;
  bottom: 10%;
  background: rgba(155, 67, 255, 0.18);
  animation-delay: -6s;
}

.emc-mobile__star {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 14px rgba(92, 229, 255, 0.72);
  animation: emcMobileStar 3.2s ease-in-out infinite;
}

.emc-mobile__star--1 {
  top: 9%;
  left: 8%;
}

.emc-mobile__star--2 {
  top: 21%;
  right: 12%;
  animation-delay: -0.8s;
}

.emc-mobile__star--3 {
  top: 62%;
  left: 5%;
  animation-delay: -1.7s;
}

.emc-mobile__star--4 {
  right: 8%;
  bottom: 8%;
  animation-delay: -2.5s;
}


/* =========================================================
   HEADER
========================================================= */

.emc-mobile__header {
  width: min(860px, 100%);
  margin: 0 auto 62px;
  text-align: center;
}

.emc-mobile__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(92, 229, 255, 0.22);
  border-radius: 999px;
  background: rgba(40, 155, 199, 0.09);
  color: #a1edff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-mobile__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--mobile-cyan);
  box-shadow: 0 0 11px var(--mobile-cyan);
}

.emc-mobile__header h2 {
  margin: 0;
  color: var(--mobile-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-mobile__header h2 span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--mobile-cyan),
    #91aaff 48%,
    #ca8dff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-mobile__header > p {
  max-width: 800px;
  margin: 24px auto 0;
  color: var(--mobile-text);
  font-size: 1rem;
  line-height: 1.82;
}


/* =========================================================
   SHOWCASE
========================================================= */

.emc-mobile__showcase {
  display: grid;
  grid-template-columns:
    minmax(0, 0.88fr)
    minmax(500px, 1.12fr);
  gap: 52px;
  align-items: center;
  margin-bottom: 58px;
  padding: 48px;
  border: 1px solid var(--mobile-border);
  border-radius: 32px;
  background:
    linear-gradient(
      145deg,
      rgba(21, 29, 62, 0.88),
      rgba(7, 11, 29, 0.95)
    );
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-mobile__content-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--mobile-cyan);
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-mobile__content h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3.4vw, 2.9rem);
  font-weight: 810;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-mobile__content > p {
  margin: 20px 0 0;
  color: var(--mobile-text);
  font-size: 0.9rem;
  line-height: 1.78;
}


/* =========================================================
   FEATURES
========================================================= */

.emc-mobile__features {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.emc-mobile-feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(128, 176, 255, 0.12);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.emc-mobile-feature__icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(92, 229, 255, 0.21);
  border-radius: 14px;
  background: rgba(48, 171, 211, 0.09);
  color: var(--mobile-cyan);
}

.emc-mobile-feature:nth-child(2)
.emc-mobile-feature__icon {
  border-color: rgba(176, 119, 255, 0.21);
  background: rgba(134, 75, 216, 0.09);
  color: #c69fff;
}

.emc-mobile-feature:nth-child(3)
.emc-mobile-feature__icon {
  border-color: rgba(105, 227, 189, 0.21);
  background: rgba(54, 181, 143, 0.09);
  color: var(--mobile-green);
}

.emc-mobile-feature__icon svg {
  width: 26px;
  height: 26px;
}

.emc-mobile-feature strong {
  display: block;
  margin-bottom: 5px;
  color: #f3f7ff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.emc-mobile-feature p {
  margin: 0;
  color: var(--mobile-muted);
  font-size: 0.71rem;
  line-height: 1.58;
}


/* =========================================================
   DEVICE VISUAL
========================================================= */

.emc-mobile__visual {
  position: relative;
  width: 100%;
  min-height: 570px;
}

.emc-mobile__visual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 470px;
  height: 470px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(52, 181, 255, 0.16),
    rgba(130, 73, 225, 0.08) 44%,
    transparent 70%
  );
  filter: blur(13px);
}

.emc-mobile__visual-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  height: 480px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(107, 190, 255, 0.14);
  border-radius: 50%;
}

.emc-mobile__visual-orbit::before,
.emc-mobile__visual-orbit::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--mobile-cyan);
  box-shadow: 0 0 13px var(--mobile-cyan);
}

.emc-mobile__visual-orbit::before {
  top: 12%;
  left: 15%;
}

.emc-mobile__visual-orbit::after {
  right: 12%;
  bottom: 16%;
  background: #c18cff;
  box-shadow: 0 0 13px #c18cff;
}


/* =========================================================
   DEVICES
========================================================= */

.emc-device {
  position: absolute;
  overflow: hidden;
  border: 2px solid rgba(154, 192, 255, 0.24);
  background:
    linear-gradient(
      145deg,
      #17234b,
      #080d24
    );
  box-shadow:
    0 26px 55px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(75, 168, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.emc-device__screen {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(131, 178, 255, 0.13);
  background:
    radial-gradient(
      circle at 20% 15%,
      rgba(58, 174, 255, 0.11),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      #101a3e,
      #080d24
    );
}

.emc-device__camera {
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: 3;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #3a6592;
}


/* Laptop */

.emc-device--laptop {
  top: 62px;
  left: 50%;
  z-index: 2;
  width: 78%;
  aspect-ratio: 16 / 10;
  transform: translateX(-50%);
  border-radius: 17px 17px 9px 9px;
}

.emc-device--laptop .emc-device__screen {
  inset: 18px 16px 24px;
  border-radius: 9px;
}

.emc-device__laptop-base {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 17px;
  background:
    linear-gradient(
      180deg,
      #263b68,
      #111a35
    );
}

.emc-device__laptop-base::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 50%;
  width: 55px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 0 0 6px 6px;
  background: #081022;
}

.emc-device__browser {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 25px;
  padding: 0 9px;
  border-bottom: 1px solid rgba(137, 178, 232, 0.12);
  background: rgba(4, 8, 22, 0.58);
}

.emc-device__browser > span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff6e7d;
}

.emc-device__browser > span:nth-child(2) {
  background: #ffc75c;
}

.emc-device__browser > span:nth-child(3) {
  background: #62dfb0;
}

.emc-device__browser-bar {
  width: 52%;
  height: 7px;
  margin-left: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.emc-device__casino-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}

.emc-device__casino-header img {
  width: 80px;
  max-height: 27px;
  object-fit: contain;
}

.emc-device__casino-header span {
  color: var(--mobile-cyan);
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.emc-device__games {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0 12px;
}

.emc-device__game {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(137, 180, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.emc-device__game img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.emc-device__categories {
  display: flex;
  gap: 5px;
  padding: 10px 12px;
}

.emc-device__categories span {
  flex: 1;
  padding: 6px 4px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(218, 228, 248, 0.5);
  font-size: 0.42rem;
  text-align: center;
}


/* Tablet */

.emc-device--tablet {
  right: 0;
  bottom: 20px;
  z-index: 4;
  width: 32%;
  aspect-ratio: 3 / 4;
  border-radius: 20px;
  transform: rotate(3deg);
}

.emc-device--tablet .emc-device__screen {
  inset: 14px 10px;
  border-radius: 11px;
}

.emc-device__compact-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 11px 9px;
}

.emc-device__compact-header > span:last-child {
  color: rgba(232, 239, 255, 0.72);
  font-size: 0.5rem;
  font-weight: 700;
}

.emc-device__brand-mark {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(92, 229, 255, 0.24);
  border-radius: 8px;
  background: rgba(51, 169, 207, 0.11);
  color: var(--mobile-cyan) !important;
  font-size: 0.45rem !important;
  font-weight: 900 !important;
}

.emc-device__tablet-games {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 9px;
}

.emc-device__tablet-games div {
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid rgba(133, 177, 255, 0.12);
  border-radius: 8px;
}

.emc-device__tablet-games img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* Smartphone */

.emc-device--phone {
  left: 2%;
  bottom: 0;
  z-index: 5;
  width: 23%;
  aspect-ratio: 9 / 18;
  border-radius: 24px;
  transform: rotate(-4deg);
}

.emc-device--phone .emc-device__screen {
  inset: 17px 8px 10px;
  border-radius: 15px;
}

.emc-device__speaker {
  position: absolute;
  top: 8px;
  left: 50%;
  z-index: 3;
  width: 30px;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #365777;
}

.emc-device__phone-featured {
  margin: 0 8px 7px;
  overflow: hidden;
  aspect-ratio: 1.25;
  border: 1px solid rgba(135, 181, 255, 0.13);
  border-radius: 8px;
}

.emc-device__phone-featured img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.emc-device__phone-games {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 0 8px;
}

.emc-device__phone-games div {
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid rgba(135, 181, 255, 0.13);
  border-radius: 7px;
}

.emc-device__phone-games img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.emc-device__phone-navigation {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.emc-device__phone-navigation span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.emc-device__phone-navigation span:nth-child(2) {
  background: var(--mobile-cyan);
  box-shadow: 0 0 8px var(--mobile-cyan);
}


/* Floating labels */

.emc-mobile__status {
  position: absolute;
  z-index: 7;
  padding: 8px 11px;
  border: 1px solid rgba(106, 206, 255, 0.2);
  border-radius: 999px;
  background: rgba(7, 14, 34, 0.78);
  color: #a9eeff;
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.27);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  animation: emcMobileStatus 5s ease-in-out infinite;
}

.emc-mobile__status--browser {
  top: 20px;
  left: 9%;
}

.emc-mobile__status--touch {
  top: 25%;
  right: 1%;
  border-color: rgba(176, 119, 255, 0.21);
  color: #d0afff;
  animation-delay: -1.7s;
}

.emc-mobile__status--responsive {
  right: 18%;
  bottom: 0;
  border-color: rgba(105, 227, 189, 0.21);
  color: #8ce7cb;
  animation-delay: -3.2s;
}


/* =========================================================
   DEVICE COMPATIBILITY
========================================================= */

.emc-mobile__devices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.emc-mobile__devices article {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  padding: 21px;
  border: 1px solid var(--mobile-border);
  border-radius: 19px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 28, 59, 0.77),
      rgba(8, 12, 30, 0.86)
    );
}

.emc-mobile__device-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(92, 229, 255, 0.22);
  border-radius: 15px;
  background: rgba(48, 172, 211, 0.09);
  color: var(--mobile-cyan);
}

.emc-mobile__devices article:nth-child(2)
.emc-mobile__device-icon {
  border-color: rgba(176, 119, 255, 0.22);
  background: rgba(135, 76, 216, 0.09);
  color: #c79fff;
}

.emc-mobile__devices article:nth-child(3)
.emc-mobile__device-icon {
  border-color: rgba(105, 227, 189, 0.22);
  background: rgba(54, 181, 143, 0.09);
  color: var(--mobile-green);
}

.emc-mobile__device-icon svg {
  width: 27px;
  height: 27px;
}

.emc-mobile__devices strong {
  display: block;
  margin-bottom: 6px;
  color: #f4f7ff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.emc-mobile__devices p {
  margin: 0;
  color: var(--mobile-muted);
  font-size: 0.71rem;
  line-height: 1.58;
}

.emc-mobile__notice {
  max-width: 900px;
  margin: 24px auto 0;
  color: rgba(184, 198, 227, 0.45);
  font-size: 0.67rem;
  line-height: 1.65;
  text-align: center;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcMobileGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(27px, -20px, 0) scale(1.07);
  }
}

@keyframes emcMobileStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcMobileStatus {
  0%,
  100% {
    margin-top: 0;
  }

  50% {
    margin-top: -8px;
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-mobile__showcase {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(440px, 1.1fr);
    gap: 34px;
    padding: 39px;
  }

  .emc-mobile__visual {
    min-height: 530px;
  }
}


@media (max-width: 991px) {
  .emc-mobile {
    padding: 90px 0;
  }

  .emc-mobile__showcase {
    grid-template-columns: minmax(0, 1fr);
    gap: 45px;
  }

  .emc-mobile__content {
    width: min(700px, 100%);
    margin: 0 auto;
    text-align: center;
  }

  .emc-mobile__features {
    text-align: left;
  }

  .emc-mobile__visual {
    width: min(620px, 100%);
    min-height: 550px;
    margin: 0 auto;
  }
}


@media (max-width: 767px) {
  .emc-mobile {
    padding: 72px 0;
  }

  .emc-mobile__header {
    margin-bottom: 43px;
  }

  .emc-mobile__header h2 {
    font-size: clamp(2.15rem, 11vw, 3.35rem);
  }

  .emc-mobile__header > p {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-mobile__showcase {
    margin-bottom: 42px;
    padding: 28px 21px;
    border-radius: 25px;
  }

  .emc-mobile__content h3 {
    font-size: 1.8rem;
  }

  .emc-mobile__visual {
    min-height: 480px;
  }

  .emc-mobile__visual-orbit {
    width: 410px;
    max-width: 92%;
    height: 410px;
  }

  .emc-device--laptop {
    top: 70px;
    width: 82%;
  }

  .emc-device--tablet {
    width: 34%;
  }

  .emc-device--phone {
    width: 25%;
  }

  .emc-mobile__devices {
    grid-template-columns: minmax(0, 1fr);
  }
}


@media (max-width: 479px) {
  .emc-mobile {
    padding: 62px 0;
  }

  .emc-mobile__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.09em;
  }

  .emc-mobile__header h2 {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-mobile__content h3 {
    font-size: 1.58rem;
  }

  .emc-mobile-feature {
    padding: 14px;
  }

  .emc-mobile__visual {
    min-height: 390px;
  }

  .emc-mobile__visual-orbit {
    width: 320px;
    height: 320px;
  }

  .emc-device--laptop {
    top: 64px;
    width: 88%;
  }

  .emc-device--tablet {
    right: -2%;
    width: 37%;
  }

  .emc-device--phone {
    left: -1%;
    width: 28%;
  }

  .emc-device__casino-header {
    padding: 8px;
  }

  .emc-device__casino-header img {
    width: 55px;
  }

  .emc-device__games {
    gap: 4px;
    padding: 0 8px;
  }

  .emc-device__categories {
    display: none;
  }

  .emc-device__tablet-games {
    gap: 3px;
    padding: 0 5px;
  }

  .emc-device__phone-featured {
    margin: 0 5px 4px;
  }

  .emc-device__phone-games {
    gap: 3px;
    padding: 0 5px;
  }

  .emc-mobile__status {
    padding: 6px 8px;
    font-size: 0.48rem;
  }

  .emc-mobile__status--browser {
    left: 2%;
  }

  .emc-mobile__status--touch {
    right: 0;
  }

  .emc-mobile__status--responsive {
    right: 12%;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-mobile__status {
    animation: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .emc-mobile *,
  .emc-mobile *::before,
  .emc-mobile *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* =========================================================
   ELON MUSK CASINO — VORTEILE & SICHERHEIT
========================================================= */

.emc-benefits {
  --benefits-white: #f8fbff;
  --benefits-text: rgba(220, 228, 248, 0.72);
  --benefits-muted: rgba(191, 204, 233, 0.53);
  --benefits-cyan: #5ce5ff;
  --benefits-purple: #b078ff;
  --benefits-green: #69e3bd;
  --benefits-yellow: #ffc84a;
  --benefits-border: rgba(130, 177, 255, 0.15);

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  padding: 112px 0;
  border-top: 1px solid rgba(115, 179, 255, 0.1);
  background:
    radial-gradient(
      circle at 12% 16%,
      rgba(34, 169, 255, 0.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 88% 46%,
      rgba(158, 72, 255, 0.13),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #060a19 0%,
      #090d25 50%,
      #060817 100%
    );
  color: var(--benefits-white);
}

.emc-benefits,
.emc-benefits *,
.emc-benefits *::before,
.emc-benefits *::after {
  box-sizing: border-box;
}

.emc-benefits__container {
  position: relative;
  z-index: 2;
}


/* =========================================================
   BACKGROUND
========================================================= */

.emc-benefits__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-benefits__background::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.034) 1px,
      transparent 1px
    );
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
  mask-image: linear-gradient(
    180deg,
    #000,
    transparent 84%
  );
}

.emc-benefits__glow {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.6;
  animation: emcBenefitsGlow 13s ease-in-out infinite;
}

.emc-benefits__glow--cyan {
  top: 7%;
  left: -190px;
  background: rgba(29, 174, 255, 0.2);
}

.emc-benefits__glow--purple {
  right: -200px;
  bottom: 9%;
  background: rgba(155, 67, 255, 0.18);
  animation-delay: -6s;
}

.emc-benefits__star {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px #ffffff,
    0 0 14px rgba(92, 229, 255, 0.72);
  animation: emcBenefitsStar 3.2s ease-in-out infinite;
}

.emc-benefits__star--1 {
  top: 8%;
  left: 8%;
}

.emc-benefits__star--2 {
  top: 21%;
  right: 12%;
  animation-delay: -0.8s;
}

.emc-benefits__star--3 {
  top: 60%;
  left: 5%;
  animation-delay: -1.7s;
}

.emc-benefits__star--4 {
  right: 8%;
  bottom: 8%;
  animation-delay: -2.5s;
}


/* =========================================================
   HEADER
========================================================= */

.emc-benefits__header {
  width: min(900px, 100%);
  margin: 0 auto 62px;
  text-align: center;
}

.emc-benefits__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 8px 16px;
  border: 1px solid rgba(92, 229, 255, 0.22);
  border-radius: 999px;
  background: rgba(40, 155, 199, 0.09);
  color: #a1edff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-benefits__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--benefits-cyan);
  box-shadow: 0 0 11px var(--benefits-cyan);
}

.emc-benefits__header h2 {
  margin: 0;
  color: var(--benefits-white);
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -0.05em;
  text-transform: none;
}

.emc-benefits__header h2 span {
  display: block;
  margin-top: 6px;
  background: linear-gradient(
    95deg,
    var(--benefits-cyan),
    #91aaff 48%,
    #ca8dff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.emc-benefits__header > p {
  max-width: 830px;
  margin: 24px auto 0;
  color: var(--benefits-text);
  font-size: 1rem;
  line-height: 1.82;
}


/* =========================================================
   EXPERIENCE HUB
========================================================= */

.emc-benefits__hub {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(430px, 1.08fr);
  gap: 55px;
  align-items: center;
  margin-bottom: 36px;
  padding: 48px;
  border: 1px solid var(--benefits-border);
  border-radius: 32px;
  background:
    linear-gradient(
      145deg,
      rgba(21, 29, 62, 0.88),
      rgba(7, 11, 29, 0.95)
    );
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-benefits__hub-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--benefits-cyan);
  font-size: 0.69rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-benefits__hub-content h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3.4vw, 2.9rem);
  font-weight: 810;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-transform: none;
}

.emc-benefits__hub-content > p {
  margin: 20px 0 0;
  color: var(--benefits-text);
  font-size: 0.9rem;
  line-height: 1.78;
}

.emc-benefits__hub-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
}

.emc-benefits__hub-tags span {
  padding: 8px 11px;
  border: 1px solid rgba(126, 180, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(218, 228, 248, 0.62);
  font-size: 0.66rem;
  font-weight: 650;
}


/* =========================================================
   SECURITY VISUAL
========================================================= */

.emc-benefits__security-visual {
  position: relative;
  min-height: 450px;
}

.emc-benefits__security-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(69, 190, 255, 0.17),
    rgba(133, 75, 226, 0.08) 45%,
    transparent 70%
  );
  filter: blur(14px);
  animation: emcBenefitsCore 5s ease-in-out infinite;
}

.emc-benefits__security-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(103, 193, 255, 0.15);
  border-radius: 50%;
}

.emc-benefits__security-ring::before,
.emc-benefits__security-ring::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--benefits-cyan);
  box-shadow: 0 0 12px var(--benefits-cyan);
}

.emc-benefits__security-ring::before {
  top: 12%;
  left: 16%;
}

.emc-benefits__security-ring::after {
  right: 13%;
  bottom: 17%;
  background: #bf8cff;
  box-shadow: 0 0 12px #bf8cff;
}

.emc-benefits__security-ring--outer {
  width: 410px;
  height: 410px;
  transform: translate(-50%, -50%);
  animation: emcBenefitsOrbit 27s linear infinite;
}

.emc-benefits__security-ring--inner {
  width: 275px;
  height: 275px;
  transform: translate(-50%, -50%);
  border-color: rgba(181, 120, 255, 0.14);
  animation: emcBenefitsOrbit 19s linear infinite reverse;
}

.emc-benefits__security-core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  width: 175px;
  height: 175px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(104, 201, 255, 0.27);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(94, 201, 255, 0.21),
      rgba(50, 64, 148, 0.27) 45%,
      rgba(9, 14, 37, 0.97) 76%
    );
  box-shadow:
    0 0 42px rgba(68, 169, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-align: center;
}

.emc-benefits__security-core svg {
  width: 54px;
  height: 54px;
  margin-bottom: 9px;
  color: var(--benefits-cyan);
}

.emc-benefits__security-core strong,
.emc-benefits__security-core span {
  display: block;
}

.emc-benefits__security-core strong {
  color: #ffffff;
  font-size: 0.83rem;
  line-height: 1.3;
}

.emc-benefits__security-core span {
  margin-top: 3px;
  color: var(--benefits-muted);
  font-size: 0.59rem;
  line-height: 1.3;
}

.emc-benefits__security-label {
  position: absolute;
  z-index: 4;
  padding: 9px 12px;
  border: 1px solid rgba(101, 202, 255, 0.19);
  border-radius: 999px;
  background: rgba(7, 14, 34, 0.82);
  color: #a8edff;
  font-size: 0.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  box-shadow:
    0 11px 25px rgba(0, 0, 0, 0.27);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.emc-benefits__security-label--https {
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
}

.emc-benefits__security-label--transparent {
  top: 48%;
  right: 0;
}

.emc-benefits__security-label--responsible {
  bottom: 5%;
  left: 18%;
  border-color: rgba(105, 227, 189, 0.2);
  color: #8ce7cb;
}


/* =========================================================
   BENEFIT CARDS
========================================================= */

.emc-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.emc-benefit-card {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  min-width: 0;
  min-height: 180px;
  padding: 23px;
  border: 1px solid var(--benefits-border);
  border-radius: 21px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 28, 59, 0.8),
      rgba(8, 12, 30, 0.9)
    );
  box-shadow:
    0 17px 43px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.emc-benefit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(103, 208, 255, 0.27);
  box-shadow:
    0 24px 53px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-benefit-card:nth-child(even):hover {
  border-color: rgba(183, 128, 255, 0.28);
}

.emc-benefit-card__icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 49px;
  height: 49px;
  border: 1px solid rgba(92, 229, 255, 0.22);
  border-radius: 15px;
  background: rgba(48, 172, 211, 0.09);
  color: var(--benefits-cyan);
}

.emc-benefit-card:nth-child(2)
.emc-benefit-card__icon,
.emc-benefit-card:nth-child(5)
.emc-benefit-card__icon {
  border-color: rgba(105, 227, 189, 0.22);
  background: rgba(54, 181, 143, 0.09);
  color: var(--benefits-green);
}

.emc-benefit-card:nth-child(3)
.emc-benefit-card__icon,
.emc-benefit-card:nth-child(6)
.emc-benefit-card__icon {
  border-color: rgba(176, 120, 255, 0.22);
  background: rgba(135, 76, 216, 0.09);
  color: #c79fff;
}

.emc-benefit-card__icon svg {
  width: 27px;
  height: 27px;
}

.emc-benefit-card h3 {
  margin: 0 0 8px;
  color: #f4f7ff;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.35;
  text-transform: none;
}

.emc-benefit-card p {
  margin: 0;
  color: var(--benefits-muted);
  font-size: 0.73rem;
  line-height: 1.63;
}


/* =========================================================
   SECURITY STATEMENT
========================================================= */

.emc-benefits__statement {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-top: 30px;
  padding: 23px 25px;
  border: 1px solid rgba(255, 200, 74, 0.16);
  border-radius: 21px;
  background:
    linear-gradient(
      135deg,
      rgba(197, 132, 39, 0.08),
      rgba(91, 65, 139, 0.05)
    );
}

.emc-benefits__statement-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255, 200, 74, 0.22);
  border-radius: 14px;
  background: rgba(207, 142, 42, 0.09);
  color: var(--benefits-yellow);
}

.emc-benefits__statement-icon svg {
  width: 25px;
  height: 25px;
}

.emc-benefits__statement strong {
  display: block;
  margin-bottom: 6px;
  color: #fff4db;
  font-size: 0.88rem;
  line-height: 1.4;
}

.emc-benefits__statement p {
  margin: 0;
  color: rgba(231, 217, 194, 0.61);
  font-size: 0.77rem;
  line-height: 1.68;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes emcBenefitsGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(0.96);
  }

  50% {
    transform: translate3d(27px, -20px, 0) scale(1.07);
  }
}

@keyframes emcBenefitsStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.75);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes emcBenefitsOrbit {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes emcBenefitsCore {
  0%,
  100% {
    opacity: 0.55;
    transform: translate(-50%, -50%) scale(0.94);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .emc-benefits__hub {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(390px, 1.1fr);
    gap: 34px;
    padding: 39px;
  }

  .emc-benefits__security-ring--outer {
    width: 380px;
    height: 380px;
  }
}


@media (max-width: 991px) {
  .emc-benefits {
    padding: 90px 0;
  }

  .emc-benefits__hub {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .emc-benefits__hub-content {
    width: min(700px, 100%);
    margin: 0 auto;
    text-align: center;
  }

  .emc-benefits__hub-tags {
    justify-content: center;
  }

  .emc-benefits__security-visual {
    width: min(500px, 100%);
    margin: 0 auto;
  }

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


@media (max-width: 767px) {
  .emc-benefits {
    padding: 72px 0;
  }

  .emc-benefits__header {
    margin-bottom: 43px;
  }

  .emc-benefits__header h2 {
    font-size: clamp(2.15rem, 11vw, 3.35rem);
  }

  .emc-benefits__header > p {
    font-size: 0.9rem;
    line-height: 1.72;
  }

  .emc-benefits__hub {
    padding: 28px 21px;
    border-radius: 25px;
  }

  .emc-benefits__hub-content h3 {
    font-size: 1.8rem;
  }

  .emc-benefits__security-visual {
    min-height: 410px;
  }

  .emc-benefits__security-ring--outer {
    width: 360px;
    height: 360px;
  }

  .emc-benefits__security-ring--inner {
    width: 245px;
    height: 245px;
  }

  .emc-benefits__security-core {
    width: 155px;
    height: 155px;
  }

  .emc-benefits__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-benefit-card {
    min-height: 0;
  }
}


@media (max-width: 479px) {
  .emc-benefits {
    padding: 62px 0;
  }

  .emc-benefits__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.09em;
  }

  .emc-benefits__header h2 {
    font-size: clamp(2rem, 12vw, 2.7rem);
  }

  .emc-benefits__hub-content h3 {
    font-size: 1.58rem;
  }

  .emc-benefits__security-visual {
    min-height: 340px;
  }

  .emc-benefits__security-ring--outer {
    width: 295px;
    height: 295px;
  }

  .emc-benefits__security-ring--inner {
    width: 205px;
    height: 205px;
  }

  .emc-benefits__security-core {
    width: 130px;
    height: 130px;
  }

  .emc-benefits__security-core svg {
    width: 42px;
    height: 42px;
  }

  .emc-benefits__security-label {
    padding: 7px 9px;
    font-size: 0.5rem;
  }

  .emc-benefits__security-label--transparent {
    right: -5px;
  }

  .emc-benefits__security-label--responsible {
    left: 8%;
  }

  .emc-benefit-card {
    padding: 19px;
  }

  .emc-benefits__statement {
    flex-direction: column;
    padding: 20px;
  }
}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {
  .emc-benefit-card:hover {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

/* ==================================================
   ELON MUSK CASINO — ÜBER UNS
================================================== */

.emc-about {
    --emc-about-bg: #060916;
    --emc-about-panel: rgba(15, 21, 49, 0.82);
    --emc-about-border: rgba(126, 165, 255, 0.16);
    --emc-about-white: #f8faff;
    --emc-about-text: rgba(219, 226, 246, 0.72);
    --emc-about-muted: rgba(194, 204, 232, 0.5);
    --emc-about-cyan: #58ddff;
    --emc-about-blue: #619aff;
    --emc-about-purple: #a77bff;
    --emc-about-gold: #ffc84f;
    --emc-about-green: #67dfbd;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 120px 24px;
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(42, 143, 220, 0.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 38%,
            rgba(124, 66, 221, 0.13),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #070a19 0%,
            #080b1e 52%,
            #050814 100%
        );
    color: var(--emc-about-white);
}

.emc-about,
.emc-about *,
.emc-about *::before,
.emc-about *::after {
    box-sizing: border-box;
}

.emc-about__container {
    position: relative;
    z-index: 2;
    width: min(1180px, 100%);
    margin: 0 auto;
}


/* ==================================================
   BACKGROUND
================================================== */

.emc-about__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.emc-about__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1120px, 94vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(76, 205, 255, 0.42),
        rgba(164, 103, 255, 0.34),
        transparent
    );
}

.emc-about__background::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -430px;
    width: 980px;
    height: 650px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(74, 104, 255, 0.14),
        rgba(102, 61, 195, 0.06) 40%,
        transparent 70%
    );
    filter: blur(14px);
}

.emc-about__grid {
    position: absolute;
    inset: 0;
    opacity: 0.16;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        );
    background-size: 58px 58px;
    mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.65),
        transparent 92%
    );
}

.emc-about__glow {
    position: absolute;
    display: block;
    border-radius: 50%;
    filter: blur(85px);
}

.emc-about__glow--blue {
    top: 8%;
    left: -160px;
    width: 420px;
    height: 420px;
    background: rgba(42, 130, 255, 0.2);
    animation: emcAboutGlowFloat 13s ease-in-out infinite;
}

.emc-about__glow--purple {
    top: 31%;
    right: -190px;
    width: 480px;
    height: 480px;
    background: rgba(138, 65, 255, 0.17);
    animation: emcAboutGlowFloat 16s ease-in-out infinite reverse;
}

.emc-about__glow--cyan {
    left: 42%;
    bottom: -170px;
    width: 390px;
    height: 390px;
    background: rgba(50, 208, 255, 0.09);
    animation: emcAboutGlowPulse 10s ease-in-out infinite;
}

.emc-about__star {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 7px rgba(255, 255, 255, 0.9),
        0 0 15px rgba(88, 221, 255, 0.7);
    animation: emcAboutStarPulse 3.2s ease-in-out infinite;
}

.emc-about__star--one {
    top: 9%;
    left: 8%;
}

.emc-about__star--two {
    top: 17%;
    right: 13%;
    animation-delay: 0.8s;
}

.emc-about__star--three {
    top: 48%;
    left: 4%;
    animation-delay: 1.7s;
}

.emc-about__star--four {
    top: 64%;
    right: 7%;
    animation-delay: 2.3s;
}

.emc-about__star--five {
    bottom: 11%;
    left: 21%;
    animation-delay: 1.2s;
}


/* ==================================================
   HEADER
================================================== */

.emc-about__header {
    width: min(870px, 100%);
    margin: 0 auto 65px;
    text-align: center;
}

.emc-about__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 21px;
    padding: 9px 16px;
    border: 1px solid rgba(91, 207, 255, 0.21);
    border-radius: 999px;
    background: rgba(36, 121, 180, 0.08);
    color: #82ddff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.emc-about__eyebrow-icon {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
}

.emc-about__eyebrow-icon svg {
    width: 100%;
    height: 100%;
}

.emc-about__title {
    margin: 0;
    color: var(--emc-about-white);
    font-size: clamp(2.4rem, 5.4vw, 4.8rem);
    font-weight: 830;
    line-height: 1.03;
    letter-spacing: -0.052em;
    text-transform: none;
}

.emc-about__title-accent {
    display: block;
    margin-top: 6px;
    background: linear-gradient(
        95deg,
        #73ddff 0%,
        #8399ff 48%,
        #bd83ff 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.emc-about__lead {
    max-width: 820px;
    margin: 27px auto 0;
    color: var(--emc-about-text);
    font-size: 1.03rem;
    line-height: 1.85;
}


/* ==================================================
   INTRODUCTION
================================================== */

.emc-about__intro {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(480px, 1.05fr);
    gap: 58px;
    align-items: center;
    margin-bottom: 76px;
}

.emc-about__story {
    position: relative;
    padding: 39px;
    overflow: hidden;
    border: 1px solid var(--emc-about-border);
    border-radius: 28px;
    background:
        linear-gradient(
            145deg,
            rgba(23, 31, 67, 0.88),
            rgba(9, 14, 36, 0.92)
        );
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-about__story::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    width: 42%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(91, 215, 255, 0.72),
        transparent
    );
}

.emc-about__story::after {
    content: "";
    position: absolute;
    top: -120px;
    right: -110px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(111, 77, 255, 0.15),
        transparent 70%
    );
}

.emc-about__story-kicker {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 14px;
    color: var(--emc-about-cyan);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.emc-about__story-title {
    position: relative;
    z-index: 1;
    margin: 0 0 21px;
    color: #ffffff;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
    font-weight: 790;
    line-height: 1.15;
    letter-spacing: -0.035em;
    text-transform: none;
}

.emc-about__story-text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--emc-about-text);
    font-size: 0.91rem;
    line-height: 1.82;
}

.emc-about__story-text + .emc-about__story-text {
    margin-top: 16px;
}

.emc-about__qualities {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 27px;
}

.emc-about__quality {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(99, 202, 255, 0.15);
    border-radius: 999px;
    background: rgba(60, 148, 211, 0.07);
    color: rgba(226, 242, 255, 0.82);
    font-size: 0.69rem;
    font-weight: 650;
}

.emc-about__quality svg {
    width: 16px;
    height: 16px;
    color: var(--emc-about-green);
}


/* ==================================================
   MISSION VISUAL
================================================== */

.emc-about__mission {
    position: relative;
    min-height: 570px;
}

.emc-about__mission-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 440px;
    height: 440px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(65, 190, 255, 0.18),
        rgba(110, 73, 255, 0.13) 42%,
        transparent 70%
    );
    filter: blur(14px);
    animation: emcAboutMissionGlow 6s ease-in-out infinite;
}

.emc-about__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.emc-about__orbit--outer {
    width: 500px;
    height: 500px;
    border: 1px solid rgba(94, 177, 255, 0.16);
    animation: emcAboutOrbitRotate 35s linear infinite;
}

.emc-about__orbit--middle {
    width: 380px;
    height: 380px;
    border: 1px dashed rgba(172, 113, 255, 0.18);
    animation: emcAboutOrbitRotateReverse 27s linear infinite;
}

.emc-about__orbit--inner {
    width: 270px;
    height: 270px;
    border: 1px solid rgba(88, 221, 255, 0.2);
    box-shadow:
        inset 0 0 40px rgba(70, 141, 255, 0.05),
        0 0 34px rgba(92, 123, 255, 0.06);
    animation: emcAboutOrbitPulse 5s ease-in-out infinite;
}

.emc-about__core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: flex;
    width: 210px;
    height: 210px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 25px;
    border: 1px solid rgba(96, 211, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(73, 181, 255, 0.21),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 39, 84, 0.98),
            rgba(9, 14, 39, 0.98)
        );
    box-shadow:
        0 0 55px rgba(77, 159, 255, 0.18),
        0 0 100px rgba(121, 74, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
}

.emc-about__core::before {
    content: "";
    position: absolute;
    inset: 11px;
    border: 1px solid rgba(151, 195, 255, 0.08);
    border-radius: 50%;
}

.emc-about__core-kicker {
    margin-bottom: 7px;
    color: var(--emc-about-cyan);
    font-size: 0.57rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.emc-about__core-title {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 820;
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.emc-about__core-subtitle {
    margin-top: 3px;
    color: #aebdff;
    font-size: 1rem;
    font-weight: 700;
}

.emc-about__core-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: rgba(211, 225, 245, 0.57);
    font-size: 0.59rem;
}

.emc-about__core-status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--emc-about-green);
    box-shadow: 0 0 10px rgba(103, 223, 189, 0.8);
    animation: emcAboutStatusPulse 2s ease-in-out infinite;
}

.emc-about__mission-node {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    min-width: 118px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid rgba(126, 172, 255, 0.18);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(26, 35, 75, 0.94),
            rgba(10, 15, 38, 0.94)
        );
    box-shadow:
        0 15px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    color: rgba(234, 241, 255, 0.84);
    font-size: 0.68rem;
    font-weight: 700;
    backdrop-filter: blur(10px);
    animation: emcAboutNodeFloat 5s ease-in-out infinite;
}

.emc-about__mission-node svg {
    width: 21px;
    height: 21px;
    color: var(--emc-about-cyan);
}

.emc-about__mission-node--games {
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
}

.emc-about__mission-node--live {
    top: 25%;
    right: 1%;
    animation-delay: 0.8s;
}

.emc-about__mission-node--bonus {
    right: 4%;
    bottom: 20%;
    animation-delay: 1.6s;
}

.emc-about__mission-node--payments {
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 2.1s;
}

.emc-about__mission-node--mobile {
    bottom: 20%;
    left: 3%;
    animation-delay: 1.2s;
}

.emc-about__mission-node--providers {
    top: 25%;
    left: 0;
    animation-delay: 2.5s;
}

.emc-about__mission-node--bonus svg,
.emc-about__mission-node--payments svg {
    color: var(--emc-about-gold);
}

.emc-about__mission-node--mobile svg {
    color: var(--emc-about-green);
}

.emc-about__mission-node--providers svg {
    color: var(--emc-about-purple);
}


/* ==================================================
   ADVANTAGE CARDS
================================================== */

.emc-about__advantages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 78px;
}

.emc-about-card {
    position: relative;
    min-width: 0;
    min-height: 275px;
    padding: 29px;
    overflow: hidden;
    border: 1px solid var(--emc-about-border);
    border-radius: 24px;
    background:
        linear-gradient(
            145deg,
            rgba(21, 28, 61, 0.86),
            rgba(8, 13, 34, 0.92)
        );
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.emc-about-card:hover {
    transform: translateY(-6px);
    border-color: rgba(126, 180, 255, 0.3);
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.3),
        0 0 32px rgba(75, 124, 255, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.emc-about-card::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -75px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(91, 177, 255, 0.13),
        transparent 70%
    );
    transition: transform 0.4s ease;
}

.emc-about-card:hover::before {
    transform: scale(1.18);
}

.emc-about-card__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 57px;
    height: 57px;
    place-items: center;
    margin-bottom: 22px;
    border: 1px solid currentColor;
    border-radius: 17px;
    background: rgba(75, 151, 220, 0.08);
    color: var(--emc-about-cyan);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-about-card__icon svg {
    width: 29px;
    height: 29px;
}

.emc-about-card__title {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #f7f9ff;
    font-size: 1.08rem;
    font-weight: 760;
    line-height: 1.35;
    text-transform: none;
}

.emc-about-card__text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(207, 217, 242, 0.59);
    font-size: 0.81rem;
    line-height: 1.72;
}

.emc-about-card--purple .emc-about-card__icon {
    background: rgba(132, 83, 220, 0.09);
    color: #b58bff;
}

.emc-about-card--gold .emc-about-card__icon {
    background: rgba(216, 157, 54, 0.09);
    color: #ffc85b;
}

.emc-about-card--blue .emc-about-card__icon {
    background: rgba(68, 121, 231, 0.1);
    color: #82b7ff;
}

.emc-about-card--violet .emc-about-card__icon {
    background: rgba(150, 81, 216, 0.09);
    color: #c487ff;
}

.emc-about-card--green .emc-about-card__icon {
    background: rgba(60, 185, 151, 0.09);
    color: #70dfc0;
}


/* ==================================================
   CONTINUOUS DEVELOPMENT
================================================== */

.emc-about__development {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(480px, 1.15fr);
    gap: 55px;
    align-items: center;
    margin-bottom: 34px;
    padding: 45px;
    border: 1px solid rgba(132, 167, 255, 0.16);
    border-radius: 30px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(64, 173, 255, 0.1),
            transparent 34%
        ),
        linear-gradient(
            140deg,
            rgba(24, 32, 70, 0.88),
            rgba(9, 14, 37, 0.94)
        );
    box-shadow:
        0 27px 72px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-about__development-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--emc-about-cyan);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.emc-about__development-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.75rem, 3.2vw, 2.65rem);
    font-weight: 790;
    line-height: 1.13;
    letter-spacing: -0.038em;
    text-transform: none;
}

.emc-about__development-text {
    margin: 20px 0 0;
    color: var(--emc-about-text);
    font-size: 0.88rem;
    line-height: 1.8;
}

.emc-about__development-list {
    display: grid;
    gap: 13px;
}

.emc-about__development-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 17px;
    border: 1px solid rgba(126, 169, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.emc-about__development-icon {
    display: grid;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(92, 202, 255, 0.19);
    border-radius: 13px;
    background: rgba(64, 145, 210, 0.08);
    color: var(--emc-about-cyan);
}

.emc-about__development-icon svg {
    width: 23px;
    height: 23px;
}

.emc-about__development-item:nth-child(2)
.emc-about__development-icon {
    border-color: rgba(175, 118, 255, 0.2);
    background: rgba(135, 76, 207, 0.08);
    color: var(--emc-about-purple);
}

.emc-about__development-item:nth-child(3)
.emc-about__development-icon {
    border-color: rgba(99, 221, 188, 0.19);
    background: rgba(52, 175, 143, 0.08);
    color: var(--emc-about-green);
}

.emc-about__development-item > div:last-child {
    min-width: 0;
}

.emc-about__development-item strong {
    display: block;
    margin-bottom: 5px;
    color: #f3f7ff;
    font-size: 0.87rem;
    line-height: 1.35;
}

.emc-about__development-item span {
    display: block;
    color: rgba(202, 214, 239, 0.55);
    font-size: 0.75rem;
    line-height: 1.62;
}


/* ==================================================
   TRANSPARENCY NOTICE
================================================== */

.emc-about__notice {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 22px 25px;
    border: 1px solid rgba(240, 189, 91, 0.17);
    border-radius: 21px;
    background:
        linear-gradient(
            135deg,
            rgba(183, 123, 39, 0.08),
            rgba(83, 63, 129, 0.05)
        );
}

.emc-about__notice-icon {
    display: grid;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(244, 195, 104, 0.21);
    border-radius: 14px;
    background: rgba(201, 139, 48, 0.09);
    color: #f0bd68;
}

.emc-about__notice-icon svg {
    width: 25px;
    height: 25px;
}

.emc-about__notice-content {
    min-width: 0;
}

.emc-about__notice-content strong {
    display: block;
    margin-bottom: 6px;
    color: #fff2dc;
    font-size: 0.87rem;
    line-height: 1.4;
}

.emc-about__notice-content p {
    margin: 0;
    color: rgba(229, 216, 197, 0.61);
    font-size: 0.76rem;
    line-height: 1.68;
}


/* ==================================================
   ANIMATIONS
================================================== */

@keyframes emcAboutGlowFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(28px, -22px, 0) scale(1.08);
    }
}

@keyframes emcAboutGlowPulse {
    0%,
    100% {
        opacity: 0.45;
        transform: scale(0.94);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.08);
    }
}

@keyframes emcAboutStarPulse {
    0%,
    100% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@keyframes emcAboutMissionGlow {
    0%,
    100% {
        opacity: 0.55;
        transform: translate(-50%, -50%) scale(0.95);
    }

    50% {
        opacity: 0.95;
        transform: translate(-50%, -50%) scale(1.07);
    }
}

@keyframes emcAboutOrbitRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes emcAboutOrbitRotateReverse {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@keyframes emcAboutOrbitPulse {
    0%,
    100% {
        opacity: 0.55;
        transform: translate(-50%, -50%) scale(0.97);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.04);
    }
}

@keyframes emcAboutStatusPulse {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.18);
    }
}

@keyframes emcAboutNodeFloat {
    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: -8px;
    }
}


/* ==================================================
   RESPONSIVE — TABLET
================================================== */

@media (max-width: 1050px) {
    .emc-about {
        padding: 105px 22px;
    }

    .emc-about__intro {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .emc-about__mission {
        width: min(650px, 100%);
        margin: 0 auto;
    }

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

    .emc-about__development {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }
}


/* ==================================================
   RESPONSIVE — SMALL TABLET
================================================== */

@media (max-width: 720px) {
    .emc-about {
        padding: 82px 18px;
    }

    .emc-about__header {
        margin-bottom: 48px;
    }

    .emc-about__title {
        font-size: clamp(2.1rem, 10vw, 3.25rem);
    }

    .emc-about__lead {
        font-size: 0.94rem;
        line-height: 1.75;
    }

    .emc-about__story {
        padding: 30px 25px;
        border-radius: 24px;
    }

    .emc-about__mission {
        min-height: 500px;
        transform: scale(0.9);
        transform-origin: center;
    }

    .emc-about__advantages {
        grid-template-columns: minmax(0, 1fr);
    }

    .emc-about-card {
        min-height: 0;
    }

    .emc-about__development {
        padding: 31px 25px;
        border-radius: 25px;
    }

    .emc-about__notice {
        padding: 20px;
    }
}


/* ==================================================
   RESPONSIVE — MOBILE
================================================== */

@media (max-width: 520px) {
    .emc-about {
        padding: 70px 15px;
    }

    .emc-about__eyebrow {
        padding: 8px 12px;
        font-size: 0.62rem;
        letter-spacing: 0.1em;
    }

    .emc-about__title {
        font-size: clamp(1.95rem, 11vw, 2.65rem);
    }

    .emc-about__story {
        padding: 25px 19px;
    }

    .emc-about__story-title {
        font-size: 1.65rem;
    }

    .emc-about__qualities {
        align-items: stretch;
        flex-direction: column;
    }

    .emc-about__quality {
        width: 100%;
        border-radius: 12px;
    }

    .emc-about__mission {
        left: 50%;
        width: 540px;
        min-height: 450px;
        margin-left: -270px;
        transform: scale(0.72);
    }

    .emc-about__advantages {
        gap: 14px;
        margin-bottom: 58px;
    }

    .emc-about-card {
        padding: 25px 21px;
        border-radius: 21px;
    }

    .emc-about__development {
        padding: 27px 19px;
    }

    .emc-about__development-title {
        font-size: 1.65rem;
    }

    .emc-about__development-item {
        padding: 15px;
    }

    .emc-about__notice {
        flex-direction: column;
        padding: 19px;
    }
}


/* ==================================================
   TOUCH DEVICES
================================================== */

@media (hover: none) {
    .emc-about-card:hover {
        transform: none;
    }
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {
    .emc-about *,
    .emc-about *::before,
    .emc-about *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==================================================
   ELON MUSK CASINO — HÄUFIGE FRAGEN
================================================== */

.emc-faq {
    --emc-faq-white: #f8faff;
    --emc-faq-text: rgba(218, 225, 245, 0.7);
    --emc-faq-muted: rgba(191, 201, 229, 0.49);
    --emc-faq-border: rgba(123, 165, 255, 0.15);
    --emc-faq-cyan: #58ddff;
    --emc-faq-purple: #ae7cff;
    --emc-faq-gold: #ffc857;
    --emc-faq-green: #68dfbd;
    --emc-faq-blue: #7caeff;
    --emc-faq-pink: #f17ec1;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 120px 24px;
    background:
        radial-gradient(
            circle at 12% 25%,
            rgba(41, 146, 218, 0.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 48%,
            rgba(130, 64, 218, 0.13),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #050814 0%,
            #080b1e 50%,
            #050713 100%
        );
    color: var(--emc-faq-white);
}

.emc-faq,
.emc-faq *,
.emc-faq *::before,
.emc-faq *::after {
    box-sizing: border-box;
}

.emc-faq__container {
    position: relative;
    z-index: 2;
    width: min(1180px, 100%);
    margin: 0 auto;
}


/* ==================================================
   DECORATIVE BACKGROUND
================================================== */

.emc-faq__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.emc-faq__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1120px, 94vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(86, 215, 255, 0.4),
        rgba(169, 109, 255, 0.34),
        transparent
    );
}

.emc-faq__grid {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        );
    background-size: 58px 58px;
    mask-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.65),
        transparent 94%
    );
}

.emc-faq__glow {
    position: absolute;
    display: block;
    border-radius: 50%;
    filter: blur(85px);
}

.emc-faq__glow--cyan {
    top: 7%;
    left: -170px;
    width: 430px;
    height: 430px;
    background: rgba(43, 165, 255, 0.19);
    animation: emcFaqGlowFloat 13s ease-in-out infinite;
}

.emc-faq__glow--purple {
    top: 38%;
    right: -190px;
    width: 480px;
    height: 480px;
    background: rgba(139, 66, 255, 0.16);
    animation: emcFaqGlowFloat 16s ease-in-out infinite reverse;
}

.emc-faq__glow--gold {
    left: 42%;
    bottom: -210px;
    width: 400px;
    height: 400px;
    background: rgba(255, 182, 63, 0.07);
    animation: emcFaqGlowPulse 10s ease-in-out infinite;
}

.emc-faq__star {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 7px rgba(255, 255, 255, 0.9),
        0 0 14px rgba(88, 221, 255, 0.65);
    animation: emcFaqStarPulse 3.3s ease-in-out infinite;
}

.emc-faq__star--one {
    top: 8%;
    left: 9%;
}

.emc-faq__star--two {
    top: 18%;
    right: 12%;
    animation-delay: 0.8s;
}

.emc-faq__star--three {
    top: 49%;
    left: 4%;
    animation-delay: 1.7s;
}

.emc-faq__star--four {
    top: 67%;
    right: 7%;
    animation-delay: 2.3s;
}

.emc-faq__star--five {
    bottom: 8%;
    left: 22%;
    animation-delay: 1.2s;
}


/* ==================================================
   SECTION HEADER
================================================== */

.emc-faq__header {
    width: min(860px, 100%);
    margin: 0 auto 66px;
    text-align: center;
}

.emc-faq__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 21px;
    padding: 9px 16px;
    border: 1px solid rgba(88, 214, 255, 0.21);
    border-radius: 999px;
    background: rgba(41, 139, 194, 0.08);
    color: #83dfff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.emc-faq__eyebrow-icon {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
}

.emc-faq__eyebrow-icon svg {
    width: 100%;
    height: 100%;
}

.emc-faq__title {
    margin: 0;
    color: var(--emc-faq-white);
    font-size: clamp(2.4rem, 5.3vw, 4.7rem);
    font-weight: 830;
    line-height: 1.03;
    letter-spacing: -0.052em;
    text-transform: none;
}

.emc-faq__title-accent {
    display: block;
    margin-top: 6px;
    background: linear-gradient(
        95deg,
        #76ddff 0%,
        #879bff 48%,
        #c183ff 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.emc-faq__description {
    max-width: 790px;
    margin: 26px auto 0;
    color: var(--emc-faq-text);
    font-size: 1rem;
    line-height: 1.82;
}


/* ==================================================
   MAIN LAYOUT
================================================== */

.emc-faq__layout {
    display: grid;
    grid-template-columns: minmax(270px, 330px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}


/* ==================================================
   FAQ GUIDE
================================================== */

.emc-faq__guide {
    position: sticky;
    top: 24px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--emc-faq-border);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 50% 12%,
            rgba(73, 161, 255, 0.13),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(21, 29, 64, 0.9),
            rgba(8, 13, 34, 0.94)
        );
    box-shadow:
        0 26px 68px rgba(0, 0, 0, 0.29),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.emc-faq__guide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    width: 46%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(87, 218, 255, 0.73),
        transparent
    );
}

.emc-faq__guide-visual {
    position: relative;
    width: 190px;
    height: 190px;
    margin: 0 auto 25px;
}

.emc-faq__guide-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.emc-faq__guide-orbit--outer {
    width: 176px;
    height: 176px;
    border: 1px solid rgba(97, 180, 255, 0.18);
    animation: emcFaqOrbitRotate 22s linear infinite;
}

.emc-faq__guide-orbit--inner {
    width: 130px;
    height: 130px;
    border: 1px dashed rgba(178, 119, 255, 0.22);
    animation: emcFaqOrbitRotateReverse 17s linear infinite;
}

.emc-faq__guide-core {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    border: 1px solid rgba(91, 209, 255, 0.29);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background:
        linear-gradient(
            145deg,
            rgba(40, 72, 139, 0.95),
            rgba(15, 20, 55, 0.98)
        );
    color: #dffaff;
    box-shadow:
        0 0 35px rgba(69, 177, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.emc-faq__guide-core span {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
}

.emc-faq__guide-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.emc-faq__guide-dot--one {
    top: 20px;
    left: 50%;
    background: var(--emc-faq-cyan);
    box-shadow: 0 0 13px var(--emc-faq-cyan);
}

.emc-faq__guide-dot--two {
    right: 16px;
    bottom: 49px;
    background: var(--emc-faq-purple);
    box-shadow: 0 0 13px var(--emc-faq-purple);
}

.emc-faq__guide-dot--three {
    bottom: 34px;
    left: 23px;
    background: var(--emc-faq-gold);
    box-shadow: 0 0 13px var(--emc-faq-gold);
}

.emc-faq__guide-kicker {
    display: block;
    margin-bottom: 10px;
    color: var(--emc-faq-cyan);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.emc-faq__guide-title {
    margin: 0;
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 780;
    line-height: 1.2;
    letter-spacing: -0.035em;
    text-transform: none;
}

.emc-faq__guide-text {
    margin: 16px 0 23px;
    color: var(--emc-faq-text);
    font-size: 0.79rem;
    line-height: 1.72;
}

.emc-faq__topics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.emc-faq__topic {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid rgba(126, 169, 255, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(224, 232, 250, 0.7);
    font-size: 0.63rem;
    font-weight: 700;
}

.emc-faq__topic svg {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.emc-faq__topic--cyan svg {
    color: var(--emc-faq-cyan);
}

.emc-faq__topic--purple svg {
    color: var(--emc-faq-purple);
}

.emc-faq__topic--gold svg {
    color: var(--emc-faq-gold);
}

.emc-faq__topic--green svg {
    color: var(--emc-faq-green);
}

.emc-faq__topic--blue svg {
    color: var(--emc-faq-blue);
}

.emc-faq__topic--pink svg {
    color: var(--emc-faq-pink);
}

.emc-faq__responsible {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 22px;
    padding: 15px;
    border: 1px solid rgba(244, 187, 88, 0.16);
    border-radius: 17px;
    background: rgba(192, 128, 37, 0.07);
}

.emc-faq__responsible-age {
    display: grid;
    flex: 0 0 auto;
    width: 41px;
    height: 41px;
    place-items: center;
    border: 1px solid rgba(255, 196, 89, 0.25);
    border-radius: 50%;
    background: rgba(213, 148, 42, 0.09);
    color: var(--emc-faq-gold);
    font-size: 0.74rem;
    font-weight: 850;
}

.emc-faq__responsible strong {
    display: block;
    margin-bottom: 4px;
    color: #fff1d7;
    font-size: 0.74rem;
    line-height: 1.4;
}

.emc-faq__responsible p {
    margin: 0;
    color: rgba(225, 210, 187, 0.58);
    font-size: 0.66rem;
    line-height: 1.55;
}


/* ==================================================
   QUESTION GROUPS
================================================== */

.emc-faq__questions {
    min-width: 0;
}

.emc-faq__group {
    padding: 28px;
    border: 1px solid var(--emc-faq-border);
    border-radius: 27px;
    background:
        linear-gradient(
            145deg,
            rgba(18, 25, 57, 0.82),
            rgba(7, 12, 31, 0.9)
        );
    box-shadow:
        0 23px 58px rgba(0, 0, 0, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.emc-faq__group + .emc-faq__group {
    margin-top: 22px;
}

.emc-faq__group-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 23px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(126, 167, 255, 0.1);
}

.emc-faq__group-icon {
    display: grid;
    flex: 0 0 auto;
    width: 51px;
    height: 51px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 15px;
    background: rgba(65, 148, 210, 0.08);
}

.emc-faq__group-icon svg {
    width: 27px;
    height: 27px;
}

.emc-faq__group-icon--cyan {
    color: var(--emc-faq-cyan);
}

.emc-faq__group-icon--gold {
    color: var(--emc-faq-gold);
    background: rgba(198, 136, 44, 0.08);
}

.emc-faq__group-icon--green {
    color: var(--emc-faq-green);
    background: rgba(55, 177, 143, 0.08);
}

.emc-faq__group-heading > div:last-child {
    min-width: 0;
}

.emc-faq__group-heading span {
    display: block;
    margin-bottom: 4px;
    color: var(--emc-faq-muted);
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.emc-faq__group-heading h3 {
    margin: 0;
    color: #f5f8ff;
    font-size: 1.23rem;
    font-weight: 750;
    line-height: 1.35;
    text-transform: none;
}


/* ==================================================
   FAQ ITEMS
================================================== */

.emc-faq__item {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(126, 168, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.023);
    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.emc-faq__item + .emc-faq__item {
    margin-top: 11px;
}

.emc-faq__item[open] {
    border-color: rgba(100, 199, 255, 0.25);
    background:
        linear-gradient(
            145deg,
            rgba(39, 83, 138, 0.12),
            rgba(90, 57, 150, 0.07)
        );
    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.emc-faq__item summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 76px;
    padding: 14px 17px;
    cursor: pointer;
    list-style: none;
    outline: none;
}

.emc-faq__item summary::-webkit-details-marker {
    display: none;
}

.emc-faq__item summary::marker {
    display: none;
    content: "";
}

.emc-faq__item summary:focus-visible {
    outline: 2px solid rgba(108, 201, 255, 0.85);
    outline-offset: -3px;
    border-radius: 17px;
}

.emc-faq__item-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 13px;
    background: rgba(61, 150, 213, 0.07);
    color: var(--emc-faq-cyan);
}

.emc-faq__item-icon svg {
    width: 22px;
    height: 22px;
}

.emc-faq__item--purple .emc-faq__item-icon {
    color: var(--emc-faq-purple);
    background: rgba(132, 77, 207, 0.07);
}

.emc-faq__item--gold .emc-faq__item-icon {
    color: var(--emc-faq-gold);
    background: rgba(201, 138, 44, 0.07);
}

.emc-faq__item--green .emc-faq__item-icon {
    color: var(--emc-faq-green);
    background: rgba(55, 178, 143, 0.07);
}

.emc-faq__item--blue .emc-faq__item-icon {
    color: var(--emc-faq-blue);
    background: rgba(68, 112, 213, 0.07);
}

.emc-faq__question {
    color: rgba(242, 246, 255, 0.9);
    font-size: 0.87rem;
    font-weight: 720;
    line-height: 1.5;
}

.emc-faq__toggle {
    position: relative;
    width: 31px;
    height: 31px;
    border: 1px solid rgba(139, 181, 255, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.emc-faq__toggle::before,
.emc-faq__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 1.5px;
    border-radius: 3px;
    background: rgba(219, 232, 255, 0.75);
    transform: translate(-50%, -50%);
    transition: transform 0.28s ease;
}

.emc-faq__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.emc-faq__item[open] .emc-faq__toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.emc-faq__answer {
    padding: 0 72px 20px;
}

.emc-faq__answer p {
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(126, 167, 255, 0.09);
    color: rgba(207, 217, 240, 0.63);
    font-size: 0.79rem;
    line-height: 1.75;
}

.emc-faq__item[open] .emc-faq__answer {
    animation: emcFaqAnswerOpen 0.28s ease both;
}


/* ==================================================
   PROJECT NOTE
================================================== */

.emc-faq__project-note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 22px;
    padding: 22px 24px;
    border: 1px solid rgba(241, 185, 89, 0.16);
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            rgba(186, 124, 39, 0.08),
            rgba(86, 62, 126, 0.05)
        );
}

.emc-faq__project-note-icon {
    display: grid;
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    place-items: center;
    border: 1px solid rgba(245, 193, 99, 0.21);
    border-radius: 14px;
    background: rgba(201, 138, 45, 0.09);
    color: var(--emc-faq-gold);
}

.emc-faq__project-note-icon svg {
    width: 24px;
    height: 24px;
}

.emc-faq__project-note strong {
    display: block;
    margin-bottom: 6px;
    color: #fff1d8;
    font-size: 0.83rem;
    line-height: 1.45;
}

.emc-faq__project-note p {
    margin: 0;
    color: rgba(228, 215, 196, 0.6);
    font-size: 0.75rem;
    line-height: 1.68;
}


/* ==================================================
   ANIMATIONS
================================================== */

@keyframes emcFaqGlowFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(28px, -22px, 0) scale(1.08);
    }
}

@keyframes emcFaqGlowPulse {
    0%,
    100% {
        opacity: 0.42;
        transform: scale(0.94);
    }

    50% {
        opacity: 0.75;
        transform: scale(1.08);
    }
}

@keyframes emcFaqStarPulse {
    0%,
    100% {
        opacity: 0.28;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@keyframes emcFaqOrbitRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes emcFaqOrbitRotateReverse {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@keyframes emcFaqAnswerOpen {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ==================================================
   RESPONSIVE — TABLET
================================================== */

@media (max-width: 1000px) {
    .emc-faq {
        padding: 105px 22px;
    }

    .emc-faq__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .emc-faq__guide {
        position: relative;
        top: auto;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 28px;
        align-items: center;
    }

    .emc-faq__guide-visual {
        grid-row: 1 / 5;
        width: 170px;
        height: 170px;
        margin: 0;
    }

    .emc-faq__guide-kicker,
    .emc-faq__guide-title,
    .emc-faq__guide-text,
    .emc-faq__topics {
        grid-column: 2;
    }

    .emc-faq__responsible {
        grid-column: 1 / -1;
    }
}


/* ==================================================
   RESPONSIVE — SMALL TABLET
================================================== */

@media (max-width: 700px) {
    .emc-faq {
        padding: 82px 18px;
    }

    .emc-faq__header {
        margin-bottom: 48px;
    }

    .emc-faq__title {
        font-size: clamp(2.1rem, 10vw, 3.2rem);
    }

    .emc-faq__description {
        font-size: 0.93rem;
        line-height: 1.73;
    }

    .emc-faq__guide {
        display: block;
        padding: 25px;
    }

    .emc-faq__guide-visual {
        margin: 0 auto 22px;
    }

    .emc-faq__group {
        padding: 22px;
        border-radius: 23px;
    }

    .emc-faq__item summary {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 11px;
        min-height: 70px;
        padding: 12px 14px;
    }

    .emc-faq__answer {
        padding: 0 18px 18px 67px;
    }
}


/* ==================================================
   RESPONSIVE — MOBILE
================================================== */

@media (max-width: 520px) {
    .emc-faq {
        padding: 70px 15px;
    }

    .emc-faq__eyebrow {
        padding: 8px 12px;
        font-size: 0.61rem;
        letter-spacing: 0.1em;
    }

    .emc-faq__title {
        font-size: clamp(1.95rem, 11vw, 2.65rem);
    }

    .emc-faq__guide {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .emc-faq__guide-title {
        font-size: 1.4rem;
    }

    .emc-faq__topics {
        grid-template-columns: minmax(0, 1fr);
    }

    .emc-faq__responsible {
        flex-direction: column;
    }

    .emc-faq__group {
        padding: 18px 13px;
        border-radius: 20px;
    }

    .emc-faq__group-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .emc-faq__group-icon {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .emc-faq__group-icon svg {
        width: 23px;
        height: 23px;
    }

    .emc-faq__group-heading h3 {
        font-size: 1.05rem;
    }

    .emc-faq__item {
        border-radius: 16px;
    }

    .emc-faq__item summary {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        padding: 13px;
    }

    .emc-faq__item-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .emc-faq__item-icon svg {
        width: 20px;
        height: 20px;
    }

    .emc-faq__question {
        font-size: 0.8rem;
    }

    .emc-faq__toggle {
        grid-column: 2;
        width: 28px;
        height: 28px;
        margin-top: -3px;
    }

    .emc-faq__answer {
        padding: 0 14px 16px 61px;
    }

    .emc-faq__answer p {
        padding-top: 13px;
        font-size: 0.75rem;
    }

    .emc-faq__project-note {
        flex-direction: column;
        padding: 19px;
    }
}


/* ==================================================
   TOUCH DEVICES
================================================== */

@media (hover: none) {
    .emc-faq__item summary:hover {
        background: transparent;
    }
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {
    .emc-faq *,
    .emc-faq *::before,
    .emc-faq *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* ==================================================
   FAQ — SYMMETRICAL DESKTOP LAYOUT FIX
   Add at the very end of style.css
================================================== */

@media (min-width: 1001px) {

    /* Wider FAQ area */
    .emc-faq .emc-faq__container {
        width: min(1480px, 100%);
    }

    /*
       Remove the narrow sidebar layout.
       Guide becomes a horizontal panel above the questions.
    */
    .emc-faq .emc-faq__layout {
        display: block;
    }

    /* ==================================================
       HORIZONTAL GUIDE
    ================================================== */

    .emc-faq .emc-faq__guide {
        position: relative;
        top: auto;
        display: grid;
        grid-template-columns:
            190px
            minmax(250px, 0.85fr)
            minmax(430px, 1.15fr);
        grid-template-rows: auto auto auto;
        column-gap: 38px;
        row-gap: 8px;
        align-items: center;
        width: 100%;
        margin: 0 0 32px;
        padding: 34px 38px;
        overflow: hidden;
    }

    .emc-faq .emc-faq__guide::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 54%;
        width: 1px;
        height: 62%;
        transform: translateY(-50%);
        background: linear-gradient(
            180deg,
            transparent,
            rgba(114, 174, 255, 0.18),
            rgba(172, 113, 255, 0.16),
            transparent
        );
    }

    /* Radar visual */
    .emc-faq .emc-faq__guide-visual {
        grid-column: 1;
        grid-row: 1 / 4;
        width: 170px;
        height: 170px;
        margin: 0;
    }

    .emc-faq .emc-faq__guide-orbit--outer {
        width: 160px;
        height: 160px;
    }

    .emc-faq .emc-faq__guide-orbit--inner {
        width: 118px;
        height: 118px;
    }

    .emc-faq .emc-faq__guide-core {
        width: 84px;
        height: 84px;
    }

    .emc-faq .emc-faq__guide-core span {
        font-size: 2.35rem;
    }

    /* Guide text */
    .emc-faq .emc-faq__guide-kicker {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        margin: 0 0 2px;
    }

    .emc-faq .emc-faq__guide-title {
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        max-width: 390px;
        font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    }

    .emc-faq .emc-faq__guide-text {
        grid-column: 2;
        grid-row: 3;
        align-self: start;
        max-width: 440px;
        margin: 8px 0 0;
        font-size: 0.8rem;
    }

    /* Topics on the right */
    .emc-faq .emc-faq__topics {
        grid-column: 3;
        grid-row: 1 / 3;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        align-self: end;
        position: relative;
        z-index: 2;
    }

    .emc-faq .emc-faq__topic {
        min-height: 48px;
        justify-content: flex-start;
        padding: 10px 12px;
        border-radius: 14px;
        font-size: 0.67rem;
    }

    .emc-faq .emc-faq__topic svg {
        width: 20px;
        height: 20px;
    }

    /* Responsible gaming note */
    .emc-faq .emc-faq__responsible {
        grid-column: 3;
        grid-row: 3;
        align-self: start;
        margin: 3px 0 0;
        padding: 14px 16px;
        position: relative;
        z-index: 2;
    }

    /* ==================================================
       TWO FAQ BLOCKS + ONE CENTERED
    ================================================== */

    .emc-faq .emc-faq__questions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
    }

    .emc-faq .emc-faq__group {
        position: relative;
        min-width: 0;
        height: 100%;
        margin: 0;
        padding: 29px;
        overflow: hidden;
    }

    .emc-faq .emc-faq__group + .emc-faq__group {
        margin-top: 0;
    }

    /* Third FAQ block centered */
    .emc-faq .emc-faq__group:nth-child(3) {
        grid-column: 1 / -1;
        width: calc((100% - 24px) / 2);
        justify-self: center;
    }

    /* Colored light at the top of every group */
    .emc-faq .emc-faq__group::before {
        content: "";
        position: absolute;
        top: -120px;
        right: -90px;
        width: 310px;
        height: 310px;
        border-radius: 50%;
        pointer-events: none;
    }

    .emc-faq .emc-faq__group:nth-child(1)::before {
        background: radial-gradient(
            circle,
            rgba(56, 196, 255, 0.13),
            transparent 70%
        );
    }

    .emc-faq .emc-faq__group:nth-child(2)::before {
        background: radial-gradient(
            circle,
            rgba(255, 185, 72, 0.11),
            transparent 70%
        );
    }

    .emc-faq .emc-faq__group:nth-child(3)::before {
        background: radial-gradient(
            circle,
            rgba(87, 221, 184, 0.11),
            transparent 70%
        );
    }

    .emc-faq .emc-faq__group-heading,
    .emc-faq .emc-faq__item {
        position: relative;
        z-index: 1;
    }

    /* More spacious questions */
    .emc-faq .emc-faq__item summary {
        min-height: 78px;
        padding: 15px 18px;
    }

    .emc-faq .emc-faq__question {
        font-size: 0.89rem;
    }

    .emc-faq .emc-faq__answer {
        padding-right: 74px;
        padding-bottom: 21px;
        padding-left: 74px;
    }

    /* Bottom project notice */
    .emc-faq .emc-faq__project-note {
        grid-column: 1 / -1;
        width: min(950px, 100%);
        justify-self: center;
        margin-top: 0;
    }

}


/* ==================================================
   FAQ — MEDIUM DESKTOP
================================================== */

@media (min-width: 1001px) and (max-width: 1220px) {

    .emc-faq .emc-faq__guide {
        grid-template-columns:
            155px
            minmax(220px, 0.8fr)
            minmax(390px, 1.2fr);
        column-gap: 25px;
        padding: 30px;
    }

    .emc-faq .emc-faq__guide-visual {
        width: 145px;
        height: 145px;
    }

    .emc-faq .emc-faq__guide-orbit--outer {
        width: 140px;
        height: 140px;
    }

    .emc-faq .emc-faq__guide-orbit--inner {
        width: 104px;
        height: 104px;
    }

    .emc-faq .emc-faq__guide-core {
        width: 74px;
        height: 74px;
    }

    .emc-faq .emc-faq__guide::after {
        display: none;
    }

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

    .emc-faq .emc-faq__group {
        padding: 24px;
    }

    .emc-faq .emc-faq__question {
        font-size: 0.82rem;
    }

}


/* ==================================================
   FAQ — TABLET: TWO COLUMNS WITHOUT GUIDE SIDEBAR
================================================== */

@media (min-width: 701px) and (max-width: 1000px) {

    .emc-faq .emc-faq__guide {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr);
        padding: 28px;
    }

    .emc-faq .emc-faq__questions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .emc-faq .emc-faq__group {
        margin: 0;
        padding: 22px;
    }

    .emc-faq .emc-faq__group + .emc-faq__group {
        margin-top: 0;
    }

    .emc-faq .emc-faq__group:nth-child(3) {
        grid-column: 1 / -1;
        width: calc((100% - 20px) / 2);
        justify-self: center;
    }

    .emc-faq .emc-faq__project-note {
        grid-column: 1 / -1;
        margin-top: 0;
    }

    .emc-faq .emc-faq__answer {
        padding-right: 18px;
        padding-left: 18px;
    }

}


/* ==================================================
   FAQ — MOBILE REMAINS ONE COLUMN
================================================== */

@media (max-width: 700px) {

    .emc-faq .emc-faq__questions {
        display: block;
    }

    .emc-faq .emc-faq__group {
        width: 100%;
    }

    .emc-faq .emc-faq__group + .emc-faq__group {
        margin-top: 18px;
    }

    .emc-faq .emc-faq__project-note {
        width: 100%;
        margin-top: 18px;
    }

}

/* ==================================================
   ELON MUSK CASINO — SIMPLE TWO-COLUMN FAQ
================================================== */

.emc-faq-simple {
    --faq-simple-white: #f8faff;
    --faq-simple-text: rgba(216, 224, 245, 0.68);
    --faq-simple-muted: rgba(188, 200, 229, 0.47);
    --faq-simple-border: rgba(126, 167, 255, 0.15);
    --faq-simple-cyan: #58ddff;
    --faq-simple-purple: #ae7cff;
    --faq-simple-pink: #f17ec1;
    --faq-simple-gold: #ffc857;
    --faq-simple-green: #67dfbd;
    --faq-simple-blue: #7baeff;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 115px 24px;
    background:
        radial-gradient(
            circle at 12% 30%,
            rgba(40, 153, 225, 0.11),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 42%,
            rgba(134, 66, 225, 0.12),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #060916 0%,
            #080b1e 52%,
            #050713 100%
        );
    color: var(--faq-simple-white);
}

.emc-faq-simple,
.emc-faq-simple *,
.emc-faq-simple *::before,
.emc-faq-simple *::after {
    box-sizing: border-box;
}

.emc-faq-simple__container {
    position: relative;
    z-index: 2;
    width: min(1280px, 100%);
    margin: 0 auto;
}


/* ==================================================
   BACKGROUND
================================================== */

.emc-faq-simple__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.emc-faq-simple__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1180px, 94vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(84, 216, 255, 0.4),
        rgba(170, 109, 255, 0.34),
        transparent
    );
}

.emc-faq-simple__glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
}

.emc-faq-simple__glow--left {
    top: 15%;
    left: -170px;
    width: 450px;
    height: 450px;
    background: rgba(45, 158, 255, 0.18);
    animation: emcFaqSimpleGlow 13s ease-in-out infinite;
}

.emc-faq-simple__glow--right {
    right: -180px;
    bottom: 10%;
    width: 470px;
    height: 470px;
    background: rgba(143, 72, 255, 0.16);
    animation: emcFaqSimpleGlow 16s ease-in-out infinite reverse;
}

.emc-faq-simple__star {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 7px rgba(255, 255, 255, 0.9),
        0 0 14px rgba(88, 221, 255, 0.65);
    animation: emcFaqSimpleStar 3s ease-in-out infinite;
}

.emc-faq-simple__star--one {
    top: 12%;
    left: 8%;
}

.emc-faq-simple__star--two {
    top: 18%;
    right: 10%;
    animation-delay: 0.9s;
}

.emc-faq-simple__star--three {
    bottom: 22%;
    left: 5%;
    animation-delay: 1.6s;
}

.emc-faq-simple__star--four {
    right: 7%;
    bottom: 12%;
    animation-delay: 2.2s;
}


/* ==================================================
   HEADER
================================================== */

.emc-faq-simple__header {
    width: min(820px, 100%);
    margin: 0 auto 58px;
    text-align: center;
}

.emc-faq-simple__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    padding: 9px 15px;
    border: 1px solid rgba(88, 214, 255, 0.21);
    border-radius: 999px;
    background: rgba(46, 145, 199, 0.08);
    color: #83dfff;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.emc-faq-simple__eyebrow svg {
    width: 19px;
    height: 19px;
}

.emc-faq-simple__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.5rem, 5.2vw, 4.6rem);
    font-weight: 830;
    line-height: 1.03;
    letter-spacing: -0.052em;
    text-transform: none;
}

.emc-faq-simple__title span {
    display: block;
    margin-top: 6px;
    background: linear-gradient(
        95deg,
        #72dcff 0%,
        #879cff 48%,
        #bf82ff 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.emc-faq-simple__description {
    max-width: 750px;
    margin: 25px auto 0;
    color: var(--faq-simple-text);
    font-size: 1rem;
    line-height: 1.8;
}


/* ==================================================
   TWO COLUMNS
================================================== */

.emc-faq-simple__columns {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
    align-items: start;
}

.emc-faq-simple__columns::before {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        180deg,
        transparent,
        rgba(93, 205, 255, 0.2),
        rgba(168, 109, 255, 0.19),
        transparent
    );
}

.emc-faq-simple__column {
    position: relative;
    min-width: 0;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--faq-simple-border);
    border-radius: 28px;
    background:
        linear-gradient(
            145deg,
            rgba(19, 27, 61, 0.88),
            rgba(7, 12, 32, 0.94)
        );
    box-shadow:
        0 27px 68px rgba(0, 0, 0, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.emc-faq-simple__column:first-child::before,
.emc-faq-simple__column:last-child::before {
    content: "";
    position: absolute;
    top: -130px;
    right: -100px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    pointer-events: none;
}

.emc-faq-simple__column:first-child::before {
    background: radial-gradient(
        circle,
        rgba(48, 190, 255, 0.13),
        transparent 70%
    );
}

.emc-faq-simple__column:last-child::before {
    background: radial-gradient(
        circle,
        rgba(158, 87, 255, 0.13),
        transparent 70%
    );
}


/* ==================================================
   COLUMN HEADERS
================================================== */

.emc-faq-simple__column-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(128, 168, 255, 0.11);
}

.emc-faq-simple__column-icon {
    display: grid;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 18px;
}

.emc-faq-simple__column-icon svg {
    width: 30px;
    height: 30px;
}

.emc-faq-simple__column-icon--cyan {
    color: var(--faq-simple-cyan);
    background: rgba(52, 164, 216, 0.09);
}

.emc-faq-simple__column-icon--purple {
    color: var(--faq-simple-purple);
    background: rgba(135, 80, 211, 0.09);
}

.emc-faq-simple__column-header > div:last-child {
    min-width: 0;
}

.emc-faq-simple__column-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--faq-simple-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.emc-faq-simple__column-title {
    margin: 0;
    color: #f7f9ff;
    font-size: 1.42rem;
    font-weight: 770;
    line-height: 1.3;
    letter-spacing: -0.025em;
    text-transform: none;
}


/* ==================================================
   QUESTIONS
================================================== */

.emc-faq-simple__item {
    --faq-item-color: var(--faq-simple-cyan);

    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(126, 168, 255, 0.13);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.023);
    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.emc-faq-simple__item + .emc-faq-simple__item {
    margin-top: 12px;
}

.emc-faq-simple__item--cyan {
    --faq-item-color: var(--faq-simple-cyan);
}

.emc-faq-simple__item--purple {
    --faq-item-color: var(--faq-simple-purple);
}

.emc-faq-simple__item--pink {
    --faq-item-color: var(--faq-simple-pink);
}

.emc-faq-simple__item--green {
    --faq-item-color: var(--faq-simple-green);
}

.emc-faq-simple__item--blue {
    --faq-item-color: var(--faq-simple-blue);
}

.emc-faq-simple__item--gold {
    --faq-item-color: var(--faq-simple-gold);
}

.emc-faq-simple__item[open] {
    border-color: color-mix(
        in srgb,
        var(--faq-item-color) 38%,
        transparent
    );
    background:
        linear-gradient(
            145deg,
            rgba(43, 83, 137, 0.12),
            rgba(86, 54, 144, 0.07)
        );
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.17),
        inset 3px 0 0 var(--faq-item-color);
}

.emc-faq-simple__item summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    min-height: 76px;
    padding: 14px 16px;
    cursor: pointer;
    list-style: none;
    outline: none;
}

.emc-faq-simple__item summary::-webkit-details-marker {
    display: none;
}

.emc-faq-simple__item summary::marker {
    content: "";
}

.emc-faq-simple__item summary:focus-visible {
    outline: 2px solid rgba(105, 203, 255, 0.85);
    outline-offset: -3px;
    border-radius: 16px;
}

.emc-faq-simple__item-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--faq-item-color);
    border-radius: 13px;
    background: color-mix(
        in srgb,
        var(--faq-item-color) 8%,
        transparent
    );
    color: var(--faq-item-color);
}

.emc-faq-simple__item-icon svg {
    width: 22px;
    height: 22px;
}

.emc-faq-simple__question {
    color: rgba(243, 246, 255, 0.9);
    font-size: 0.86rem;
    font-weight: 720;
    line-height: 1.5;
}

.emc-faq-simple__toggle {
    position: relative;
    width: 31px;
    height: 31px;
    border: 1px solid rgba(139, 180, 255, 0.17);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.emc-faq-simple__toggle::before,
.emc-faq-simple__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 1.5px;
    border-radius: 3px;
    background: rgba(221, 232, 255, 0.78);
    transform: translate(-50%, -50%);
    transition: transform 0.28s ease;
}

.emc-faq-simple__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.emc-faq-simple__item[open]
.emc-faq-simple__toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.emc-faq-simple__answer {
    padding: 0 70px 20px;
}

.emc-faq-simple__answer p {
    margin: 0;
    padding-top: 15px;
    border-top: 1px solid rgba(126, 168, 255, 0.09);
    color: rgba(205, 216, 240, 0.62);
    font-size: 0.78rem;
    line-height: 1.75;
}

.emc-faq-simple__item[open]
.emc-faq-simple__answer {
    animation: emcFaqSimpleAnswer 0.28s ease both;
}


/* ==================================================
   BOTTOM NOTICE
================================================== */

.emc-faq-simple__notice {
    width: min(940px, 100%);
    margin: 31px auto 0;
    padding-top: 22px;
    border-top: 1px solid rgba(128, 169, 255, 0.12);
    color: rgba(191, 201, 227, 0.48);
    font-size: 0.7rem;
    line-height: 1.65;
    text-align: center;
}

.emc-faq-simple__notice strong {
    color: rgba(237, 221, 193, 0.72);
}


/* ==================================================
   ANIMATIONS
================================================== */

@keyframes emcFaqSimpleGlow {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(28px, -22px, 0) scale(1.08);
    }
}

@keyframes emcFaqSimpleStar {
    0%,
    100% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@keyframes emcFaqSimpleAnswer {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 900px) {
    .emc-faq-simple {
        padding: 95px 20px;
    }

    .emc-faq-simple__columns {
        gap: 20px;
    }

    .emc-faq-simple__column {
        padding: 23px;
    }

    .emc-faq-simple__question {
        font-size: 0.8rem;
    }

    .emc-faq-simple__answer {
        padding-right: 18px;
        padding-left: 18px;
    }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 700px) {
    .emc-faq-simple {
        padding: 75px 16px;
    }

    .emc-faq-simple__header {
        margin-bottom: 44px;
    }

    .emc-faq-simple__eyebrow {
        font-size: 0.6rem;
        letter-spacing: 0.09em;
    }

    .emc-faq-simple__title {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .emc-faq-simple__description {
        font-size: 0.9rem;
    }

    .emc-faq-simple__columns {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .emc-faq-simple__columns::before {
        display: none;
    }

    .emc-faq-simple__column {
        padding: 21px 16px;
        border-radius: 23px;
    }

    .emc-faq-simple__column-icon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }

    .emc-faq-simple__column-icon svg {
        width: 26px;
        height: 26px;
    }

    .emc-faq-simple__column-title {
        font-size: 1.25rem;
    }

    .emc-faq-simple__item summary {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        padding: 13px;
    }

    .emc-faq-simple__item-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .emc-faq-simple__item-icon svg {
        width: 20px;
        height: 20px;
    }

    .emc-faq-simple__toggle {
        grid-column: 2;
        width: 28px;
        height: 28px;
    }

    .emc-faq-simple__answer {
        padding: 0 14px 17px 61px;
    }
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {
    .emc-faq-simple *,
    .emc-faq-simple *::before,
    .emc-faq-simple *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* ==================================================
   ELON MUSK CASINO — FOOTER
================================================== */

.emc-footer {
  --footer-white: #f7f9ff;
  --footer-text: rgba(211, 220, 242, 0.68);
  --footer-muted: rgba(184, 197, 226, 0.45);
  --footer-border: rgba(123, 165, 255, 0.15);
  --footer-cyan: #59dcff;
  --footer-blue: #719fff;
  --footer-purple: #ad7cff;
  --footer-gold: #ffc857;
  --footer-green: #68dfbd;

  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  padding: 88px 24px 0;
  border-top: 1px solid rgba(103, 191, 255, 0.16);
  background:
    radial-gradient(
      circle at 12% 20%,
      rgba(39, 147, 222, 0.11),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 42%,
      rgba(135, 68, 222, 0.12),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #070a18 0%,
      #050713 100%
    );
  color: var(--footer-white);
}

.emc-footer,
.emc-footer *,
.emc-footer *::before,
.emc-footer *::after {
  box-sizing: border-box;
}

.emc-footer a {
  text-decoration: none;
}

.emc-footer__container {
  position: relative;
  z-index: 2;
  width: min(1280px, 100%);
  margin: 0 auto;
}

.emc-footer__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}


/* ==================================================
   BACKGROUND
================================================== */

.emc-footer__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.emc-footer__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1180px, 94vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(81, 215, 255, 0.48),
    rgba(166, 105, 255, 0.38),
    transparent
  );
}

.emc-footer__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
}

.emc-footer__glow--blue {
  top: 8%;
  left: -170px;
  width: 430px;
  height: 430px;
  background: rgba(43, 151, 255, 0.16);
}

.emc-footer__glow--purple {
  right: -190px;
  bottom: -120px;
  width: 470px;
  height: 470px;
  background: rgba(142, 70, 255, 0.15);
}

.emc-footer__star {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 7px rgba(255, 255, 255, 0.9),
    0 0 14px rgba(89, 220, 255, 0.65);
  animation: emcFooterStar 3.2s ease-in-out infinite;
}

.emc-footer__star--one {
  top: 14%;
  left: 8%;
}

.emc-footer__star--two {
  top: 25%;
  right: 9%;
  animation-delay: 1s;
}

.emc-footer__star--three {
  right: 35%;
  bottom: 18%;
  animation-delay: 2s;
}


/* ==================================================
   MAIN LAYOUT
================================================== */

.emc-footer__main {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(620px, 1.35fr);
  gap: 70px;
  align-items: start;
  padding-bottom: 48px;
}

.emc-footer__brand {
  min-width: 0;
}

.emc-footer__logo {
  display: inline-flex;
  max-width: 210px;
  align-items: center;
  margin-bottom: 23px;
}

.emc-footer__logo img {
  display: block;
  width: 100%;
  max-width: 190px;
  height: auto;
}

.emc-footer__description {
  max-width: 450px;
  margin: 0;
  color: var(--footer-text);
  font-size: 0.84rem;
  line-height: 1.78;
}

.emc-footer__project-status {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 450px;
  margin-top: 22px;
  padding: 14px;
  border: 1px solid rgba(102, 206, 255, 0.14);
  border-radius: 16px;
  background: rgba(58, 147, 203, 0.06);
}

.emc-footer__project-status-icon {
  display: grid;
  flex: 0 0 auto;
  width: 39px;
  height: 39px;
  place-items: center;
  border: 1px solid rgba(89, 220, 255, 0.2);
  border-radius: 12px;
  color: var(--footer-cyan);
}

.emc-footer__project-status-icon svg {
  width: 21px;
  height: 21px;
}

.emc-footer__project-status div {
  min-width: 0;
}

.emc-footer__project-status strong {
  display: block;
  margin-bottom: 3px;
  color: rgba(241, 247, 255, 0.86);
  font-size: 0.72rem;
  line-height: 1.4;
}

.emc-footer__project-status div > span {
  display: block;
  color: var(--footer-muted);
  font-size: 0.63rem;
  line-height: 1.5;
}


/* ==================================================
   NAVIGATION
================================================== */

.emc-footer__navigation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}

.emc-footer__nav-group {
  min-width: 0;
}

.emc-footer__nav-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(125, 166, 255, 0.11);
}

.emc-footer__nav-icon {
  display: grid;
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 11px;
}

.emc-footer__nav-icon svg {
  width: 19px;
  height: 19px;
}

.emc-footer__nav-icon--cyan {
  color: var(--footer-cyan);
  background: rgba(47, 158, 212, 0.08);
}

.emc-footer__nav-icon--purple {
  color: var(--footer-purple);
  background: rgba(133, 77, 207, 0.08);
}

.emc-footer__nav-icon--gold {
  color: var(--footer-gold);
  background: rgba(199, 136, 45, 0.08);
}

.emc-footer__nav-heading h3 {
  margin: 0;
  color: #f5f8ff;
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.3;
  text-transform: none;
}

.emc-footer__links {
  display: grid;
  gap: 11px;
}

.emc-footer__links a {
  position: relative;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding-left: 14px;
  color: rgba(205, 216, 241, 0.61);
  font-size: 0.73rem;
  font-weight: 600;
  line-height: 1.4;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.emc-footer__links a::before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(96, 208, 255, 0.52);
  box-shadow: 0 0 8px rgba(96, 208, 255, 0.25);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.emc-footer__links a:hover,
.emc-footer__links a:focus {
  color: #ffffff;
  transform: translateX(4px);
}

.emc-footer__links a:hover::before,
.emc-footer__links a:focus::before {
  background: var(--footer-cyan);
  box-shadow: 0 0 10px rgba(89, 220, 255, 0.75);
}


/* ==================================================
   PAYMENT METHODS
================================================== */

.emc-footer__payments {
  display: grid;
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
  gap: 38px;
  align-items: center;
  padding: 31px;
  border: 1px solid var(--footer-border);
  border-radius: 24px;
  background:
    linear-gradient(
      145deg,
      rgba(20, 28, 62, 0.86),
      rgba(8, 13, 33, 0.92)
    );
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.emc-footer__payments-kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--footer-cyan);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.emc-footer__payments-heading strong {
  display: block;
  color: #f6f9ff;
  font-size: 1.13rem;
  line-height: 1.4;
}

.emc-footer__payments-heading p {
  margin: 9px 0 0;
  color: var(--footer-muted);
  font-size: 0.66rem;
  line-height: 1.58;
}

.emc-footer__payment-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.emc-footer__payment-method {
  display: flex;
  min-width: 0;
  min-height: 57px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(129, 170, 255, 0.13);
  border-radius: 13px;
  background:
    linear-gradient(
      145deg,
      rgba(26, 35, 72, 0.94),
      rgba(9, 15, 39, 0.96)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.emc-footer__payment-method img {
  display: block;
  max-width: 82px;
  max-height: 27px;
  object-fit: contain;
}

.emc-footer__payment-method--text strong {
  color: rgba(239, 244, 255, 0.78);
  font-size: 0.67rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}


/* ==================================================
   RESPONSIBLE GAMING
================================================== */

.emc-footer__responsible {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 19px;
  align-items: center;
  margin-top: 26px;
  padding: 24px 27px;
  border: 1px solid rgba(241, 186, 91, 0.16);
  border-radius: 21px;
  background:
    linear-gradient(
      135deg,
      rgba(188, 124, 40, 0.08),
      rgba(76, 59, 113, 0.05)
    );
}

.emc-footer__age {
  display: grid;
  width: 55px;
  height: 55px;
  place-items: center;
  border: 1px solid rgba(255, 198, 91, 0.27);
  border-radius: 50%;
  background: rgba(211, 145, 41, 0.09);
  color: var(--footer-gold);
  font-size: 0.85rem;
  font-weight: 850;
  box-shadow: 0 0 24px rgba(223, 157, 45, 0.07);
}

.emc-footer__responsible-content {
  min-width: 0;
}

.emc-footer__responsible-kicker {
  display: block;
  margin-bottom: 4px;
  color: var(--footer-gold);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.emc-footer__responsible-content strong {
  display: block;
  margin-bottom: 5px;
  color: #fff1da;
  font-size: 0.84rem;
  line-height: 1.4;
}

.emc-footer__responsible-content p {
  margin: 0;
  color: rgba(226, 212, 191, 0.58);
  font-size: 0.7rem;
  line-height: 1.62;
}

.emc-footer__responsible-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(103, 223, 189, 0.15);
  border-radius: 999px;
  background: rgba(57, 178, 145, 0.07);
  color: rgba(159, 234, 213, 0.76);
  font-size: 0.63rem;
  font-weight: 700;
  white-space: nowrap;
}

.emc-footer__responsible-status span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--footer-green);
  box-shadow: 0 0 10px rgba(104, 223, 189, 0.75);
}


/* ==================================================
   BOTTOM
================================================== */

.emc-footer__bottom {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 25px;
  align-items: center;
  margin-top: 34px;
  padding: 23px 0;
  border-top: 1px solid rgba(125, 166, 255, 0.1);
}

.emc-footer__copyright,
.emc-footer__bottom-note {
  margin: 0;
  color: var(--footer-muted);
  font-size: 0.65rem;
  line-height: 1.5;
}

.emc-footer__bottom-note {
  text-align: center;
}

.emc-footer__top-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(216, 228, 248, 0.68);
  font-size: 0.67rem;
  font-weight: 700;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.emc-footer__top-link svg {
  width: 18px;
  height: 18px;
}

.emc-footer__top-link:hover,
.emc-footer__top-link:focus {
  color: var(--footer-cyan);
  transform: translateY(-2px);
}


/* ==================================================
   ANIMATION
================================================== */

@keyframes emcFooterStar {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1050px) {
  .emc-footer {
    padding: 78px 22px 0;
  }

  .emc-footer__main {
    grid-template-columns: minmax(0, 1fr);
    gap: 43px;
  }

  .emc-footer__brand {
    width: min(650px, 100%);
  }

  .emc-footer__payments {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* ==================================================
   SMALL TABLET
================================================== */

@media (max-width: 760px) {
  .emc-footer__navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .emc-footer__nav-group:last-child {
    grid-column: 1 / -1;
    width: calc((100% - 25px) / 2);
    justify-self: center;
  }

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

  .emc-footer__responsible {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .emc-footer__responsible-status {
    grid-column: 2;
    justify-self: start;
  }

  .emc-footer__bottom {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .emc-footer__bottom-note {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
  }
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 520px) {
  .emc-footer {
    padding: 66px 16px 0;
  }

  .emc-footer__main {
    gap: 36px;
  }

  .emc-footer__navigation {
    grid-template-columns: minmax(0, 1fr);
  }

  .emc-footer__nav-group:last-child {
    grid-column: auto;
    width: 100%;
  }

  .emc-footer__payments {
    padding: 23px 18px;
  }

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

  .emc-footer__responsible {
    grid-template-columns: minmax(0, 1fr);
    padding: 21px 18px;
  }

  .emc-footer__age {
    width: 51px;
    height: 51px;
  }

  .emc-footer__responsible-status {
    grid-column: auto;
  }

  .emc-footer__bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
  }

  .emc-footer__bottom-note {
    grid-column: auto;
    grid-row: auto;
  }

  .emc-footer__top-link {
    margin-top: 5px;
  }
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {
  .emc-footer *,
  .emc-footer *::before,
  .emc-footer *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* ==========================================================
   LEGAL PAGES
========================================================== */
.legal-page {
  background:
    radial-gradient(circle at 10% 10%, rgba(49, 210, 255, .12), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(224, 75, 255, .12), transparent 32%),
    #080818;
  color: #f5f7ff;
}
.legal-page .header-two { position: relative; }
.legal-hero {
  padding: 105px 0 65px;
  background: linear-gradient(135deg, rgba(18,18,48,.98), rgba(39,9,55,.96));
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.legal-hero__eyebrow {
  display: inline-flex; align-items:center; gap:10px;
  color:#67e8ff; text-transform:uppercase; letter-spacing:.14em;
  font-weight:700; font-size:13px; margin-bottom:18px;
}
.legal-hero h1 { font-size: clamp(34px, 5vw, 62px); line-height:1.08; text-transform:none; }
.legal-hero p { max-width:820px; margin-top:20px; color:rgba(255,255,255,.78); font-size:17px; }
.legal-updated {
  display:inline-flex; margin-top:24px; padding:10px 16px; border-radius:999px;
  border:1px solid rgba(103,232,255,.35); background:rgba(103,232,255,.08);
  color:#fff; font-size:14px;
}
.legal-layout { padding:70px 0 90px; }
.legal-card {
  max-width:980px; margin:0 auto; padding:clamp(26px,5vw,58px);
  background:rgba(15,15,38,.88); border:1px solid rgba(255,255,255,.1);
  border-radius:24px; box-shadow:0 25px 70px rgba(0,0,0,.28);
}
.legal-card h2 { margin:38px 0 14px; font-size:27px; text-transform:none; color:#fff; }
.legal-card h2:first-child { margin-top:0; }
.legal-card h3 { margin:24px 0 10px; font-size:20px; text-transform:none; color:#67e8ff; }
.legal-card p, .legal-card li { color:rgba(255,255,255,.76); line-height:1.8; }
.legal-card p + p { margin-top:14px; }
.legal-card ul { margin:14px 0 0; padding-left:22px; }
.legal-card li { list-style:disc; margin-bottom:8px; }
.legal-card a { color:#67e8ff; text-decoration:underline; text-underline-offset:3px; }
.legal-notice {
  margin:28px 0; padding:22px; border-left:4px solid #ffcc46;
  background:rgba(255,204,70,.08); border-radius:0 14px 14px 0;
}
.legal-nav {
  display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; padding-top:25px;
  border-top:1px solid rgba(255,255,255,.1);
}
.legal-nav a {
  padding:10px 14px; border-radius:10px; text-decoration:none;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04);
}
.legal-footer {
  padding:42px 0 28px; background:#05050d; border-top:1px solid rgba(255,255,255,.1);
}
.legal-footer__grid { display:grid; grid-template-columns:1.2fr 1fr; gap:35px; align-items:start; }
.legal-footer img { width:170px; margin-bottom:15px; }
.legal-footer p { color:rgba(255,255,255,.65); }
.legal-footer__links { display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:flex-end; }
.legal-footer__links a { color:#fff; }
.legal-footer__bottom { margin-top:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.55); font-size:14px; }
@media (max-width: 991px) {
  .legal-page .navbar-collapse { display:block !important; }
  .legal-page .navbar-toggler { display:none; }
  .legal-page ul.navbar-nav { flex-direction:row; flex-wrap:wrap; justify-content:flex-end; }
  .legal-page ul.navbar-nav > li { width:auto; padding:0 7px; }
  .legal-page ul.navbar-nav > li > a { padding:5px 0 !important; font-size:11px; line-height:28px; }
}
@media (max-width: 767px) {
  .legal-page .site-navigation .row > div { padding:0 15px; }
  .legal-page .navbar { display:block; }
  .legal-page .logo { text-align:center; margin-bottom:12px; }
  .legal-page ul.navbar-nav { justify-content:center; }
  .legal-hero { padding-top:70px; }
  .legal-footer__grid { grid-template-columns:1fr; }
  .legal-footer__links { justify-content:flex-start; }
}