html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

img {
  max-width: 100%;
}

@font-face {
  font-family: 'Marcellus';
  src: local('Marcellus'),
    url('fonts/Marcellus-Regular.ttf') format('truetype');
  font-display: normal;
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  font-family: "Marcellus", sans-serif;
  font-weight: 400;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

/* glob */

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-reset {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.flex {
  display: flex;
}

.container {
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto;
}

/* ====================
   Updated Luxury Header CSS
   ==================== */

.luxhdr {
  background: #084c4d;
  color: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
  width: 100%;
  z-index: 100;
  position: fixed;
}

.luxhdr__container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 78px;
}

.luxhdr__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.luxhdr__logo-img {
  height: 50px;

  border-radius: 12px;
  margin-right: 12px;
  padding: 2px;
}

.luxhdr__brand {
  font-weight: 700;
  font-size: 1.4rem;
  color: #f80;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.luxhdr__nav {
  flex: 1;
  margin-left: 48px;
}

.luxhdr__nav-list {
  display: flex;
  gap: 34px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.luxhdr__nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 500;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
  letter-spacing: 0.5px;
}

.luxhdr__nav-link:hover,
.luxhdr__nav-link--active {
  color: #f80;
  border-bottom: 2.5px solid #f80;
}

.luxhdr__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.luxhdr__drm {
  background: #f80;
  color: #111;
  font-weight: 700;
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1.02rem;
  transition: background .2s, color .2s;
  box-shadow: 0 2px 14px rgba(255, 136, 0, 0.08);
      animation:
      glow-pulse-const 1.8s infinite alternate ease-in-out,
      scale-pulse 2.5s infinite ease-in-out;
}

.luxhdr__drm--login:hover {
  background: #fff;
  color: #f80;
}

.luxhdr__lang-switch {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  gap: 7px;
  text-decoration: none;
  font-size: 1.01rem;

  border-radius: 7px;
  

  transition: background .2s, color .2s;
}

.luxhdr__lang-switch:hover {
  background: rgb(0, 114, 40);
  color: #191919;
}

.luxhdr__lang-flag {
  height: 36px;
  
  border-radius: 4px;
  
}

.luxhdr__burger {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 4px;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 16px;
}

.luxhdr__burger span {
  display: block;
  height: 4px;
  width: 26px;
  background: #f80;
  border-radius: 2px;
  transition: all .2s;
}

/* Responsive */
@media (max-width: 1020px) {
  .luxhdr__container {
    padding: 0 12px;
  }

  .luxhdr__nav {
    margin-left: 0;
  }

  .luxhdr__nav-list {
    gap: 20px;
  }
}

@media (max-width: 820px) {
  .luxhdr__nav {
    position: fixed;
    top: 57px;
    left: 0;
    right: 0;
    background: #111;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    max-width: none;
    padding: 26px 0 12px 0;
    transform: translateY(-200%);
    transition: transform .35s cubic-bezier(.5, 0, .1, 1);
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.18);
    z-index: 500;
  }

  .luxhdr__nav--open {
    transform: translateY(0);
  }

  .luxhdr__nav-list {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .luxhdr__burger {
    display: flex;
  }
}

@media (max-width: 500px) {
  .luxhdr__brand {
    font-size: 1rem;
  }


  .luxhdr__btn {
    padding: 8px 13px;
    font-size: .96rem;
  }

  .luxhdr__container {
    height: 58px;
  }

  .luxhdr__lang-flag {
    height: 30px;
    
  }
}


.luxhdr__burger {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 5px;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 16px;
  position: relative;
  z-index: 999;
}

.luxhdr__burger span {
  display: block;
  height: 4px;
  width: 28px;
  background: #f80;
  border-radius: 2px;
  transition: all 0.35s cubic-bezier(.4, 2, .6, 1);
  position: relative;
}

.luxhdr__burger.open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.luxhdr__burger.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.4);
}

.luxhdr__burger.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

/* Responsive */
@media (max-width: 820px) {
  .luxhdr__burger {
    display: flex;
  }
}

.promo-section {
  position: relative;
  padding: 80px 20px;
  background: #0d0d0d;
  overflow: hidden;
  color: #f5f5f5;
}
.promo-section__overlay {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  background: radial-gradient(circle at center, rgba(197,157,95,0.2), transparent 70%);
  transform: rotate(25deg);
  pointer-events: none;
}
.promo-section__container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.promo-section__title {
  font-size: 2.5rem;

  color: #c59d5f;
  text-shadow: 0 0 8px rgba(197,157,95,0.6);
}
.promo-section__subtitle {
  font-size: 1.125rem;
  opacity: 0.8;
}
.promo-section__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  font-size: 1rem;
}
.promo-section__features li {
  position: relative;
  padding-left: 28px;
}
.promo-section__features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #c59d5f;
}
.promo-section__actions {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
}
.btn {
  padding: 14px 32px;
  font-size: 1rem;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden;
}
.btn::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.1);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}
.btn:hover::after {
  left: 200%;
}
.btn:focus {
  outline: none;
  transform: scale(1.05);
}

/* Primary */
.btn--primary {
  background: #c59d5f;
  color: #0d0d0d;
  border-color: #c59d5f;
}
.btn--primary:hover {
  box-shadow: 0 0 12px rgba(197,157,95,0.8);
}

/* Secondary */
.btn--secondary {
  background: transparent;
  color: #c59d5f;
  border-color: #c59d5f;
}
.btn--secondary:hover {
  background: rgba(197,157,95,0.1);
}

/* Mobile: center all text & controls */
@media (max-width: 768px) {
  .promo-section__container {
    text-align: center;
    align-items: center;
  }
  .promo-section__actions {
    flex-direction: column;
    width: 100%;
  }
  .btn {
    width: 100%;
    max-width: 300px;
  }
}

.welcome-section {
  background: #f9f7f2;
  padding: 60px 20px;
}
.welcome-section__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.welcome-section__media {
  flex: 1 1 40%;
  background: #eae7e1;
}
.welcome-section__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.welcome-section__content {
  flex: 1 1 60%;
  padding: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.welcome-sectional__heading,
.welcome-section__heading {
  font-size: 2rem;
  color: #2b2b2b;
  margin-bottom: 16px;
}
.welcome-section__text {
  font-size: 1rem;

  color: #444444;
  margin-bottom: 24px;
}
.welcome-section__actions {
  display: flex;
  justify-content: center;
}
.btn-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #d4af37;
  color: #fff;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 4px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-link__icon img {
  width: 20px;
  height: 20px;
}
.btn-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}
.btn-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}
.btn-link:hover::after {
  left: 200%;
}

/* Center buttons in desktop as well */
@media (min-width: 769px) {
  .welcome-section__actions {
    justify-content: center;
  }
}

/* Mobile: stack & center */
@media (max-width: 768px) {
  .welcome-section__inner {
    flex-direction: column;
    text-align: center;
  }
  .welcome-section__media {
    order: 2;
  }
  .welcome-section__content {
    padding: 30px 20px;
  }
  .welcome-section__actions {
    margin-top: 16px;
  }
  .btn-link {
    width: 100%;
    justify-content: center;
  }
}

.local-section {
  background: #fcf8f3;
  padding: 80px 20px;
}
.local-section__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
}
.local-section__content {
  flex: 1;
  text-align: center;
}
.local-section__visual {
  flex: 1;
}
.local-section__title {
  font-size: 2rem;
  color: #2b2b2b;
  margin-bottom: 16px;
}
.local-section__desc {
  font-size: 1rem;

  color: #555;
  margin-bottom: 16px;
}
.local-section__highlight {
  font-size: 1.125rem;
  color: #c59d5f;
  margin-bottom: 24px;
}
.local-section__actions {
  display: flex;
  justify-content: center;
}
.btn-local {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color: #c59d5f;
  border: 2px solid #c59d5f;
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-local img {
  width: 20px;
  height: 20px;
}
.btn-local:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.btn-local::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(197,157,95,0.2);
  transform: skewX(-20deg);
  transition: all 0.5s ease;
}
.btn-local:hover::after {
  left: 200%;
}
.local-section__visual img {
  width: 100%;
  height: auto;
  display: block;
}

/* Mobile: stack & center all text */
@media (max-width: 768px) {
  .local-section__inner {
    flex-direction: column;
    text-align: center;
  }
  .local-section__visual,
  .local-section__content {
    width: 100%;
  }
  .local-section__actions {
    margin-top: 24px;
  }
  .btn-local {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
}

/* Desktop: ensure button stays centered */
@media (min-width: 769px) {
  .local-section__actions {
    justify-content: center;
  }
}

.bee999-features {
  background: #084c4d;
  padding: 80px 20px;
  color: #f3efe8;
  position: relative;
  overflow: hidden;
}
.bee999-features__container {
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-features__content {
  width: 100%;
  text-align: left;
  padding: 40px 48px;
  background: rgba(255,255,255,0.02);
  border-radius: 18px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,0.13);
  backdrop-filter: blur(1.5px);
  border: 1px solid rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bee999-features__title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #ffd700;
  margin-bottom: 18px;
  letter-spacing: 1px;
  text-shadow: 0 4px 24px #012223;
}
.bee999-features__desc {
  font-size: 1.13rem;
  color: #f6f8f8;
  margin-bottom: 22px;
;
  opacity: 0.92;
}
.bee999-features__extras {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.bee999-features__extras li {
  font-size: 1.09rem;
  color: #f7c873;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 12px 0 rgba(12,60,64,0.13);
}
.bee999-features__extras i {
  color: #ffd700;
  font-size: 1.2em;
}

.bee999-features__actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bee999-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(93deg, #ffd700 0%, #f6c85f 100%);
  color: #084c4d;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 38px;
  border-radius: 8px;
  border: none;
  font-size: 1.12rem;
  letter-spacing: 1px;
  position: relative;
  box-shadow: 0 8px 30px 0 rgba(255, 215, 0, 0.09);
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92), box-shadow 0.25s;
  overflow: hidden;
}
.bee999__icon i {
  font-size: 1.4em;
}
.bee999-btn:hover,
.bee999-btn:focus {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 16px 40px 0 rgba(255, 215, 0, 0.16);
}
.bee999-btn::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.17);
  transform: skewX(-25deg);
  transition: all 0.55s;
  pointer-events: none;
}
.bee999-btn:hover::after {
  left: 200%;
}

/* Desktop: center actions */
@media (min-width: 769px) {
  .bee999-features__actions {
    justify-content: center;
  }
  .bee999-features__content {
    align-items: center;
    text-align: center;
  }
}
/* Mobile: center all content */
@media (max-width: 768px) {
  .bee999-features__container,
  .bee999-features__content {
    align-items: center !important;
    text-align: center !important;
    padding: 28px 10px;
  }
  .bee999-features__extras {
    flex-direction: column;
    gap: 14px;
  }
  .bee999-btn {
    width: 100%;
    max-width: 330px;
    justify-content: center;
    margin: 0 auto;
  }
}

.bee999-purpose {
  background: #084c4d;
  position: relative;
  padding: 92px 20px 96px 20px;
  overflow: hidden;
}
.bee999-purpose__bg {
  background-image: url('img/bg.png'); /* <-- Replace with your background image path */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.04;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-purpose__container {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
}
.bee999-purpose__title {
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: #ffe38a;
  text-shadow: 0 4px 24px #2a2b1e80;
  margin-bottom: 22px;
}
.bee999-purpose__desc {
  font-size: 1.22rem;
  color: #f3efe8;
  margin-bottom: 26px;
  opacity: 0.93;
;
}
.bee999-purpose__list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}
.bee999-purpose__list li {
  font-size: 1.08rem;
  background: rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 14px 30px 14px 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffe38a;
  box-shadow: 0 2px 18px 0 rgba(12,60,64,0.15);
}
.bee999-purpose__list i {
  color: #fff;
  background: #c59d5f;
  border-radius: 50%;
  padding: 7px 7px;
  font-size: 1.17em;
}
.bee999-purpose__actions {
  display: flex;
  gap: 18px;
  justify-content: center;
  width: 100%;
}
.bee999-purpose-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 700;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  padding: 16px 38px;
  box-shadow: 0 6px 24px 0 rgba(255,227,138,0.09);
  position: relative;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  border: none;
  outline: none;
}
.bee999-purpose-btn--primary {
  background: linear-gradient(90deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
}
.bee999-purpose-btn--secondary {
  background: transparent;
  border: 2px solid #ffe38a;
  color: #ffe38a;
}
.bee999-purpose-btn i {
  font-size: 1.3em;
}
.bee999-purpose-btn:after {
  content: "";
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.16);
  transform: skewX(-25deg);
  transition: all 0.52s;
  pointer-events: none;
}
.bee999-purpose-btn:hover,
.bee999-purpose-btn:focus {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 16px 38px 0 rgba(255,227,138,0.18);
}
.bee999-purpose-btn:hover:after,
.bee999-purpose-btn:focus:after {
  left: 200%;
}

/* Desktop: buttons centered */
@media (min-width: 769px) {
  .bee999-purpose__actions {
    justify-content: center;
  }
}

/* Mobile: stack & center all content */
@media (max-width: 768px) {
  .bee999-purpose {
    padding: 52px 5px 62px 5px;
  }
  .bee999-purpose__container {
    padding: 0;
    align-items: center;
    text-align: center;
  }
  .bee999-purpose__list {
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
  }
  .bee999-purpose-btn {
    width: 100%;
    max-width: 330px;
    justify-content: center;
  }
  .bee999-purpose__actions {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    align-items: center;
  }
}

.bee999-livecasino {
  background: linear-gradient(135deg, #181b21 60%, #c59d5f 100%);
  position: relative;
  padding: 80px 0;
  overflow: hidden;
}
.bee999-livecasino__bg {
  background-image: url('img/bg1.jpg'); /* Replace with your image path */
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-livecasino__wrapper {
  position: relative;
  z-index: 2;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background: rgba(12,24,29,0.75);
  border-radius: 20px;
  box-shadow: 0 8px 40px 0 rgba(197,157,95,0.14);
  overflow: hidden;
}
.bee999-livecasino__media {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  background: linear-gradient(130deg, #084c4d 40%, #1b2028 100%);
}
.bee999-livecasino__img {
  
  height: auto;
  filter: drop-shadow(0 12px 36px #c59d5f44);
}
.bee999-livecasino__content {
  flex: 1 1 60%;
  color: #fff6e8;
  padding: 60px 48px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.bee999-livecasino__title {
  font-size: 2.2rem;
  width: 100%;
  font-weight: 800;
  text-align: center;
  letter-spacing: 1px;
  color: #ffe38a;
  margin-bottom: 20px;
  text-shadow: 0 4px 24px #2a2b1e60;
}
.bee999-livecasino__desc {
  font-size: 1.13rem;
  color: #f9ecd7;
  opacity: 0.96;
  margin-bottom: 22px;
;
}
.bee999-livecasino__features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  display: flex;
  gap: 24px;
  
}
.bee999-livecasino__features li {
  font-size: 1.04rem;
  color: #ffe38a;
  background: rgba(197,157,95,0.13);
  border-radius: 8px;
  padding: 10px 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 2px 12px 0 rgba(197,157,95,0.07);
}
.bee999-livecasino__features i {
  color: #c59d5f;
  font-size: 1.12em;
}

.bee999-livecasino__actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bee999-livecasino-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #ffe38a 0%, #c59d5f 100%);
  color: #181b21;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 38px;
  border-radius: 8px;
  border: none;
  font-size: 1.14rem;
  letter-spacing: 1px;
  box-shadow: 0 8px 30px 0 rgba(255, 215, 0, 0.11);
  position: relative;
  overflow: hidden;
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92), box-shadow 0.25s;
}
.bee999-livecasino-btn i {
  font-size: 1.23em;
}
.bee999-livecasino-btn:after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
  pointer-events: none;
}
.bee999-livecasino-btn:hover,
.bee999-livecasino-btn:focus {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 14px 34px 0 rgba(255,227,138,0.13);
}
.bee999-livecasino-btn:hover:after,
.bee999-livecasino-btn:focus:after {
  left: 200%;
}

/* Mobile: Stack and center all content */
@media (max-width: 768px) {
  .bee999-livecasino {
    padding: 44px 2px 48px 2px;
  }
  .bee999-livecasino__wrapper {
    flex-direction: column;
    border-radius: 13px;
    padding: 0;
  }
  .bee999-livecasino__media {
    width: 100%;
    min-height: 180px;
    padding: 18px 0 10px 0;
  }
  .bee999-livecasino__img {
    max-width: 180px;
    margin: 0 auto;
  }
  .bee999-livecasino__content {
    padding: 28px 10px 24px 10px;
    align-items: center;
    text-align: center;
  }
  .bee999-livecasino__features {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
  }
  .bee999-livecasino-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .bee999-livecasino__actions {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    align-items: center;
  }
}

.bee999-strategic {
  background: linear-gradient(120deg, #212d38 60%, #c59d5f 120%);
  position: relative;
  padding: 78px 0 90px 0;
  overflow: hidden;
}
.bee999-strategic__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,0.07);
  border-radius: 20px;
  box-shadow: 0 8px 36px 0 rgba(197,157,95,0.12);
  padding: 44px 34px 40px 34px;
}
.bee999-strategic__imgwrap {
  max-width: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
 border-radius: 50%;

}
.bee999-strategic__img {
  max-width: 70%;
  border-radius: 50%;
    box-shadow: 0 6px 24px 0 #c59d5f44;
  object-fit: contain;
  filter: drop-shadow(0 4px 16px #c59d5f44);
}
.bee999-strategic__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bee999-strategic__title {
  font-size: 2.1rem;
  font-weight: 800;
  color: #ffe38a;
  letter-spacing: 1.1px;
  margin-bottom: 20px;
  text-shadow: 0 4px 24px #282b1e40;
}
.bee999-strategic__desc {
  font-size: 1.13rem;
  color: #f5ece0;
  opacity: 0.97;
  margin-bottom: 20px;
;
}
.bee999-strategic__features {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.bee999-strategic__features li {
  font-size: 1.04rem;
  color: #ffe38a;
  background: rgba(197,157,95,0.10);
  border-radius: 8px;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 12px 0 rgba(197,157,95,0.07);
}
.bee999-strategic__features i {
  color: #c59d5f;
  font-size: 1.16em;
}
.bee999-strategic__actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bee999-strategic-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #ffe38a 0%, #c59d5f 100%);
  color: #212d38;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 38px;
  border-radius: 8px;
  border: none;
  font-size: 1.13rem;
  letter-spacing: 1px;
  box-shadow: 0 8px 30px 0 rgba(255, 215, 0, 0.12);
  position: relative;
  overflow: hidden;
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92), box-shadow 0.25s;
}
.bee999-strategic-btn i {
  font-size: 1.21em;
}
.bee999-strategic-btn:after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-25deg);
  transition: all 0.5s;
  pointer-events: none;
}
.bee999-strategic-btn:hover,
.bee999-strategic-btn:focus {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 12px 32px 0 rgba(255,227,138,0.16);
}
.bee999-strategic-btn:hover:after,
.bee999-strategic-btn:focus:after {
  left: 200%;
}

/* Mobile: Center everything */
@media (max-width: 768px) {
  .bee999-strategic {
    padding: 48px 0 56px 0;
  }
  .bee999-strategic__container {
    padding: 22px 6px 18px 6px;
  }
  .bee999-strategic__imgwrap {
    width: 100px;
    height: 100px;
    margin-bottom: 18px;
  }
  .bee999-strategic__img {
    width: 52px;
    height: 52px;
  }
  .bee999-strategic__features {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
  }
  .bee999-strategic-btn {
    width: 100%;
    max-width: 310px;
    justify-content: center;
  }
  .bee999-strategic__actions {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    align-items: center;
  }
}

.bee999-exclusive {
  background: linear-gradient(140deg, #191e28 65%, #f7ce6a 140%);
  padding: 86px 0 90px 0;
  position: relative;
  overflow: hidden;
}
.bee999-exclusive__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 54px 30px 44px 30px;
  background: rgba(249, 236, 208, 0.06);
  border-radius: 32px;
  box-shadow: 0 8px 42px 0 rgba(197,157,95,0.16), 0 1.5px 4px 0 #ffe38a22;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.bee999-exclusive__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f7ce6a 40%, #c59d5f 100%);
  color: #191e28;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 4px 24px 0 #ffe38a55;
  font-size: 2.5rem;
  margin-bottom: 22px;
  position: relative;
}
.bee999-exclusive__badge:after {
  content: "";
  position: absolute;
  top: -12px; left: -12px; right: -12px; bottom: -12px;
  border-radius: 50%;
  border: 3px solid #c59d5f;
  opacity: 0.23;
}
.bee999-exclusive__title {
  font-size: 2.3rem;
  font-weight: 800;
  letter-spacing: 1px;
  color: #ffe38a;
  text-shadow: 0 6px 30px #191e2855;
  margin-bottom: 18px;
  text-align: center;
}
.bee999-exclusive__desc {
  color: #f8e7b7;
  font-size: 1.13rem;
  opacity: 0.98;
  margin-bottom: 26px;

  text-align: center;
  
}
.bee999-exclusive__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 38px;
  justify-content: center;
}
.bee999-exclusive__highlight {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, #ffe38a33 60%, #c59d5f22 100%);
  color: #ffe38a;
  border-radius: 12px;
  padding: 13px 23px;
  font-size: 1.08rem;
  font-weight: 600;
  box-shadow: 0 1.5px 4px 0 #ffe38a22;
}
.bee999-exclusive__highlight i {
  color: #f7ce6a;
  font-size: 1.3em;
  filter: drop-shadow(0 3px 9px #c59d5f33);
}
.bee999-exclusive__actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bee999-exclusive-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 46px 18px 32px;
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #191e28;
  font-weight: 800;
  font-size: 1.15rem;
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 34px 0 rgba(255, 215, 0, 0.13);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
}
.bee999-exclusive-btn__shine {
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.18);
  transform: skewX(-25deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-exclusive-btn:hover .bee999-exclusive-btn__shine,
.bee999-exclusive-btn:focus .bee999-exclusive-btn__shine {
  left: 200%;
}
.bee999-exclusive-btn:hover,
.bee999-exclusive-btn:focus {
  transform: translateY(-3px) scale(1.045);
  box-shadow: 0 16px 34px 0 rgba(255,227,138,0.20);
}
.bee999-exclusive-btn__arrow {
  margin-left: 10px;
  font-size: 1.25em;
  color: #c59d5f;
}
.bee999-exclusive-btn i {
  font-size: 1.3em;
}
.bee999-exclusive-btn span,
.bee999-exclusive-btn i {
  z-index: 2;
  position: relative;
}

/* Mobile: Center everything */
@media (max-width: 768px) {
  .bee999-exclusive {
    padding: 48px 0 52px 0;
  }
  .bee999-exclusive__wrapper {
    padding: 30px 5px 18px 5px;
    border-radius: 20px;
  }
  .bee999-exclusive__highlights {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    align-items: center;
  }
  .bee999-exclusive-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .bee999-exclusive__actions {
    width: 100%;
    align-items: center;
  }
}

.bee999-slots {
  position: relative;
  padding: 96px 0 108px 0;
  background: linear-gradient(120deg, #181e28 65%, #ffe38a 160%);
  overflow: hidden;
}
.bee999-slots__bg {
  background-image: url('img/bg.png'); /* Replace with your background */
  background-size: cover;
  background-position: center;
  opacity: 0.18;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-slots__container {
  max-width: 1130px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-slots__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255,255,255,0.07);
  border-radius: 34px;
  box-shadow: 0 12px 48px 0 rgba(197,157,95,0.19);
  padding: 60px 48px 48px 48px;
  text-align: center;
}
.bee999-slots__title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #ffe38a;
  margin-bottom: 22px;
  letter-spacing: 1.4px;
  text-shadow: 0 4px 32px #191e2855;
}
.bee999-slots__desc {
  font-size: 1.15rem;
  color: #fff8e8;
  margin-bottom: 30px;
  opacity: 0.97;
  max-width: 520px;
}
.bee999-slots__features {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 44px;
  justify-content: center;
}
.bee999-slots__feature {
  background: linear-gradient(92deg, #ffe38a 40%, #c59d5f 100%);
  color: #181e28;
  font-weight: 700;
  font-size: 1.06rem;
  padding: 12px 26px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 2px 12px 0 rgba(197,157,95,0.10);
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92);
}
.bee999-slots__feature i {
  font-size: 1.28em;
  color: #82612e;
}
.bee999-slots__feature:hover {
  transform: scale(1.07) translateY(-4px);
  box-shadow: 0 8px 22px 0 rgba(197,157,95,0.14);
}

.bee999-slots__actions {
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}
.bee999-slots-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 50px 18px 38px;
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #181e28;
  font-weight: 800;
  font-size: 1.18rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 36px 0 rgba(255, 215, 0, 0.11);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
  z-index: 2;
}
.bee999-slots-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.14);
  transform: skewX(-25deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-slots-btn:hover .bee999-slots-btn__shine,
.bee999-slots-btn:focus .bee999-slots-btn__shine {
  left: 200%;
}
.bee999-slots-btn:hover,
.bee999-slots-btn:focus {
  transform: translateY(-3px) scale(1.045);
  box-shadow: 0 16px 38px 0 rgba(255,227,138,0.21);
}
.bee999-slots-btn i {
  font-size: 1.32em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-slots-btn--secondary {
  background: linear-gradient(92deg, #fff8e8 20%, #ffe38a 80%);
  color: #b38626;
  border: 2px solid #ffe38a;
}
.bee999-slots-btn--secondary i {
  color: #c59d5f;
}

@media (max-width: 768px) {
  .bee999-slots {
    padding: 54px 0 60px 0;
  }
  .bee999-slots__container {
    padding: 0 4px;
  }
  .bee999-slots__content {
    padding: 24px 6px 20px 6px;
    border-radius: 16px;
  }
  .bee999-slots__features {
    flex-direction: column;
    gap: 11px;
    margin-bottom: 22px;
  }
  .bee999-slots__actions {
    flex-direction: column;
    gap: 15px;
    width: 100%;
    align-items: center;
  }
  .bee999-slots-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-topslots {
  position: relative;
  padding: 100px 0 110px 0;
  background: linear-gradient(115deg, #1a202e 60%, #ffe38a 170%);
  overflow: hidden;
}
.bee999-topslots__bg { /* Replace with your background image */
  background-size: cover;
  background-position: center;
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-topslots__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 50px;
  border-radius: 38px;
  
  padding: 0 24px;
}
.bee999-topslots__visual {
  flex: 1 1 39%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
}
.bee999-topslots__visual-img {
  height: auto;
  filter: drop-shadow(0 18px 45px #c59d5f44);
  border-radius: 32px;
}
.bee999-topslots__content {
  flex: 1 1 61%;
  display: flex;

  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  padding: 62px 0 62px 0;
}
.bee999-topslots__title {
  font-size: 2.3rem;
  font-weight: 800;
  width: 100%;
  color: #ffe38a;
  text-align: center;
  margin-bottom: 17px;
  letter-spacing: 1.2px;
  text-shadow: 0 5px 34px #191e2855;
}
.bee999-topslots__desc {
  font-size: 1.16rem;
  color: #fff8e7;
  
  margin-bottom: 0;
  opacity: 0.98;
  
}
.bee999-topslots__features {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 22px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.bee999-topslots__features span {
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(95deg, #ffe38a 0%, #fff8e7 100%);
  color: #b38626;
  font-weight: 700;
  font-size: 1.02rem;
  padding: 8px 16px;
  border-radius: 10px;
  box-shadow: 0 2px 10px 0 rgba(197,157,95,0.07);
}
.bee999-topslots__features i {
  color: #c59d5f;
  font-size: 1.1em;
}
.bee999-topslots__games {
  display: flex;
  gap: 22px;
  margin-bottom: 44px;
  width: 100%;
  justify-content: flex-start;
}
.bee999-topslots__gamecard {
  background: linear-gradient(120deg, #ffe38a 60%, #fff8e7 120%);
  border-radius: 20px;
  box-shadow: 0 8px 24px 0 rgba(197,157,95,0.13);
  padding: 20px 20px 14px 20px;
  min-width: 172px;
  max-width: 196px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.17s cubic-bezier(.42,.71,.61,.92);
  cursor: pointer;
  border: 2px solid #ffe38a44;
  position: relative;
}
.bee999-topslots__gamecard:hover {
  transform: scale(1.055) translateY(-5px);
  box-shadow: 0 14px 42px 0 rgba(197,157,95,0.18);
  border-color: #ffe38a;
}
.bee999-topslots__gamecard img {
  
  height: 110px;
  object-fit: cover;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #fffbe3;
  box-shadow: 0 4px 12px #ffe38a33;
}
.bee999-topslots__gameinfo {
  text-align: center;
  width: 100%;
}
.bee999-topslots__gametitle {
  font-size: 1.09rem;
  font-weight: 800;
  color: #b38626;
  margin-bottom: 6px;
  letter-spacing: .6px;
}
.bee999-topslots__gamelabels {
  display: flex;
  gap: 7px;
  justify-content: center;
  flex-wrap: wrap;
}
.bee999-topslots__gamebadge {
  background: #fff8e7;
  color: #c59d5f;
  font-size: .93rem;
  font-weight: 700;
  border-radius: 7px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 1.5px 4px 0 #ffe38a18;
}
.bee999-topslots__gamebadge i {
  font-size: 1.02em;
  color: #b38626;
}

.bee999-topslots__actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 18px;
}
.bee999-topslots-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 18px 46px 18px 34px;
  background: linear-gradient(98deg, #ffe38a 0%, #c59d5f 100%);
  color: #181e28;
  font-weight: 800;
  font-size: 1.16rem;
  border: none;
  border-radius: 12px;
  box-shadow: 0 12px 40px 0 rgba(255, 215, 0, 0.10);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
  z-index: 2;
}
.bee999-topslots-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-25deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-topslots-btn:hover .bee999-topslots-btn__shine,
.bee999-topslots-btn:focus .bee999-topslots-btn__shine {
  left: 200%;
}
.bee999-topslots-btn:hover,
.bee999-topslots-btn:focus {
  transform: translateY(-4px) scale(1.06);
  box-shadow: 0 16px 38px 0 rgba(255,227,138,0.18);
}
.bee999-topslots-btn i {
  font-size: 1.21em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

@media (max-width: 768px) {
  .bee999-topslots {
    padding: 56px 0 62px 0;
  }
  .bee999-topslots__container {
    flex-direction: column;
    padding: 0 6px;
    gap: 18px;
    border-radius: 17px;
  }
  .bee999-topslots__visual {
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    min-width: 0;
  }
  .bee999-topslots__visual-img {
    max-width: 200px;
    width: 90%;
    margin: 0 auto;
    border-radius: 16px;
  }
  .bee999-topslots__content {
    padding: 22px 2px 14px 2px;
    align-items: center;
    text-align: center;
  }
  .bee999-topslots__games {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 22px;
    align-items: center;
    width: 100%;
  }
  .bee999-topslots__gamecard {
    min-width: 0;
    max-width: 100%;
    width: 95%;
  }
  .bee999-topslots__actions {
    margin-top: 14px;
    width: 100%;
    align-items: center;
  }
  .bee999-topslots-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-microbet {
  background: linear-gradient(125deg, #161e2d 65%, #ffe38a 200%);
  padding: 90px 0 104px 0;
  position: relative;
  overflow: hidden;
}
.bee999-microbet__bg {
  background-image: url('img/bg1.jpg'); /* Replace with your bg image */
  background-size: cover;
  background-position: center;
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-microbet__container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  background: rgba(255,255,255,0.07);
  border-radius: 38px;
  box-shadow: 0 8px 42px 0 rgba(197,157,95,0.15);
  padding: 62px 38px 48px 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bee999-microbet__coin {
  position: relative;
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #ffe38a 60%, #c59d5f 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 28px #ffe38a66, 0 2px 12px #c59d5f33;
  font-size: 2.6rem;
  color: #b38626;
  overflow: visible;
  z-index: 2;
}
.bee999-microbet__coin-glow {
  position: absolute;
  top: -20%; left: -20%; right: -20%; bottom: -20%;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe38a66 0%, #ffe38a11 90%);
  filter: blur(4px);
  z-index: 1;
}
.bee999-microbet__coin-text {
  position: absolute;
  font-size: 1.45rem;
  font-weight: 800;
  color: #fff8e7;
  top: 58%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  text-shadow: 0 2px 8px #b3862699;
  letter-spacing: 1.5px;
}
.bee999-microbet__title {
  font-size: 2.35rem;
  font-weight: 800;
  color: #ffe38a;
  margin-bottom: 17px;
  letter-spacing: 1.2px;
  text-shadow: 0 5px 32px #191e2844;
}
.bee999-microbet__desc {
  font-size: 1.15rem;
  color: #fff8e8;
  margin-bottom: 10px;

  opacity: 0.97;
}
.bee999-microbet__perks {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 38px;
  justify-content: center;
}
.bee999-microbet__perks span {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(95deg, #ffe38a 40%, #fff8e7 100%);
  color: #b38626;
  font-weight: 700;
  font-size: 1.01rem;
  padding: 7px 15px;
  border-radius: 10px;
  box-shadow: 0 1.5px 7px 0 rgba(197,157,95,0.09);
}
.bee999-microbet__perks i {
  color: #c59d5f;
  font-size: 1.08em;
}
.bee999-microbet__actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bee999-microbet-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 50px 18px 34px;
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #181e28;
  font-weight: 800;
  font-size: 1.17rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 36px 0 rgba(255, 215, 0, 0.10);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
  z-index: 2;
}
.bee999-microbet-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.14);
  transform: skewX(-25deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-microbet-btn:hover .bee999-microbet-btn__shine,
.bee999-microbet-btn:focus .bee999-microbet-btn__shine {
  left: 200%;
}
.bee999-microbet-btn:hover,
.bee999-microbet-btn:focus {
  transform: translateY(-3px) scale(1.055);
  box-shadow: 0 16px 38px 0 rgba(255,227,138,0.19);
}
.bee999-microbet-btn i {
  font-size: 1.3em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

@media (max-width: 768px) {
  .bee999-microbet {
    padding: 56px 0 62px 0;
  }
  .bee999-microbet__container {
    padding: 22px 8px 20px 8px;
    border-radius: 17px;
  }
  .bee999-microbet__coin {
    width: 68px;
    height: 68px;
    font-size: 1.85rem;
    margin-bottom: 13px;
  }
  .bee999-microbet__title {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }
  .bee999-microbet__desc {
    font-size: 1.03rem;
    margin-bottom: 19px;
    max-width: 98vw;
  }
  .bee999-microbet__perks {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 22px;
    align-items: center;
    width: 100%;
  }
  .bee999-microbet-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .bee999-microbet__actions {
    width: 100%;
    align-items: center;
  }
}
.bee999-bonusleft {
  background: linear-gradient(110deg, #201e2c 55%, #ffe38a 210%);
  padding: 88px 0 104px 0;
  position: relative;
  overflow: hidden;
}
.bee999-bonusleft__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 0;
  align-items: stretch;
  border-radius: 44px;
  background: rgba(32, 30, 44, 0.91);
  box-shadow: 0 14px 60px 0 #c59d5f25, 0 2px 6px #ffe38a22;
  position: relative;
  z-index: 2;
}
.bee999-bonusleft__content {
  flex: 1 1 50%;
  padding: 60px 54px 54px 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  color: #fff8e8;
  
  position: relative;
  z-index: 2;
}
.bee999-bonusleft__label {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,227,138,0.16);
  color: #ffe38a;
  font-weight: 800;
  font-size: 1rem;
  padding: 7px 18px;
  border-radius: 40px;
  margin-bottom: 18px;
  letter-spacing: 1.3px;
}
.bee999-bonusleft__icon {
  font-size: 1.4em;
  color: #ffe38a;
  filter: drop-shadow(0 3px 7px #ffe38a55);
}
.bee999-bonusleft__subtitle {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.06em;
}
.bee999-bonusleft__title {
  font-size: 2.25rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 28px #ffe38a38;
  margin-bottom: 17px;
}
.bee999-bonusleft__desc {
  color: #fef6da;
  font-size: 1.17rem;
  opacity: 0.96;
  margin-bottom: 25px;
;
  max-width: 500px;
}
.bee999-bonusleft__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px 26px;
  margin-bottom: 42px;
  padding: 0;
  list-style: none;
  width: 100%;
}
.bee999-bonusleft__features li {
  display: flex;
  align-items: center;
  gap: 9px;
  background: linear-gradient(97deg, #ffe38a 50%, #fff8e7 120%);
  color: #b38626;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 10px;
  padding: 11px 16px;
  box-shadow: 0 2px 11px 0 #ffe38a1c;
}
.bee999-bonusleft__feat-icon {
  color: #c59d5f;
  font-size: 1.13em;
}
.bee999-bonusleft__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-bonusleft-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 17px 48px 17px 36px;
  background: linear-gradient(97deg, #ffe38a 0%, #c59d5f 100%);
  color: #201e2c;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 36px 0 rgba(255, 215, 0, 0.15);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.24s;
  text-decoration: none;
  z-index: 2;
}
.bee999-bonusleft-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.18);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-bonusleft-btn:hover .bee999-bonusleft-btn__shine,
.bee999-bonusleft-btn:focus .bee999-bonusleft-btn__shine {
  left: 200%;
}
.bee999-bonusleft-btn:hover,
.bee999-bonusleft-btn:focus {
  transform: translateY(-5px) scale(1.06);
  box-shadow: 0 16px 48px 0 rgba(255,227,138,0.19);
}
.bee999-bonusleft-btn i {
  font-size: 1.22em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* VISUAL SIDE */
.bee999-bonusleft__visual {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, #ffe38a18 0%, #fff8e700 90%);
  padding: 48px 18px;
  border-top-right-radius: 44px;
  border-bottom-right-radius: 44px;
  position: relative;
}
.bee999-bonusleft__visualcard {
  position: relative;
  background: #221f2f;
  border-radius: 28px;
  box-shadow: 0 6px 44px #ffe38a22, 0 1.5px 4px #fffbe722;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 34px 24px 26px 24px;
}
.bee999-bonusleft__sparkle {
  margin-bottom: 8px;
  width: 80px; height: 80px;
  display: flex; align-items: center; justify-content: center;
  position: absolute;
  left: 50%; top: -32px;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.94;
}
.bee999-bonusleft__img { border-radius: 18px;
  object-fit: contain; box-shadow: 0 6px 18px #ffe38a25;
  position: relative; z-index: 2;
  background: #fffbe7;
  margin-bottom: 17px;
}
.bee999-bonusleft__visualtext {
  color: #ffe38a;
  font-size: 1.08rem;
  background: #312a16b3;
  border-radius: 12px;
  padding: 8px 17px;
  margin-bottom: 14px;
  text-align: center;
  box-shadow: 0 2px 12px #ffe38a1a;
}
.bee999-bonusleft__visualtext strong {
  color: #fff8e8;
  display: block;
  font-size: 1.19rem;
  margin-top: 3px;
  letter-spacing: .5px;
}
.bee999-bonusleft__chipstack {
  margin-top: 7px;
  display: flex; align-items: center; gap: 9px;
  background: linear-gradient(94deg, #ffe38a 40%, #fff8e7 100%);
  color: #8f682d;
  border-radius: 10px;
  padding: 8px 19px;
  font-weight: 800;
  font-size: 1.01rem;
  box-shadow: 0 2px 10px 0 #ffe38a19;
}
.bee999-bonusleft__chipstack i {
  color: #ffe38a;
  font-size: 1.23em;
}

/* MOBILE: Stack & center all content */
@media (max-width: 900px) {
  .bee999-bonusleft__wrapper {
    flex-direction: column;
    border-radius: 19px;
  }
  .bee999-bonusleft__content {
    align-items: center;
    text-align: center;
    padding: 34px 12px 16px 12px;
  }
  .bee999-bonusleft__actions {
    justify-content: center;
  }
  .bee999-bonusleft__visual {
    border-radius: 0 0 19px 19px;
    padding: 16px 3px 36px 3px;
    min-height: 0;
  }
}
@media (max-width: 768px) {
  .bee999-bonusleft {
    padding: 44px 0 54px 0;
  }
  .bee999-bonusleft__content {
    padding: 22px 5px 12px 5px;
    border-radius: 11px;
  }
  .bee999-bonusleft__features {
    grid-template-columns: 1fr;
    gap: 10px 0;
    margin-bottom: 18px;
  }
  .bee999-bonusleft__visualcard {
    min-width: 0; max-width: 95vw; padding: 18px 5vw 16px 5vw;
  }
}










/* ===== base ===== */
.zfooter {
  background: #084c4d;
  color: #d9d7e5;
  font-size: .95rem;
  padding: 60px 6vw 90px;
        border-top: 3px solid white;
  display: flex;
  flex-direction: column;
  gap: 42px;
}

/* 1 ▸ logo + nav */
.zfooter__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 28px
}

.zfooter__logo img {
  width: 160px
}

.zfooter__links {
  display: flex;
  gap: 24px;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap
}

.zfooter__links a {
  color: #ffb866;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s
}

.zfooter__links a:hover {
  color: #fff
}

.zfooter__care {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 2 ▸ legal */
.zfooter__legal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center
}

.zfooter__age {
  font-weight: 900;
  color: #ff8540;
  display: flex;
  align-items: center;
  gap: 6px
}

.zfooter__age-text {
  margin: 0;
  font-size: .9rem;
  color: #bcb8d2
}

.zfooter__care a {
  color: #6aa8ff;
  margin-right: 18px;
  width: 130px;
  text-decoration: none
}

.zfooter__care a:hover {
  color: #fff
}

/* 3 ▸ payments */
.zfooter__payments {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center
}

.zfooter__payments i,
.zfooter__payments img,
.zfooter__crypto {
  font-size: 1.5rem;
  color: #ffb866;
height: 45px;
    width: 45px;
    object-fit: contain;
  background-color: white;
  padding: 2px;
  border-radius: 1rem;
  display: flex;
  align-items: center
}

.zfooter__crypto {
  font-size: .85rem;
  font-weight: 800;
  padding: 6px 10px;
  border: 1px solid #ffb866;
  border-radius: 6px
}

/* divider (mobile only) */
.zfooter__divider {
  border: none;
  border-top: 1px solid #242235;
  display: none;
  margin: 16px 0
}

/* 4 ▸ socials */
.zfooter__social {
  display: flex;
  gap: 18px;
  justify-content: center
}

.zfooter__social a {
  color: #bcb8d2;
  font-size: 1.9rem;
  transition: color .2s
}

.zfooter__social a:hover {
  color: #ffb866
}

/* 5 ▸ closing */
.zfooter__closing {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px
}

.zfooter__closing-title {
  font-size: 1.25rem;
  font-weight: 900;
  color: #ffb866;
  margin: 0
}

.zfooter__closing-text {
  margin: 0;
  color: #bcb8d2;

}

/* ===== responsive ===== */
@media(max-width:900px) {
  .zfooter__top, .n7gp-zones {
    flex-direction: column;
    align-items: center;
    text-align: center
  }

  .zfooter__legal {
    align-items: center;
    text-align: center
  }
}

@media(max-width:768px) {

  /* center everything */
  .zfooter__payments,
  .zfooter__care {
    justify-content: center
  }

  .zfooter__divider {
    display: block
  }
}

/* ========== n7lg – “Login Hero” Luxury Section ========== */
.n7lg-login {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  font-family: "Inter", Arial, sans-serif;
  color: #e6ffec;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Background image with dark overlay */
.n7lg-bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.png') center/cover no-repeat;
  filter: brightness(0.45);
  z-index: 0;
}

/* Main container grid */
.n7lg-container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  
  align-items: center;
  padding: 60px 20px 80px;
}

/* Illustration */
.n7lg-visual {
  position: relative;
  margin: 0;
  align-self: center;
}
.n7lg-img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
  transform: perspective(900px) rotateY(8deg);
  transition: transform 0.6s ease;
}
.n7lg-visual:hover .n7lg-img {
  transform: perspective(900px) rotateY(0deg) scale(1.03);
}
/* Subtle glowing accent */
.n7lg-glow {
  position: absolute;
  bottom: 12%;
  left: 10%;
  width: 36px;
  height: 36px;
  background: radial-gradient(circle, #16ffa1 0%, transparent 70%);
  border-radius: 50%;
  animation: n7lg-glowpulse 3s infinite ease-in-out;
  pointer-events: none;
}
@keyframes n7lg-glowpulse {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  50% { transform: scale(1.4); opacity: 0.8; }
}

/* Content */
.n7lg-content {
  align-self: center;
  text-align: center;
}

/* Title */
.n7lg-title {
  font-size:  2rem;
  font-weight: 900;

  margin-bottom: 16px;
  background: linear-gradient(90deg, #16ffa1 0%, #ffe46b 80%);
  -webkit-background-clip: text;
  color: transparent;
}
.n7lg-divider {
  color: #16ffa1;
  text-shadow: 0 0 12px #16ffa188;
  margin: 0 8px;
}

/* Main text */
.n7lg-text {
  font-size: 1rem;
;
  opacity: 0.9;
  margin-bottom: 24px;
  color: #d7ffee;
}

/* Security & Support icons */
.n7lg-features {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: center;
  margin: 20px 0 40px;
  font-size: 0.95rem;
  color: #b7ffcc;
}
.n7lg-features li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.n7lg-features i {
  color: #16ffa1;
  font-size: 1.1rem;
}

/* CTA Buttons */
.n7lg-actions {
  display: flex;
  gap: 28px;
  justify-content: center; /* Center on desktop */
}
.n7lg-btn {
  position: relative;
  overflow: hidden;
  padding: 18px 60px;
  border-radius: 60px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.32s ease, box-shadow 0.32s ease;
}

/* Primary button */
.n7lg-btn--primary {
  background: linear-gradient(145deg, #16ffa1 0%, #00d374 65%, #ffe46b 100%);
  color: #04160e;
  border: none;
}
.n7lg-btn--primary:hover,
.n7lg-btn--primary:focus-visible {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 32px rgba(22, 255, 161, 0.6);
}
.n7lg-btn--primary:active {
  transform: translateY(0) scale(1);
}
/* Primary pulse */
@keyframes n7lg-btnpulse {
  0% { box-shadow: 0 0 0 0 rgba(22,255,161,0.55); }
  70% { box-shadow: 0 0 0 24px rgba(22,255,161,0); }
  100% { box-shadow: 0 0 0 0 rgba(22,255,161,0); }
}
.n7lg-btn--primary::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: n7lg-btnpulse 3.8s infinite;
}

/* Secondary button */
.n7lg-btn--secondary {
  background: transparent;
  color: #16ffa1;
  border: 2px solid #16ffa1;
}
.n7lg-btn--secondary:hover,
.n7lg-btn--secondary:focus-visible {
  transform: translateY(-6px);
  background: rgba(22, 255, 161, 0.12);
  box-shadow: 0 6px 22px rgba(22, 255, 161, 0.4);
}
.n7lg-btn--secondary:active {
  transform: translateY(0);
}

/* Mobile (<768px): stack and center */
@media (max-width: 768px) {
  .n7lg-container {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 40px 12px 60px;
    text-align: center;
  }
  .n7lg-image {
    max-width: 90vw;
    margin: 0 auto;
  }
  .n7lg-img {
    transform: none;
  }
  .n7lg-content {
    margin: 0 auto;
  }
  .n7lg-features {
    justify-content: center;
    margin: 20px auto 36px;
  }
  .n7lg-actions {
    flex-direction: column;
    gap: 18px;
  }
  .n7lg-btn {
    width: 80%;
    max-width: 280px;
    margin: 0 auto;
  }
}

/* ========== n7wb – “Welcome Back” Lux Section ========== */
.n7wb-welcome {
  position: relative;
  background: #0a1e0f;
  overflow: hidden;
  font-family: "Inter", Arial, sans-serif;
  color: #e5ffe5;
  padding: 0;
}

/* Top and Bottom Gradient Bars */
.n7wb-gradient-bar {
  position: absolute;
  left: -10%;
  width: 120%;
  height: 140px;
  background: linear-gradient(120deg, #135409, #16ffa1, #93ffb8);
  mix-blend-mode: screen;
  opacity: 0.12;
  transform: skewY(-6deg);
}
.n7wb-gradient-bar--top {
  top: -60px;
}
.n7wb-gradient-bar--bottom {
  bottom: -60px;
}

/* Grid Layout */
.n7wb-layout {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding: 80px 20px 100px;
}

/* Image (right) */
.n7wb-visual {
  position: relative;
  margin: 0;
}
.n7wb-img {
  width: 100%;
  border-radius: 28px;
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.7);
  transform: perspective(900px) rotateY(8deg);
  transition: transform 0.6s ease, filter 0.6s ease;
  filter: brightness(0.9);
}
.n7wb-visual:hover .n7wb-img {
  transform: perspective(900px) rotateY(0deg) scale(1.03);
  filter: brightness(1);
}
/* Floating Badge */
.n7wb-floating-badge {
  position: absolute;
  top: 14%;
  right: 8%;
  background: #16ffa1;
  color: #0a1e0f;
  padding: 8px 16px;
  border-radius: 24px;
  font-size: 0.9rem;
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(22, 255, 161, 0.4);
  animation: n7wb-badgepulse 4s infinite;
  display: flex;
  align-items: center;
  gap: 6px;
}
@keyframes n7wb-badgepulse {
  0%,100% { box-shadow: 0 4px 18px rgba(22, 255, 161, 0.4); }
  50%    { box-shadow: 0 8px 28px rgba(22, 255, 161, 0.7); }
}

/* Content (left) */
.n7wb-content {
  color: #e5ffe5;
}

/* Title */
.n7wb-title {
  font-size: clamp(2rem, 4vw + 1rem, 3rem);
  font-weight: 900;

  margin-bottom: 16px;
  background: linear-gradient(90deg, #16ffa1 0%, #93ffb8 60%, #e5ffe5 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.n7wb-highlight {
  color: #16ffa1;
  text-shadow: 0 0 12px #16ffa188;
  margin: 0 8px;
}

/* Paragraph text */
.n7wb-text {
  font-size: 1rem;
;
  opacity: 0.92;
  margin-bottom: 18px;
  color: #d7ffee;
}

/* Chips */
.n7wb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin: 28px 0 44px;
  list-style: none;
  padding: 0;
}
.n7wb-chips li {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(22, 255, 161, 0.08);
  color: #bfffe1;
  padding: 10px 16px;
  border-radius: 20px;
  font-weight: 600;
  box-shadow: 0 2px 14px rgba(22,255,161,0.2);
  transition: transform 0.3s ease, background 0.3s ease;
}
.n7wb-chips li:hover {
  transform: translateY(-3px);
  background: rgba(22, 255, 161, 0.2);
}
.n7wb-chips i {
  color: #16ffa1;
  font-size: 1.1rem;
}

/* CTA Button */
.n7wb-cta {
  text-align: center; /* center on both desktop & mobile */
}
.n7wb-btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 20px 68px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: linear-gradient(145deg, #16ffa1 0%, #00d374 60%, #e5ffe5 100%);
  color: #0a1e0f;
  border: none;
  border-radius: 60px;
  cursor: pointer;
  transition: transform 0.32s ease, box-shadow 0.32s ease;
  box-shadow: 0 6px 24px rgba(22, 255, 161, 0.4);
}
.n7wb-btn:hover,
.n7wb-btn:focus-visible {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 10px 36px rgba(22, 255, 161, 0.6);
}
.n7wb-btn:active {
  transform: translateY(0) scale(1);
}
/* Button pulse */
@keyframes n7wb-btnpulse {
  0% { box-shadow: 0 0 0 0 rgba(22,255,161,0.55); }
  70% { box-shadow: 0 0 0 24px rgba(22,255,161,0); }
  100% { box-shadow: 0 0 0 0 rgba(22,255,161,0); }
}
.n7wb-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: n7wb-btnpulse 4s infinite;
}

/* Mobile (<768px): stack and center */
@media (max-width: 768px) {
  .n7wb-layout {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 40px 12px 60px;
    text-align: center;
  }
  .n7wb-visual {
    max-width: 90vw;
    margin: 0 auto;
  }
  .n7wb-img {
    transform: none;
    max-width: 100%;
  }
  .n7wb-content {
    margin: 0 auto;
  }
  .n7wb-chips {
    justify-content: center;
    margin: 24px auto 40px;
  }
  .n7wb-btn {
    width: 80%;
    max-width: 280px;
    margin: 0 auto;
  }
}
/* ========== n7h6 – Login Rewards (Top Image) Section ========== */
.n7h6-login-rewards {
  background: linear-gradient(180deg, #111d13 0%, #132c1d 100%);
  padding: 0 0 60px 0;
  font-family: "Inter", Arial, sans-serif;
  color: #e8fff2;
  overflow: hidden;
  position: relative;
  text-align: center;
}

/* --- IMAGE ON TOP --- */
.n7h6-img-wrap {
  position: relative;
  width: 100%;
  
  margin: 0 auto -26px auto;
  z-index: 1;
}
.n7h6-img {
  width: 100%;
  border-radius: 0 0 40px 40px;
  box-shadow: 0 10px 60px #00e79a36, 0 4px 24px #0009;
  display: block;
  position: relative;
  z-index: 2;
}
.n7h6-img-glow {
  position: absolute;
  left: 50%;
  top: 86%;
  width: 85%;
  height: 42px;
  transform: translate(-50%, 0);
  border-radius: 50%;
  background: radial-gradient(circle, #00e79a44 0 80%, transparent 100%);
  z-index: 1;
  filter: blur(6px);
  pointer-events: none;
}

/* --- CONTENT --- */
.n7h6-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 46px 18px 0 18px;
  z-index: 2;
  position: relative;
}

/* Title */
.n7h6-title {
  font-size: clamp(2rem, 4vw + 1rem, 2.7rem);
  font-weight: 900;
;
  margin-bottom: 34px;
  background: linear-gradient(90deg, #ffd700 0%, #00e79a 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 2px 14px #00180d60;
}

/* --- Rewards List --- */
.n7h6-rewards-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.n7h6-reward {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 15px;
  background: rgba(24, 44, 30, 0.48);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 2px 12px #00e79a14;
  font-size: 1.08rem;
  transition: background 0.28s, box-shadow 0.28s;
  position: relative;
}
.n7h6-reward-icon {
  font-size: 1.6rem;
  color: #ffd700;
  flex-shrink: 0;
}
.n7h6-reward-title {
  font-weight: 800;
  color: #b2ffc8;
  margin-right: 2px;
}
.n7h6-reward-desc {
  color: #d6ffe9;
  font-size: 0.99rem;
}
.n7h6-highlight-bg {
  background: linear-gradient(90deg, #00e79a 20%, #ffd700 100%);
  color: #132c1d;
  padding: 3px 9px;
  border-radius: 6px;
  font-weight: 800;
  box-shadow: 0 1px 8px #ffd70041;
}
.n7h6-birthday-title {
  color: #ff99c8;
  text-shadow: 0 1px 7px #ff99c82e;
  background: none;
}
.n7h6-birthday-bg {
  background: linear-gradient(90deg, #ffd6e7 0, #fffd 80%);
  color: #702e44;
  padding: 3px 11px;
  border-radius: 7px;
  font-weight: 700;
  box-shadow: 0 2px 10px #ffd6e74d;
}

/* Info note */
.n7h6-info-row {
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.n7h6-info-icon {
  font-size: 1.38rem;
  color: #ffd700;
}
.n7h6-info-note {
  font-size: 1.07rem;
  font-weight: 800;
  background: linear-gradient(90deg, #00e79a11 0, #ffd70055 70%);
  color: #ffd700;
  border-radius: 8px;
  padding: 8px 20px;
  box-shadow: 0 2px 12px #ffd70015;
}

/* CTA Button */
.n7h6-cta {
  text-align: center;
}
.n7h6-btn {
  position: relative;
  display: inline-block;
  padding: 19px 54px;
  font-size: 1.08rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 60px;
  background: linear-gradient(145deg, #ffd700 0%, #00e79a 65%, #b2ffc8 100%);
  color: #132c1d;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px #ffd70042;
  transition: transform 0.32s, box-shadow 0.32s;
}
.n7h6-btn:hover,
.n7h6-btn:focus-visible {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 8px 32px #ffd70030;
}
.n7h6-btn:active {
  transform: translateY(0) scale(1);
}
@keyframes n7h6-btnpulse {
  0% { box-shadow: 0 0 0 0 #ffd70088;}
  70% { box-shadow: 0 0 0 22px #ffd70000;}
  100% { box-shadow: 0 0 0 0 #ffd70000;}
}
.n7h6-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: n7h6-btnpulse 4s infinite;
}

/* Responsive: center all and reduce gaps */
@media (max-width: 768px) {
  .n7h6-img-wrap {
    max-width: 99vw;
    margin-bottom: -17px;
  }
  .n7h6-content {
    padding-top: 36px;
  }
  .n7h6-rewards-list {
    gap: 13px;
  }
  .n7h6-reward {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px 9px;
    font-size: 1.01rem;
  }
  .n7h6-info-row {
    margin-bottom: 21px;
  }
  .n7h6-btn {
    width: 85%;
    max-width: 280px;
    margin: 0 auto;
  }
}

/* ========== n7h7 – Mobile-Exclusive Bonuses Section ========== */
.n7h7-mobile-bonus {
  background: linear-gradient(135deg, #101a17 0%, #13462c 100%);
  padding: 82px 12px 70px 12px;
  color: #e8fff7;
  font-family: "Inter", Arial, sans-serif;
  overflow: hidden;
  position: relative;
}

/* Grid 3 columns for desktop */
.n7h7-shell {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.1fr;
  gap: 30px 38px;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}

/* Left and Right Content Columns */
.n7h7-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 38px;
}
.n7h7-col--left {
  align-items: flex-end;
  text-align: right;
  gap: 32px;
  padding-right: 18px;
}
.n7h7-col--right {
  align-items: flex-start;
  text-align: left;
  gap: 32px;
  padding-left: 18px;
}
.n7h7-col--center {
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
}

/* Title */
.n7h7-title {
  font-size: clamp(2rem, 3vw + 1rem, 2.5rem);
  font-weight: 900;
;
  text-align: center;
  margin-bottom: 24px;
  background: linear-gradient(90deg, #ffd700 0%, #00e79a 70%, #a9ffd4 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 2px 12px #00180d60;
}

/* List Items */
.n7h7-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.n7h7-item {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: rgba(23, 85, 44, 0.16);
  border-radius: 13px;
  padding: 12px 18px;
  box-shadow: 0 2px 14px #00e79a13;
  font-size: 1.02rem;
  position: relative;
  transition: background 0.24s, box-shadow 0.24s;
}
.n7h7-item:hover {
  background: rgba(23, 85, 44, 0.33);
  box-shadow: 0 6px 30px #00e79a17;
}
.n7h7-ico {
  font-size: 1.3rem;
  color: #ffd700;
  flex-shrink: 0;
}
.n7h7-label {
  font-weight: 800;
  color: #b2ffc8;
  margin-right: 2px;
}
.n7h7-desc {
  color: #d6ffe9;
  font-size: 0.97rem;
}
.n7h7-highlight-bg {
  font-weight: 800;
  color: #00e79a;
  background: linear-gradient(90deg, #00e79a44 0%, #ffd70033 100%);
  border-radius: 7px;
  padding: 5px 11px;
  font-size: 1rem;
  box-shadow: 0 2px 10px #ffd70022;
}

/* Center Image */
.n7h7-imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 180px;
  position: relative;
}
.n7h7-img {
  width: 100%;
  max-width: 260px;
  border-radius: 32px;
  box-shadow: 0 12px 36px #00e79a36, 0 4px 18px #0007;
  position: relative;
  z-index: 2;
}
.n7h7-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 82%;
  height: 62%;
  transform: translate(-50%, -48%);
  border-radius: 38% 62% 57% 43% / 51% 53% 47% 49%;
  background: radial-gradient(circle, #00e79a33 0 68%, transparent 100%);
  filter: blur(10px);
  z-index: 1;
  pointer-events: none;
}

/* Info block */
.n7h7-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
  margin-bottom: 30px;
}
.n7h7-info-icon {
  font-size: 1.25rem;
  color: #00e79a;
}
.n7h7-info-special {
  font-size: 1.02rem;
  font-weight: 800;
  background: linear-gradient(90deg, #00e79a11 0, #ffd70044 90%);
  color: #ffd700;
  border-radius: 8px;
  padding: 9px 22px;
  box-shadow: 0 2px 16px #ffd70016;
}

/* CTA Button */
.n7h7-cta {
  text-align: center;
  margin-top: 14px;
}
.n7h7-btn {
  position: relative;
  display: inline-block;
  padding: 18px 54px;
  font-size: 1.07rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 60px;
  background: linear-gradient(145deg, #ffd700 0%, #00e79a 80%, #b2ffc8 100%);
  color: #132c1d;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px #ffd70041;
  transition: transform 0.32s, box-shadow 0.32s;
}
.n7h7-btn:hover,
.n7h7-btn:focus-visible {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 8px 32px #ffd70032;
}
.n7h7-btn:active {
  transform: translateY(0) scale(1);
}
@keyframes n7h7-btnpulse {
  0% { box-shadow: 0 0 0 0 #ffd70088;}
  70% { box-shadow: 0 0 0 22px #ffd70000;}
  100% { box-shadow: 0 0 0 0 #ffd70000;}
}
.n7h7-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: n7h7-btnpulse 4s infinite;
}

/* Responsive: Mobile (all columns stack, content center) */
@media (max-width: 991px) {
  .n7h7-shell {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .n7h7-col--left, .n7h7-col--right {
    align-items: center !important;
    text-align: center !important;
    padding: 0;
  }
  .n7h7-imgbox {
    margin-bottom: 22px;
    min-width: 0;
    min-height: 0;
  }
  .n7h7-img {
    max-width: 210px;
  }
  .n7h7-info {
    justify-content: center;
  }
  .n7h7-btn {
    width: 85%;
    max-width: 300px;
    margin: 0 auto;
  }
}


.banner {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* ========== n7fixed-bonus-banner ========== */
.n7fixed-bonus-banner {
  position: fixed;
  width: 100%;
  bottom: 0;
  
  z-index: 1010;
  background:rgb(0 0 0 / 58%); /* полупрозрачный dark green */
  color: #ffd700;
  font-family: "Inter", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 20px 30px;
  border: none;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 -2px 16px #00e79a33, 0 2px 20px #0009;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  backdrop-filter: blur(4px);
  cursor: pointer;
  user-select: none;
  
  /* Disable highlight on tap in mobile */
  -webkit-tap-highlight-color: transparent;
}

.n7fixed-bonus-banner:hover,
.n7fixed-bonus-banner:focus-visible {
  background: rgba(0, 231, 154, 0.96);
  color: #181a10;
  transform: scale(1.01);
  box-shadow: 0 -4px 24px #ffd70055, 0 2px 30px #00e79a22;
}

@media (max-width: 767px) {
  .n7fixed-bonus-banner {
    font-size: 1.08rem;
    padding: 17px 0 15px 0;
  }
}

.bee999-allgames {
  background: #084c4d;
  position: relative;
  padding: 102px 0 110px 0;
  overflow: hidden;
}
.bee999-allgames__bg {
  background: url('img/bg1.jpg') center/cover no-repeat;
  opacity: 0.18;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-allgames__container {
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.bee999-allgames__main {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  border-radius: 42px;
  background: rgba(0, 56, 62, 0.96);
  box-shadow: 0 12px 54px 0 #c59d5f27;
  position: relative;
  overflow: hidden;
}
.bee999-allgames__left {
  flex: 1 1 56%;
  padding: 64px 60px 60px 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fffbe7;
  text-align: center;
  z-index: 2;
  position: relative;
}
.bee999-allgames__title {
  font-size: 2.45rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 28px #ffe38a34;
  letter-spacing: 1.3px;
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
}
.bee999-allgames__subtitle {
  color: #fffbe7;
  font-size: 1.11rem;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.bee999-allgames__desc {
  color: #f8ecd7;
  font-size: 1.18rem;
  opacity: 0.97;
  margin-bottom: 10px;
  
}
.bee999-allgames__features {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  margin-bottom: 40px;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.bee999-allgames__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(93deg, #ffe38a 50%, #c59d5f 110%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.09rem;
  border-radius: 10px;
  padding: 10px 18px;
  box-shadow: 0 2px 10px 0 #ffe38a1a;
}
.bee999-allgames__features i {
  color: #c59d5f;
  font-size: 1.15em;
}
.bee999-allgames__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.bee999-allgames-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 54px 18px 38px;
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.15);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.25s;
  text-decoration: none;
  z-index: 2;
}
.bee999-allgames-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-allgames-btn:hover .bee999-allgames-btn__shine,
.bee999-allgames-btn:focus .bee999-allgames-btn__shine {
  left: 200%;
}
.bee999-allgames-btn:hover,
.bee999-allgames-btn:focus {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.18);
}
.bee999-allgames-btn i {
  font-size: 1.22em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Card Deck */
.bee999-allgames__right {
  flex: 1 1 44%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 22px;
}
.bee999-allgames__carddeck {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  position: relative;
  z-index: 2;
}
.bee999-allgames__card {
  background: linear-gradient(121deg, #ffe38a 60%, #fffbe7 120%);
  color: #084c4d;
  border-radius: 18px;
  box-shadow: 0 6px 30px 0 rgba(197,157,95,0.12);
  padding: 36px 26px 22px 26px;
  min-width: 124px;
  min-height: 112px;
  font-weight: 800;
  font-size: 1.16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  border: 2.5px solid #ffe38a55;
  cursor: pointer;
  position: relative;
}
.bee999-allgames__card i {
  font-size: 2.25em;
  margin-bottom: 6px;
  color: #b38626;
}
.bee999-allgames__card:hover {
  transform: scale(1.06) translateY(-6px);
  box-shadow: 0 14px 44px 0 rgba(197,157,95,0.18);
  border-color: #ffe38a;
}

/* SVG luxury ring */
.bee999-allgames__ringsvg {
  position: absolute;
  left: 54%;
  top: 50%;
  transform: translate(-45%, -50%);
  z-index: 1;
  pointer-events: none;
}

/* Mobile: Center and stack all content */
@media (max-width: 900px) {
  .bee999-allgames__main {
    flex-direction: column;
    border-radius: 18px;
    box-shadow: 0 4px 28px #c59d5f22;
  }
  .bee999-allgames__left {
    align-items: center;
    text-align: center;
    padding: 30px 7vw 18px 7vw;
  }
  .bee999-allgames__features {
    justify-content: center;
  }
  .bee999-allgames__actions {
    justify-content: center;
  }
  .bee999-allgames__right {
    padding: 0 4vw 20px 4vw;
  }
}
@media (max-width: 768px) {
  .bee999-allgames {
    padding: 48px 0 54px 0;
  }
  .bee999-allgames__container {
    padding: 0 3px;
  }
  .bee999-allgames__main {
    flex-direction: column;
    border-radius: 11px;
  }
  .bee999-allgames__left {
    padding: 20px 2vw 10px 2vw;
  }
  .bee999-allgames__desc {
    font-size: 1.06rem;
    max-width: 99vw;
  }
  .bee999-allgames__features {
    flex-direction: column;
    gap: 9px;
    margin-bottom: 20px;
  }
  .bee999-allgames-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .bee999-allgames__carddeck {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .bee999-allgames__card {
    padding: 18px 5vw 14px 5vw;
    min-width: 0;
    min-height: 80px;
    font-size: 1.01rem;
  }
  .bee999-allgames__ringsvg {
    display: none;
  }
}

.bee999-variety {
  background: #084c4d;
  position: relative;
  padding: 92px 0 100px 0;
  overflow: hidden;
}
.bee999-variety__bg {
  background: url('img/bg.png') center/cover no-repeat;
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-variety__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: rgba(0, 60, 68, 0.98);
  border-radius: 38px;
  box-shadow: 0 12px 54px 0 #c59d5f29;
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0 16px;
}
.bee999-variety__visual {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0 60px 0;
  position: relative;
  min-width: 240px;
}
.bee999-variety__visual-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-variety__img {
  object-fit: contain;
  border-radius: 24px;
  background: #fffbe7;
  box-shadow: 0 10px 32px #c59d5f23, 0 2px 8px #ffe38a22;
  margin-bottom: 17px;
  border: 3px solid #ffe38a44;
}
.bee999-variety__visual-overlay {
  position: absolute;
  left: 50%;
  bottom: -24px;
  transform: translateX(-50%);
  z-index: 2;
}
.bee999-variety__icon-list {
  display: flex;
  gap: 16px;
  background: rgba(255, 227, 138, 0.17);
  border-radius: 16px;
  padding: 8px 18px;
  box-shadow: 0 2px 9px #ffe38a1f;
}
.bee999-variety__icon-list span {
  color: #ffe38a;
  font-size: 1.32em;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}
.bee999-variety__icon-list span:hover {
  color: #fffbe7;
}
.bee999-variety__badge {
  margin-top: 34px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 800;
  font-size: 1.08rem;
  padding: 11px 24px;
  border-radius: 12px;
  box-shadow: 0 2px 10px #ffe38a21;
}

.bee999-variety__content {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  padding: 60px 54px 54px 54px;
  color: #fffbe7;
}
.bee999-variety__title {
  font-size: 2.28rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #ffe38a;
  text-shadow: 0 7px 28px #ffe38a29;
  margin-bottom: 16px;
}
.bee999-variety__desc {
  color: #f7eac6;
  font-size: 1.16rem;
  opacity: 0.98;
  margin-bottom: 27px;
  max-width: 480px;
}
.bee999-variety__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin-bottom: 36px;
  padding: 0;
  list-style: none;
}
.bee999-variety__features li {
  display: flex;
  align-items: center;
  gap: 9px;
  background: linear-gradient(93deg, #ffe38a 53%, #c59d5f 120%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.07rem;
  border-radius: 10px;
  padding: 10px 20px;
  box-shadow: 0 2px 10px 0 #ffe38a1c;
}
.bee999-variety__features i {
  color: #c59d5f;
  font-size: 1.19em;
}
.bee999-variety__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-variety-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 17px 52px 17px 36px;
  background: linear-gradient(97deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.15);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.24s;
  text-decoration: none;
  z-index: 2;
}
.bee999-variety-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-variety-btn:hover .bee999-variety-btn__shine,
.bee999-variety-btn:focus .bee999-variety-btn__shine {
  left: 200%;
}
.bee999-variety-btn:hover,
.bee999-variety-btn:focus {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.19);
}
.bee999-variety-btn i {
  font-size: 1.2em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Stack and center */
@media (max-width: 900px) {
  .bee999-variety__container {
    flex-direction: column;
    border-radius: 16px;
    padding: 0 4px;
  }
  .bee999-variety__visual, .bee999-variety__content {
    padding: 26px 5vw 12px 5vw;
    min-width: 0;
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .bee999-variety__content {
    align-items: center;
    text-align: center;
  }
  .bee999-variety__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-variety {
    padding: 44px 0 54px 0;
  }
  .bee999-variety__visual, .bee999-variety__content {
    padding: 18px 2vw 8px 2vw;
  }
  .bee999-variety__features {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 18px;
  }
  .bee999-variety-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-skillplay {
  background: #084c4d;
  position: relative;
  padding: 90px 0 96px 0;
  overflow: hidden;
}
.bee999-skillplay__bg {
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-skillplay__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 24px 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-skillplay__visual {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: -62px;
  position: relative;
  z-index: 3;
}
.bee999-skillplay__visual-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}
.bee999-skillplay__img {
  margin-bottom: 20px;
  border-radius: 26px;
  object-fit: contain;
  box-shadow: 0 6px 26px #ffe38a23, 0 1.5px 6px #c59d5f22;
  background: #fffbe7;
  position: relative;
  z-index: 2;
}
.bee999-skillplay__medal {
  position: absolute;
  right: -22px;
  bottom: 12px;
  background: linear-gradient(120deg, #ffe38a 65%, #c59d5f 120%);
  color: #fffbe7;
  font-size: 2.25rem;
  border-radius: 50%;
  box-shadow: 0 2px 8px #ffe38a55;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border: 3px solid #fffbe799;
}
.bee999-skillplay__rings {
  position: absolute;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.bee999-skillplay__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -14px;
  text-align: center;
  padding: 0 2vw;
}
.bee999-skillplay__title {
  font-size: 2.2rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 24px #ffe38a30;
  margin-bottom: 18px;
  margin-top: 0;
}
.bee999-skillplay__desc {
  color: #f7eac6;
  font-size: 1.15rem;
  margin-bottom: 26px;
;
  opacity: 0.97;
  
}
.bee999-skillplay__progress {
  display: flex;
  gap: 17px;
  margin-bottom: 34px;
  flex-wrap: wrap;
  justify-content: center;
}
.bee999-skillplay__progress-block {
  background: linear-gradient(98deg, #ffe38a 55%, #fffbe7 120%);
  color: #084c4d;
  font-weight: 800;
  border-radius: 13px;
  box-shadow: 0 2px 9px 0 #ffe38a21;
  padding: 11px 19px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.09rem;
}
.bee999-skillplay__progress-block i {
  color: #c59d5f;
  font-size: 1.25em;
}
.bee999-skillplay__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-skillplay-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 17px 52px 17px 36px;
  background: linear-gradient(97deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.16);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.24s;
  text-decoration: none;
  z-index: 2;
}
.bee999-skillplay-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-skillplay-btn:hover .bee999-skillplay-btn__shine,
.bee999-skillplay-btn:focus .bee999-skillplay-btn__shine {
  left: 200%;
}
.bee999-skillplay-btn:hover,
.bee999-skillplay-btn:focus {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.18);
}
.bee999-skillplay-btn i {
  font-size: 1.18em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Center and stack all content */
@media (max-width: 900px) {
  .bee999-skillplay__container {
    border-radius: 16px;
    padding: 0 3vw 24px 3vw;
  }
  .bee999-skillplay__visual {
    margin-top: -44px;
  }
  .bee999-skillplay__visual-frame {
    min-height: 110px;
  }
  .bee999-skillplay__img {
    width: 90px; height: 90px; border-radius: 17px;
  }
  .bee999-skillplay__medal {
    right: -16px; bottom: 6px; font-size: 1.5rem; width: 36px; height: 36px;
  }
  .bee999-skillplay__rings {
    width: 74px; height: 74px;
  }
  .bee999-skillplay__title {
    font-size: 1.35rem;
    margin-bottom: 8px;
  }
  .bee999-skillplay__desc {
    font-size: 0.98rem;
    margin-bottom: 17px;
    max-width: 97vw;
  }
  .bee999-skillplay__progress {
    flex-direction: column;
    gap: 9px;
    margin-bottom: 16px;
    width: 100%;
  }
  .bee999-skillplay__progress-block {
    font-size: 0.99rem;
    padding: 9px 12px;
    justify-content: center;
  }
  .bee999-skillplay-btn {
    width: 100%;
    max-width: 315px;
    justify-content: center;
  }
}

.bee999-localbd {
  background: #084c4d;
  position: relative;
  padding: 98px 0 104px 0;
  overflow: hidden;
}
.bee999-localbd__bg {
  background: url('img/bg.png') center/cover no-repeat;
  opacity: 0.17;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-localbd__container {
  max-width: 1200px;
  margin: 0 auto;
  background: rgba(0, 60, 68, 0.99);
  border-radius: 36px;
  box-shadow: 0 13px 52px 0 #c59d5f2a;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}
.bee999-localbd__main {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.bee999-localbd__left {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 54px 18px 54px 0;
  border-right: 1.5px solid #ffe38a22;
  position: relative;
}
.bee999-localbd__flagwrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 38px;
}
.bee999-localbd__flag img {
  
  border-radius: 6px;
  border: 2px solid #ffe38a99;
  background: #fffbe7;
  box-shadow: 0 2px 14px #ffe38a35;
}
.bee999-localbd__bdlabel {
  font-size: 1.05rem;
  color: #ffe38a;
  font-weight: 700;
  background: #084c4d;
  padding: 7px 18px;
  border-radius: 18px;
  letter-spacing: 1.3px;
  box-shadow: 0 2px 6px #ffe38a1f;
}
.bee999-localbd__games {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  margin-top: 12px;
}
.bee999-localbd__games > div {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.12rem;
  background: linear-gradient(92deg, #ffe38a 60%, #fffbe7 120%);
  color: #084c4d;
  padding: 10px 22px;
  border-radius: 13px;
  font-weight: 700;
  box-shadow: 0 1.5px 8px 0 #ffe38a13;
}
.bee999-localbd__games i {
  color: #c59d5f;
  font-size: 1.35em;
}

.bee999-localbd__right {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  padding: 56px 54px 56px 36px;
  color: #fffbe7;
}
.bee999-localbd__title {
  font-size: 2.28rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 26px #ffe38a26;
  margin-bottom: 18px;
}
.bee999-localbd__desc {
  color: #f8ecd7;
  font-size: 1.16rem;
  margin-bottom: 27px;

}
.bee999-localbd__features {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 36px;
  padding: 0;
  justify-content: center;
  list-style: none;
}
.bee999-localbd__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(94deg, #ffe38a 53%, #c59d5f 120%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.05rem;
  border-radius: 10px;
  padding: 10px 19px;
  box-shadow: 0 2px 10px 0 #ffe38a1d;
}
.bee999-localbd__features i {
  color: #c59d5f;
  font-size: 1.16em;
}
.bee999-localbd__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-localbd-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 54px 18px 38px;
  background: linear-gradient(98deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.17);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-localbd-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-localbd-btn:hover .bee999-localbd-btn__shine,
.bee999-localbd-btn:focus .bee999-localbd-btn__shine {
  left: 200%;
}
.bee999-localbd-btn:hover,
.bee999-localbd-btn:focus {
  transform: translateY(-5px) scale(1.06);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.19);
}
.bee999-localbd-btn i {
  font-size: 1.2em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Stack and center all content */
@media (max-width: 900px) {
  .bee999-localbd__main {
    flex-direction: column;
    border-radius: 16px;
    padding: 0 2vw;
  }
  .bee999-localbd__left,
  .bee999-localbd__right {
    align-items: center;
    text-align: center;
    padding: 34px 3vw 16px 3vw;
    border-right: none;
    border-bottom: 1px solid #ffe38a22;
  }
  .bee999-localbd__right {
    border-bottom: none;
    padding-top: 18px;
  }
  .bee999-localbd__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-localbd {
    padding: 46px 0 54px 0;
  }
  .bee999-localbd__container {
    padding: 0 2px;
  }
  .bee999-localbd__main {
    flex-direction: column;
    border-radius: 13px;
  }
  .bee999-localbd__left,
  .bee999-localbd__right {
    padding: 20px 2vw 10px 2vw;
  }
  .bee999-localbd__features {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
  }
  .bee999-localbd-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-localbd__cardrow {
  margin: 46px auto 0 auto;
  display: flex;
  justify-content: center;
  gap: 36px;
  max-width: 900px;
  position: relative;
  z-index: 2;
}
.bee999-localbd__gamecard {
  background: linear-gradient(120deg, #ffe38a 65%, #fffbe7 130%);
  border-radius: 24px;
  box-shadow: 0 8px 28px 0 #c59d5f29;
  width: 180px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  cursor: pointer;
  border: 2.5px solid #ffe38a4d;
  position: relative;
}
.bee999-localbd__gamecard:hover {
  transform: translateY(-9px) scale(1.06);
  box-shadow: 0 18px 48px 0 #ffe38a44;
  border-color: #ffe38a;
}
.bee999-localbd__gameimg {
  width: 100%;
  height: 114px;
  object-fit: cover;
  border-bottom: 1.5px solid #ffe38a70;
  background: #fffbe7;
  display: block;
}
.bee999-localbd__gameinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0 14px 0;
}
.bee999-localbd__gameicon {
  color: #c59d5f;
  font-size: 1.33em;
  margin-bottom: 5px;
}
.bee999-localbd__gametitle {
  color: #084c4d;
  font-size: 1.09rem;
  font-weight: 800;
  letter-spacing: .4px;
}

@media (max-width: 1100px) {
  .bee999-localbd__cardrow {
    gap: 16px;
    max-width: 97vw;
  }
  .bee999-localbd__gamecard {
    width: 29vw;
    max-width: 195px;
    min-width: 130px;
  }
}
@media (max-width: 900px) {
  .bee999-localbd__cardrow {
    gap: 9px;
    margin: 22px auto 0 auto;
  }
  .bee999-localbd__gamecard {
    width: 32vw;
    max-width: 168px;
    min-width: 112px;
  }
}
@media (max-width: 768px) {
  .bee999-localbd__cardrow {
    margin: 18px auto 0 auto;
    gap: 9px;
    flex-direction: column;
    align-items: center;
  }
  .bee999-localbd__gamecard {
    width: 97vw;
    max-width: 340px;
    min-width: 0;
  }
}

.bee999-bet {
  background: #084c4d;
  position: relative;
  padding: 98px 0 110px 0;
  overflow: hidden;
}
.bee999-bet__bg {
  background: url('img/bg1.jpg') center/cover no-repeat;
  opacity: 0.21;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-bet__container {
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.bee999-bet__main {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  border-radius: 46px;
  background: rgba(0, 56, 62, 0.97);
  box-shadow: 0 14px 60px 0 #c59d5f28;
  overflow: hidden;
}
.bee999-bet__left {
  flex: 1 1 55%;
  padding: 72px 56px 64px 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  color: #fffbe7;
  z-index: 2;
}
.bee999-bet__title {
  font-size: 2.45rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 28px #ffe38a38;
  margin-bottom: 18px;

}
.bee999-bet__subtitle {
  color: #fffbe7;
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-left: 7px;
}
.bee999-bet__desc {
  color: #f8ecd7;
  font-size: 1.18rem;
  margin-bottom: 36px;
  opacity: 0.97;
  max-width: 500px;
}
.bee999-bet__actions {
  display: flex;
  gap: 20px;
  justify-content: center;
  width: 100%;
  margin-bottom: 26px;
  flex-wrap: wrap;
}
.bee999-bet-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 52px 18px 38px;
  font-weight: 900;
  font-size: 1.13rem;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.16);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.25s;
  text-decoration: none;
  border: none;
  z-index: 2;
}
.bee999-bet-btn--primary {
  background: linear-gradient(95deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
}
.bee999-bet-btn--secondary {
  background: linear-gradient(90deg, #fffbe7 0%, #ffe38a 90%);
  color: #b38626;
}
.bee999-bet-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-bet-btn:hover .bee999-bet-btn__shine,
.bee999-bet-btn:focus .bee999-bet-btn__shine {
  left: 200%;
}
.bee999-bet-btn:hover,
.bee999-bet-btn:focus {
  transform: translateY(-6px) scale(1.08);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.18);
}
.bee999-bet-btn i {
  font-size: 1.21em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-bet__badges {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 14px;
}
.bee999-bet__badge {
  background: linear-gradient(92deg, #ffe38a 60%, #fffbe7 130%);
  color: #084c4d;
  font-weight: 800;
  border-radius: 11px;
  box-shadow: 0 2px 10px #ffe38a22;
  font-size: 1rem;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bee999-bet__right {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: none;
  padding: 0 16px;
}
.bee999-bet__visual {
  position: relative;
  background: radial-gradient(circle, #ffe38a29 60%, transparent 98%);
  border-radius: 36px;
  box-shadow: 0 6px 38px #ffe38a19;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee999-bet__img {
  border-radius: 21px;
  object-fit: cover;
  background: #fffbe7;
  box-shadow: 0 3px 13px #c59d5f26, 0 1.5px 7px #ffe38a13;
  display: block;
}
.bee999-bet__sportsicon {
  position: absolute;
  font-size: 2.1rem;
  color: #ffe38a;
  background: #084c4d;
  border-radius: 50%;
  box-shadow: 0 2px 14px #ffe38a38;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92);
}
.bee999-bet__sportsicon--cricket { left: -35px; top: 24px; }
.bee999-bet__sportsicon--football { right: -34px; top: 38px; }
.bee999-bet__sportsicon--crash { left: 50%; bottom: -38px; transform: translateX(-50%); }

.bee999-bet__sportsicon:hover {
  transform: scale(1.18) rotate(-6deg);
  background: #ffe38a;
  color: #084c4d;
}

/* Responsive: Center content and stack cards/buttons */
@media (max-width: 1050px) {
  .bee999-bet__main { flex-direction: column; border-radius: 20px; }
  .bee999-bet__left, .bee999-bet__right { padding: 32px 3vw; align-items: center; text-align: center; }
  .bee999-bet__actions { justify-content: center; }
  .bee999-bet__visual { margin: 32px auto 0 auto; }
}
@media (max-width: 768px) {
  .bee999-bet {
    padding: 48px 0 54px 0;
  }
  .bee999-bet__main { flex-direction: column; border-radius: 10px; }
  .bee999-bet__container { padding: 0 2px; }
  .bee999-bet__left, .bee999-bet__right { padding: 24px 2vw 16px 2vw; }
  .bee999-bet__title { font-size: 1.34rem; margin-bottom: 9px; }
  .bee999-bet__desc { font-size: 1.01rem; margin-bottom: 21px; }
  .bee999-bet__actions { flex-direction: column; gap: 13px; margin-bottom: 15px; }
  .bee999-bet-btn { width: 100%; max-width: 320px; justify-content: center; }
  .bee999-bet__visual { width: 68vw; height: 39vw; max-width: 99vw; min-width: 210px; min-height: 165px; }
  .bee999-bet__img { width: 60vw; height: 60vw; min-width: 140px; min-height: 140px; }
  .bee999-bet__sportsicon { font-size: 1.45rem; padding: 7px 10px; }
  .bee999-bet__sportsicon--cricket { left: 2vw; top: 8vw; }
  .bee999-bet__sportsicon--football { right: 2vw; top: 13vw; }
  .bee999-bet__sportsicon--crash { left: 50%; bottom: 1vw; }
}
.bee999-sportsimplified {
  
  position: relative;
  padding: 90px 0 104px 0;
  overflow: hidden;
}
.bee999-sportsimplified__bg {
  opacity: 0.15;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-sportsimplified__container {
  max-width: 1150px;
  margin: 0 auto;
  background: linear-gradient(120deg, #f9f9f5 75%, #ffe38a 350%);
  border-radius: 38px;
  box-shadow: 0 13px 52px 0 #c59d5f22;
  position: relative;
  z-index: 2;
  padding: 0 16px;
}
.bee999-sportsimplified__contentbox {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: 100%;
}
.bee999-sportsimplified__visuals {
  flex: 1 1 43%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 56px 18px 56px 0;
}
.bee999-sportsimplified__sportcard {
  background: linear-gradient(99deg, #ffe38a 60%, #fffbe7 110%);
  border-radius: 24px;
  box-shadow: 0 5px 22px #ffe38a22, 0 1.5px 8px #c59d5f18;
  width: 192px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.18s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  overflow: hidden;
  cursor: pointer;
  border: 2.5px solid #ffe38a4d;
  position: relative;
}
.bee999-sportsimplified__sportcard:hover {
  transform: translateY(-7px) scale(1.04);
  box-shadow: 0 13px 48px 0 #ffe38a33;
  border-color: #ffe38a;
}
.bee999-sportsimplified__sportcard img {
  width: 100%;
  height: 92px;
  object-fit: cover;
  border-bottom: 1.5px solid #ffe38a60;
  background: #fffbe7;
  display: block;
}
.bee999-sportsimplified__sportcard span {
  color: #084c4d;
  font-size: 1.07rem;
  font-weight: 800;
  letter-spacing: .4px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 15px 0 11px 0;
}
.bee999-sportsimplified__sportcard i {
  color: #c59d5f;
  font-size: 1.19em;
}

.bee999-sportsimplified__content {
  flex: 1 1 57%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  padding: 58px 44px 58px 36px;
  color: #084c4d;
}
.bee999-sportsimplified__title {
  font-size: 2.2rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #084c4d;
  margin-bottom: 16px;
  text-shadow: 0 7px 26px #ffe38a26;
}
.bee999-sportsimplified__desc {
  color: #1b272d;
  font-size: 1.14rem;
  margin-bottom: 5px;
  
  opacity: 0.95;
}
.bee999-sportsimplified__features {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 36px;
  padding: 0;
  list-style: none;
}
.bee999-sportsimplified__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(94deg, #ffe38a 53%, #c59d5f 120%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.03rem;
  border-radius: 10px;
  padding: 10px 19px;
  box-shadow: 0 2px 10px 0 #ffe38a1d;
}
.bee999-sportsimplified__features i {
  color: #c59d5f;
  font-size: 1.17em;
}
.bee999-sportsimplified__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-sportsimplified-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 54px 18px 38px;
  background: linear-gradient(98deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.17);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-sportsimplified-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-sportsimplified-btn:hover .bee999-sportsimplified-btn__shine,
.bee999-sportsimplified-btn:focus .bee999-sportsimplified-btn__shine {
  left: 200%;
}
.bee999-sportsimplified-btn:hover,
.bee999-sportsimplified-btn:focus {
  transform: translateY(-5px) scale(1.06);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.19);
}
.bee999-sportsimplified-btn i {
  font-size: 1.2em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Stack and center all content */
@media (max-width: 1050px) {
  .bee999-sportsimplified__contentbox {
    flex-direction: column;
    border-radius: 18px;
    padding: 0 3vw;
  }
  .bee999-sportsimplified__visuals,
  .bee999-sportsimplified__content {
    align-items: center;
    text-align: center;
    padding: 24px 2vw 12px 2vw;
  }
  .bee999-sportsimplified__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-sportsimplified {
    padding: 44px 0 54px 0;
  }
  .bee999-sportsimplified__container {
    padding: 0 2px;
    border-radius: 13px;
  }
  .bee999-sportsimplified__contentbox {
    flex-direction: column;
    border-radius: 11px;
  }
  .bee999-sportsimplified__visuals {
    gap: 8px;
    padding: 18px 2vw 4px 2vw;
  }
  .bee999-sportsimplified__sportcard {
    width: 97vw;
    max-width: 330px;
  }
  .bee999-sportsimplified__content {
    padding: 10px 2vw 2px 2vw;
  }
  .bee999-sportsimplified__features {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
  }
  .bee999-sportsimplified-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-crash {
  background: #084c4d;
  position: relative;
  padding: 94px 0 104px 0;
  overflow: hidden;
}
.bee999-crash__bg {
  background: url('img/bg.png') center/cover no-repeat;
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-crash__container {
  max-width: 1200px;
  margin: 0 auto;
  background: rgba(0, 60, 68, 0.98);
  border-radius: 36px;
  box-shadow: 0 12px 46px 0 #c59d5f2b;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}
.bee999-crash__main {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.bee999-crash__visual {
  flex: 1 1 44%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 52px 0 52px 0;
  border-right: 1.5px solid #ffe38a22;
  min-width: 210px;
  position: relative;
}
.bee999-crash__crash-graph {
  position: relative;
  width: 188px;
  height: 76px;
  margin-bottom: 32px;
}
.bee999-crash__crash-graph svg {
  display: block;
}
.bee999-crash__plane {
  position: absolute;
  top: 2px;
  right: -20px;
  color: #ffe38a;
  font-size: 2.2rem;
  text-shadow: 0 2px 14px #ffe38a88;
  animation: crash-plane-move 1.9s linear infinite alternate;
}
@keyframes crash-plane-move {
  0% { top: 2px; right: -20px; }
  100% { top: -16px; right: 18px; }
}
.bee999-crash__multiplier {
  position: absolute;
  bottom: -17px;
  right: 4px;
  color: #ffe38a;
  background: #084c4d;
  font-weight: 800;
  padding: 5px 18px;
  border-radius: 12px;
  font-size: 1.13rem;
  box-shadow: 0 1.5px 8px #ffe38a33;
}
.bee999-crash__autocash {
  margin-top: 18px;
  color: #fffbe7;
  background: linear-gradient(93deg, #ffe38a 58%, #fffbe7 110%);
  font-weight: 700;
  font-size: 1.01rem;
  padding: 8px 20px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 10px #ffe38a1f;
}

.bee999-crash__content {
  flex: 1 1 56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 56px 54px 54px 36px;
  text-align: center;
  color: #fffbe7;
}
.bee999-crash__title {
  font-size: 2.1rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 26px #ffe38a25;
  margin-bottom: 16px;
}
.bee999-crash__desc {
  color: #f8ecd7;
  font-size: 1.13rem;
  margin-bottom: 27px;
;
  opacity: 0.98;
}
.bee999-crash__features {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 36px;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.bee999-crash__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(94deg, #ffe38a 53%, #c59d5f 120%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.03rem;
  border-radius: 10px;
  padding: 10px 19px;
  box-shadow: 0 2px 10px 0 #ffe38a1d;
}
.bee999-crash__features i {
  color: #c59d5f;
  font-size: 1.17em;
}
.bee999-crash__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-crash-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 54px 18px 38px;
  background: linear-gradient(99deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.17);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-crash-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-crash-btn:hover .bee999-crash-btn__shine,
.bee999-crash-btn:focus .bee999-crash-btn__shine {
  left: 200%;
}
.bee999-crash-btn:hover,
.bee999-crash-btn:focus {
  transform: translateY(-5px) scale(1.06);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.19);
}
.bee999-crash-btn i {
  font-size: 1.2em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Stack and center all content */
@media (max-width: 900px) {
  .bee999-crash__main {
    flex-direction: column;
    border-radius: 15px;
    padding: 0 2vw;
  }
  .bee999-crash__visual, .bee999-crash__content {
    align-items: center;
    text-align: center;
    padding: 28px 2vw 12px 2vw;
    border-right: none;
    border-bottom: 1px solid #ffe38a22;
    min-width: 0;
  }
  .bee999-crash__content {
    border-bottom: none;
    padding-top: 18px;
  }
  .bee999-crash__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-crash {
    padding: 48px 0 54px 0;
  }
  .bee999-crash__container {
    padding: 0 2px;
    border-radius: 13px;
  }
  .bee999-crash__main {
    flex-direction: column;
    border-radius: 11px;
  }
  .bee999-crash__visual, .bee999-crash__content {
    padding: 14px 2vw 7px 2vw;
  }
  .bee999-crash__features {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
  }
  .bee999-crash-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

.bee999-trustedpay {
  background: #084c4d;
  position: relative;
  padding: 60px 0 40px 0;
  overflow: hidden;
}
.bee999-trustedpay__bg {
  opacity: 0.13;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-trustedpay__container {
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 36px;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}
.bee999-trustedpay__row {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bee999-trustedpay__visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 52px 0 0 0;
  min-width: 230px;
  position: relative;
}
.bee999-trustedpay__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  justify-content: center;
  margin-bottom: 42px;
}
.bee999-trustedpay__card {
  background: #fffbe7;
  border-radius: 17px;
  width: 100px;
  box-shadow: 0 2px 10px #ffe38a19, 0 1.5px 5px #c59d5f14;
  object-fit: contain;
  display: block;
  border: 2.5px solid #ffe38a35;
  transition: transform 0.17s cubic-bezier(.42,.71,.61,.92), box-shadow 0.17s;
}
.bee999-trustedpay__card:hover {
  transform: scale(1.14) rotate(-4deg);
  box-shadow: 0 10px 30px #ffe38a33;
  border-color: #ffe38a;
}
.bee999-trustedpay__shield,
.bee999-trustedpay__weekend {
  margin: 0 auto 11px auto;
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(93deg, #ffe38a 58%, #fffbe7 120%);
  color: #084c4d;
  font-weight: 800;
  font-size: 1.09rem;
  padding: 13px 26px;
  border-radius: 18px;
  box-shadow: 0 2px 10px #ffe38a24;
  position: relative;
  z-index: 2;
}
.bee999-trustedpay__shield {
  margin-bottom: 16px;
}
.bee999-trustedpay__shield i,
.bee999-trustedpay__weekend i {
  color: #b38626;
  font-size: 1.2em;
}
.bee999-trustedpay__content {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 54px 54px 36px;
  color: #fffbe7;
}
.bee999-trustedpay__title {
  font-size: 2.17rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 26px #ffe38a22;
  margin-bottom: 17px;
}
.bee999-trustedpay__desc {
  color: #f8ecd7;
  font-size: 1.15rem;
  margin-bottom: 25px;

  opacity: 0.98;
}
.bee999-trustedpay__features {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 34px;
  padding: 0;
  list-style: none;
}
.bee999-trustedpay__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(96deg, #ffe38a 53%, #c59d5f 120%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.06rem;
  border-radius: 10px;
  padding: 10px 19px;
  box-shadow: 0 2px 10px 0 #ffe38a1d;
}
.bee999-trustedpay__features i {
  color: #c59d5f;
  font-size: 1.16em;
}
.bee999-trustedpay__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-trustedpay-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 18px 54px 18px 38px;
  background: linear-gradient(99deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.16rem;
  border: none;
  border-radius: 16px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.17);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-trustedpay-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-trustedpay-btn:hover .bee999-trustedpay-btn__shine,
.bee999-trustedpay-btn:focus .bee999-trustedpay-btn__shine {
  left: 200%;
}
.bee999-trustedpay-btn:hover,
.bee999-trustedpay-btn:focus {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.19);
}
.bee999-trustedpay-btn i {
  font-size: 1.2em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Mobile: Stack and center all content */
@media (max-width: 1050px) {
  .bee999-trustedpay__row {
    flex-direction: column;
    border-radius: 18px;
    padding: 0 3vw;
  }
  .bee999-trustedpay__visual, .bee999-trustedpay__content {
    align-items: center;
    text-align: center;
    padding: 28px 2vw 10px 2vw;
    border-right: none;
    min-width: 0;
  }
  .bee999-trustedpay__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-trustedpay {
    padding: 44px 0 54px 0;
  }
  .bee999-trustedpay__container {
    padding: 0 2px;
    border-radius: 13px;
  }
  .bee999-trustedpay__row {
    flex-direction: column;
    border-radius: 11px;
  }
  .bee999-trustedpay__visual, .bee999-trustedpay__content {
    padding: 14px 2vw 7px 2vw;
  }
  .bee999-trustedpay__features {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
  }
  .bee999-trustedpay-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .bee999-trustedpay__cards {
    gap: 8px 8px;
    margin-bottom: 24px;
  }
}

.bee999-loginglass {
  position: relative;
  background: #084c4d;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0 70px 0;
}
.bee999-loginglass__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url('img/bg1.jpg') center/cover no-repeat, radial-gradient(circle at 50% 0%, #ffe38a22 0, transparent 70%);
  opacity: 0.23;
  pointer-events: none;
  filter: blur(2px);
}
.bee999-loginglass__shell {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee999-loginglass__card {
  position: relative;
  margin: 0 auto;
  background: rgba(13, 58, 59, 0.74);
  border-radius: 32px;
  box-shadow:
    0 0 0 6px #fffbe70e,
    0 12px 80px 0 #ffe38a1e,
    0 2px 24px #084c4d44;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  backdrop-filter: blur(11px) saturate(160%);
  border: 1.8px solid #ffe38a31;
  padding: 38px 32px 44px 32px;
  animation: loginglass-pop 0.7s cubic-bezier(.22,.68,.39,1.19);
}
@keyframes loginglass-pop {
  0% { transform: scale(0.96) translateY(70px); opacity: 0; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}
.bee999-loginglass__crown {
  font-size: 2.5rem;
  color: #ffe38a;
  background: #084c4d;
  border-radius: 50%;
  box-shadow: 0 2px 16px #ffe38a55, 0 1px 5px #fffbe7a0;
  width: 67px; height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  position: relative;
  z-index: 2;
  animation: loginglass-crown 2s cubic-bezier(.77,.05,.3,.93) infinite alternate;
}
@keyframes loginglass-crown {
  0% { box-shadow: 0 2px 16px #ffe38a44; }
  100% { box-shadow: 0 2px 32px #ffe38a; }
}
.bee999-loginglass__content {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-loginglass__title {
  font-size: 2rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 22px #ffe38a35;
  margin-bottom: 13px;
  margin-top: 0;
}
.bee999-loginglass__subtitle {
  color: #fffbe7;
  font-size: 1.04rem;
  font-weight: 600;
  letter-spacing: 0.7px;
  display: block;
  margin-top: 3px;
}
.bee999-loginglass__desc {
  color: #f9ecd9;
  font-size: 1.06rem;
  margin-bottom: 22px;
;
  opacity: 0.99;
}
.bee999-loginglass__perks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 33px;
}
.bee999-loginglass__perk {
  background: linear-gradient(99deg, #ffe38a 55%, #fffbe7 110%);
  color: #084c4d;
  border-radius: 11px;
  padding: 8px 18px;
  font-weight: 800;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 9px #ffe38a18;
  transition: transform 0.19s cubic-bezier(.47,.98,.53,.99);
}
.bee999-loginglass__perk i {
  color: #b38626;
  font-size: 1.17em;
}
.bee999-loginglass__perk:hover {
  transform: scale(1.07) translateY(-2px);
  background: linear-gradient(120deg, #ffe38a 65%, #c59d5f 120%);
}
.bee999-loginglass__actions {
  display: flex;
  gap: 18px;
  width: 100%;
  justify-content: center;
}
.bee999-loginglass-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 16px 44px 16px 30px;
  background: linear-gradient(99deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.12rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 36px 0 rgba(255, 215, 0, 0.17);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
  z-index: 2;
}
.bee999-loginglass-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.16);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-loginglass-btn:hover .bee999-loginglass-btn__shine,
.bee999-loginglass-btn:focus .bee999-loginglass-btn__shine {
  left: 200%;
}
.bee999-loginglass-btn:hover,
.bee999-loginglass-btn:focus {
  transform: translateY(-5px) scale(1.09);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.21);
}
.bee999-loginglass-btn i {
  font-size: 1.14em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-loginglass-btn--secondary {
  background: linear-gradient(90deg, #fffbe7 0%, #ffe38a 100%);
  color: #b38626;
  border: 2px solid #ffe38a6c;
}

.bee999-loginglass__sideglow {
  position: absolute;
  right: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  height: 220px;
  background: radial-gradient(circle at 10% 60%, #ffe38a 0%, transparent 84%);
  filter: blur(22px);
  z-index: 1;
  pointer-events: none;
  opacity: 0.42;
}
.bee999-loginglass__secure {
  position: absolute;
  left: 50%;
  bottom: -36px;
  transform: translateX(-50%);
  background: #ffe38a;
  color: #084c4d;
  border-radius: 18px;
  padding: 8px 22px;
  font-weight: 700;
  font-size: 1.03rem;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 16px #ffe38a33;
  z-index: 4;
  animation: loginglass-secure 2.7s cubic-bezier(.8,.24,.5,.98) infinite alternate;
}
.bee999-loginglass__secure i {
  color: #b38626;
  font-size: 1.23em;
}

@media (max-width: 768px) {
  .bee999-loginglass {
    padding: 32px 0 32px 0;
    min-height: 80vh;
  }
  .bee999-loginglass__card {
    max-width: 99vw;
    padding: 24px 6vw 27px 6vw;
    border-radius: 14px;
  }
  .bee999-loginglass__crown {
    font-size: 2rem;
    width: 50px; height: 50px;
    margin-bottom: 12px;
  }
  .bee999-loginglass__sideglow {
    display: none;
  }
  .bee999-loginglass__perks {
    gap: 7px;
    margin-bottom: 19px;
  }
  .bee999-loginglass-btn {
    width: 100%;
    max-width: 330px;
    justify-content: center;
    font-size: 1.07rem;
    padding: 14px 0;
  }
  .bee999-loginglass__actions {
    flex-direction: column;
    gap: 11px;
  }
  .bee999-loginglass__secure {
    font-size: 0.97rem;
    padding: 7px 10vw;
    border-radius: 13px;
    left: 50%;
    bottom: -22px;
    transform: translateX(-50%);
  }
}

.bee999-loginaccess {
  background: linear-gradient(111deg, #fffbe7 0%, #f7faf7 100%);
  position: relative;
  padding: 90px 0 90px 0;
  overflow: hidden;
}
.bee999-loginaccess__decor {
  opacity: 0.11;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-loginaccess__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 34px;
  position: relative;
  z-index: 2;
  box-shadow: 0 12px 44px 0 #084c4d16;
  background: rgba(255, 255, 255, 0.76);
  padding: 0 16px;
}
.bee999-loginaccess__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.bee999-loginaccess__visual {
  flex: 1 1 44%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0 32px 0;
}
.bee999-loginaccess__iconstack {
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-end;
  animation: loginaccess-stackup 1.9s cubic-bezier(.45,.09,.5,1.25) 1;
}
@keyframes loginaccess-stackup {
  0% { transform: translateY(42px) scale(0.98); opacity: 0.2;}
  100% { transform: translateY(0) scale(1); opacity: 1;}
}
.bee999-loginaccess__iconcard {
  width: 70px; height: 70px;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 6px 22px #ffe38a33, 0 1.5px 7px #084c4d1a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.14rem;
  color: #084c4d;
  position: relative;
  transition: transform 0.2s cubic-bezier(.42,.71,.61,.92), box-shadow 0.19s;
}
.bee999-loginaccess__iconcard--gold {
  background: linear-gradient(99deg, #ffe38a 55%, #fffbe7 120%);
  color: #084c4d;
  box-shadow: 0 8px 29px #ffe38a52, 0 1.5px 7px #084c4d12;
  z-index: 4;
  animation: loginaccess-pop 2s cubic-bezier(.68,.12,.44,.97) infinite alternate;
}
@keyframes loginaccess-pop {
  0% { box-shadow: 0 8px 29px #ffe38a52; }
  100% { box-shadow: 0 18px 52px #ffe38a88; }
}
.bee999-loginaccess__iconcard--blue {
  background: linear-gradient(98deg, #e7f7fa 60%, #b8e0f7 130%);
  color: #084c4d;
  z-index: 3;
}
.bee999-loginaccess__iconcard--white {
  background: #fffbe7;
  color: #b38626;
  z-index: 2;
}
.bee999-loginaccess__iconcard--bonus {
  background: linear-gradient(98deg, #ffe38a 70%, #fffbe7 120%);
  color: #ba7a06;
  z-index: 1;
}
.bee999-loginaccess__iconcard:hover {
  transform: scale(1.13) rotate(-4deg);
  box-shadow: 0 16px 39px #ffe38a77;
}
.bee999-loginaccess__content {
  flex: 1 1 56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: flex-start;
  padding: 36px 44px 36px 52px;
  color: #084c4d;
}
.bee999-loginaccess__title {
  font-size: 2.13rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #084c4d;
  margin-bottom: 17px;
  text-shadow: 0 7px 22px #ffe38a15;
}
.bee999-loginaccess__desc {
  color: #304e53;
  font-size: 1.12rem;
  margin-bottom: 28px;
  opacity: 0.97;
}
.bee999-loginaccess__features {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 32px;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.bee999-loginaccess__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(94deg, #ffe38a 58%, #c59d5f 110%);
  color: #084c4d;
  font-weight: 700;
  font-size: 1.04rem;
  border-radius: 10px;
  padding: 10px 19px;
  box-shadow: 0 2px 10px 0 #ffe38a1d;
}
.bee999-loginaccess__features i {
  color: #c59d5f;
  font-size: 1.15em;
}
.bee999-loginaccess__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-loginaccess-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 16px 44px 16px 30px;
  background: linear-gradient(99deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 36px 0 rgba(255, 215, 0, 0.16);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.23s;
  text-decoration: none;
  z-index: 2;
}
.bee999-loginaccess-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.17);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-loginaccess-btn:hover .bee999-loginaccess-btn__shine,
.bee999-loginaccess-btn:focus .bee999-loginaccess-btn__shine {
  left: 200%;
}
.bee999-loginaccess-btn:hover,
.bee999-loginaccess-btn:focus {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.16);
}
.bee999-loginaccess-btn i {
  font-size: 1.16em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Responsive: Mobile first, stack, all center */
@media (max-width: 1050px) {
  .bee999-loginaccess__main {
    flex-direction: column;
    border-radius: 16px;
    padding: 0 3vw;
    min-height: unset;
  }
  .bee999-loginaccess__visual, .bee999-loginaccess__content {
    align-items: center;
    text-align: center;
    padding: 28px 2vw 10px 2vw;
  }
  .bee999-loginaccess__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-loginaccess {
    padding: 44px 0 54px 0;
  }
  .bee999-loginaccess__container {
    padding: 0 2px;
    border-radius: 11px;
  }
  .bee999-loginaccess__main {
    flex-direction: column;
    border-radius: 9px;
  }
  .bee999-loginaccess__visual, .bee999-loginaccess__content {
    padding: 12px 2vw 6px 2vw;
    align-items: center;
    text-align: center;
  }
  .bee999-loginaccess__iconstack {
    flex-direction: row;
    gap: 13px;
    margin: 0 auto 18px auto;
    align-items: center;
    justify-content: center;
  }
  .bee999-loginaccess__iconcard {
    width: 48px; height: 48px;
    font-size: 1.4rem;
    border-radius: 11px;
  }
  .bee999-loginaccess-btn {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    font-size: 1rem;
    padding: 14px 0;
  }
  .bee999-loginaccess__actions {
    flex-direction: column;
    gap: 13px;
  }
}
.bee999-confidence {
  background: linear-gradient(111deg, #e8fff1 0%, #e1f7ef 100%);
  position: relative;
  padding: 72px 0 82px 0;
  overflow: hidden;
}
.bee999-confidence__bg {
  background: url('img/bg.png') center/cover no-repeat;
  opacity: 0.13;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-confidence__container {
  margin: 0 auto;
  border-radius: 27px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  box-shadow: 0 12px 44px 0 #084c4d13;
  background: rgba(255,255,255,0.97);
  padding: 0 16px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-confidence__visual {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-confidence__img {
  object-fit: contain;
  margin: 0 auto;
  filter: drop-shadow(0 10px 36px #00b98623);
  border-radius: 21px;
  background: #e9f9f3;
}
.bee999-confidence__shield,
.bee999-confidence__fingerprint {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 10px 7px 0 7px;
  padding: 8px 19px;
  font-weight: 700;
  font-size: 1.01rem;
  background: linear-gradient(95deg, #8cffd7 60%, #33de8c 130%);
  color: #084c4d;
  border-radius: 13px;
  box-shadow: 0 2px 10px #00b98618;
}
.bee999-confidence__shield i,
.bee999-confidence__fingerprint i {
  color: #2cbe7c;
  font-size: 1.22em;
}
.bee999-confidence__content {
  width: 100%;
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-confidence__title {
  font-size: 2.05rem;
  font-weight: 900;
  color: #137968;
  margin-bottom: 14px;
  text-shadow: 0 7px 22px #00b98615;
}
.bee999-confidence__desc {
  color: #20604d;
  font-size: 1.14rem;
  margin-bottom: 21px;

  opacity: 0.99;
  max-width: 1200px;
}
.bee999-confidence__features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 29px;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.bee999-confidence__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(92deg, #d9ffe7 60%, #33de8c 120%);
  color: #08584d;
  font-weight: 700;
  font-size: 1.01rem;
  border-radius: 9px;
  padding: 8px 15px;
  box-shadow: 0 2px 8px 0 #00b98614;
}
.bee999-confidence__features i {
  color: #11b072;
  font-size: 1.13em;
}
.bee999-confidence__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-confidence-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 15px 38px 15px 28px;
  background: linear-gradient(99deg, #33de8c 0%, #8cffd7 100%);
  color: #08584d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 13px;
  box-shadow: 0 10px 34px 0 #00b98618;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-confidence-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.13);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-confidence-btn:hover .bee999-confidence-btn__shine,
.bee999-confidence-btn:focus .bee999-confidence-btn__shine {
  left: 200%;
}
.bee999-confidence-btn:hover,
.bee999-confidence-btn:focus {
  transform: translateY(-3px) scale(1.06);
  box-shadow: 0 15px 44px 0 #00b98623;
}
.bee999-confidence-btn i {
  font-size: 1.13em;
  color: #25d09a;
  z-index: 2;
  position: relative;
}

/* Responsive: All Centered on Mobile */
@media (max-width: 768px) {
  .bee999-confidence {
    padding: 34px 0 34px 0;
  }
  .bee999-confidence__container {
    padding: 0 2vw 9px 2vw;
    border-radius: 13px;
    box-shadow: 0 8px 24px 0 #00b98618;
  }
  .bee999-confidence__visual {
    padding-top: 10px;
  }
  .bee999-confidence__img {
    width: 38vw; min-width: 110px; max-width: 200px;
    height: auto;
  }
  .bee999-confidence__content {
    margin-top: 14px;
  }
  .bee999-confidence__title {
    font-size: 1.21rem;
    margin-bottom: 7px;
  }
  .bee999-confidence-btn {
    width: 100%;
    max-width: 310px;
    justify-content: center;
    font-size: 1.01rem;
    padding: 13px 0;
  }
}

.bee999-loginperks {
  background: linear-gradient(104deg, #084c4d 65%, #084c4d 100%);
  position: relative;
  padding: 82px 0 84px 0;
  overflow: hidden;
}
.bee999-loginperks__decor {
  opacity: 0.10;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-loginperks__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 32px;
  position: relative;
  z-index: 2;
  box-shadow: 0 12px 42px 0 #084c4d11;
  background: rgba(255,255,255,0.97);
  padding: 0 16px;
}
.bee999-loginperks__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.bee999-loginperks__visual {
  flex: 1 1 44%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 0 38px 0;
  position: relative;
}
.bee999-loginperks__img {
  object-fit: contain;
  background: #fff9db;
  border-radius: 18px;
  box-shadow: 0 4px 26px #ffe38a27;
  margin-bottom: 20px;
  margin-right: 8px;
  animation: loginperks-chestpop 1.4s cubic-bezier(.55,.02,.38,1.09);
}
@keyframes loginperks-chestpop {
  0% { transform: scale(0.85) translateY(36px); opacity: 0.1;}
  100% { transform: scale(1) translateY(0); opacity: 1;}
}
.bee999-loginperks__badge {
  background: linear-gradient(91deg, #ffe38a 50%, #fffbe7 130%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.01rem;
  padding: 8px 19px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 11px #ffe38a18;
  margin: 0 0 10px 0;
  min-width: 125px;
  justify-content: flex-start;
  transition: box-shadow 0.16s;
}
.bee999-loginperks__badge--glow {
  box-shadow: 0 8px 28px #ffe38a88, 0 2px 11px #ffe38a30;
  animation: loginperks-badgeglow 1.7s alternate infinite cubic-bezier(.32,.72,.46,.94);
}
@keyframes loginperks-badgeglow {
  0% { box-shadow: 0 8px 28px #ffe38a55, 0 2px 11px #ffe38a30; }
  100% { box-shadow: 0 22px 48px #ffe38a99, 0 2px 11px #ffe38a45; }
}
.bee999-loginperks__badge i {
  color: #b38626;
  font-size: 1.21em;
}
.bee999-loginperks__content {
  flex: 1 1 56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 54px 54px 54px 48px;
  text-align: center;
  color: #084c4d;
}
.bee999-loginperks__title {
  font-size: 2.12rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #b38626;
  margin-bottom: 18px;
  text-shadow: 0 7px 22px #ffe38a16;
}
.bee999-loginperks__desc {
  color: #4d4219;
  font-size: 1.13rem;
  margin-bottom: 28px;
  opacity: 0.97;
}
.bee999-loginperks__features {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
.bee999-loginperks__features li {
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(93deg, #fffbe7 65%, #ffe38a 120%);
  color: #b38626;
  font-weight: 700;
  font-size: 1.02rem;
  border-radius: 9px;
  padding: 8px 15px;
  box-shadow: 0 2px 7px 0 #ffe38a12;
}
.bee999-loginperks__features i {
  color: #b38626;
  font-size: 1.14em;
}
.bee999-loginperks__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-loginperks-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 42px 16px 30px;
  background: linear-gradient(99deg, #ffe38a 0%, #fffbe7 100%);
  color: #b38626;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 34px 0 #ffe38a22;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.19s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-loginperks-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-loginperks-btn:hover .bee999-loginperks-btn__shine,
.bee999-loginperks-btn:focus .bee999-loginperks-btn__shine {
  left: 200%;
}
.bee999-loginperks-btn:hover,
.bee999-loginperks-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 18px 54px 0 #ffe38a26;
}
.bee999-loginperks-btn i {
  font-size: 1.13em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Responsive: Mobile first, all centered, img above content */
@media (max-width: 1050px) {
  .bee999-loginperks__main {
    flex-direction: column;
    border-radius: 13px;
    padding: 0 3vw;
  }
  .bee999-loginperks__visual, .bee999-loginperks__content {
    align-items: center;
    text-align: center;
    padding: 22px 2vw 10px 2vw;
  }
  .bee999-loginperks__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-loginperks {
    padding: 36px 0 36px 0;
  }
  .bee999-loginperks__container {
    padding: 0 2vw;
    border-radius: 9px;
  }
  .bee999-loginperks__main {
    flex-direction: column;
    border-radius: 6px;
  }
  .bee999-loginperks__visual, .bee999-loginperks__content {
    padding: 10px 2vw 7px 2vw;
    align-items: center;
    text-align: center;
  }
  .bee999-loginperks__img {
   
    height: auto;
    margin-right: 0;
  }
  .bee999-loginperks__badge {
    font-size: .92rem;
    padding: 7px 11px;
    min-width: 0;
    margin: 0 0 7px 0;
  }
  .bee999-loginperks-btn {
    width: 100%;
    max-width: 265px;
    justify-content: center;
    font-size: 1rem;
    padding: 13px 0;
  }
}


.bee999-app {
  position: relative;
  padding: 90px 0 90px 0;
  background: #084c4d;
  overflow: hidden;
}
.bee999-app__bg {
  background: url('img/bg1.jpg') center/cover no-repeat, radial-gradient(circle at 60% 30%, #ffe38a22 0, transparent 70%);
  opacity: 0.16;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-app__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 36px;
  position: relative;
  z-index: 2;
  box-shadow: 0 12px 54px 0 #ffe38a24;
  background: rgba(14, 56, 62, 0.98);
  padding: 0 18px;
}
.bee999-app__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.bee999-app__visual {
  flex: 1 1 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 46px 0 46px 0;
  min-width: 210px;
  position: relative;
}
.bee999-app__phonewrap {
  position: relative;
}
.bee999-app__phone {
  object-fit: contain;
  border-radius: 30px;
  box-shadow: 0 10px 44px #ffe38a19, 0 1.5px 6px #ffe38a21;
  background: #fffbe7;
}
.bee999-app__star {
  position: absolute;
  width: 23px; height: 23px;
  background: radial-gradient(circle at 60% 40%, #ffe38a 60%, #fffbe7 100%);
  border-radius: 50%;
  opacity: 0.76;
  filter: blur(1px);
  animation: bee999-starblink 1.7s infinite alternate;
  z-index: 3;
}
.bee999-app__star--one { top: 7%; left: 84%; animation-delay: 0.2s;}
.bee999-app__star--two { top: 86%; left: 13%; animation-delay: 1s;}
.bee999-app__star--three { top: 37%; left: 96%; width: 17px; height: 17px; animation-delay: 0.4s;}
@keyframes bee999-starblink {
  0% { opacity: 0.78; transform: scale(1);}
  100% { opacity: 0.36; transform: scale(1.13);}
}
.bee999-app__rating {
  margin-top: 25px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(91deg, #ffe38a 50%, #fffbe7 120%);
  color: #b38626;
  font-weight: 800;
  font-size: 1.17rem;
  border-radius: 13px;
  padding: 8px 23px;
  box-shadow: 0 2px 12px #ffe38a24;
}
.bee999-app__rating i {
  color: #ffe38a;
  font-size: 1.21em;
}
.bee999-app__rating-txt {
  font-weight: 600;
  color: #084c4d;
  font-size: 1.01rem;
  margin-left: 8px;
  opacity: 0.72;
}
.bee999-app__content {
  flex: 1 1 52%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 58px 54px 54px 40px;
  color: #fffbe7;
}
.bee999-app__title {
  font-size: 2.22rem;
  font-weight: 900;
  color: #ffe38a;
  text-shadow: 0 7px 28px #ffe38a1f;
  margin-bottom: 19px;
;
}
.bee999-app__title span {
  color: #fffbe7;
  font-size: 1.19rem;
  font-weight: 700;
  letter-spacing: 0.7px;
}
.bee999-app__desc {
  color: #f8ecd7;
  font-size: 1.15rem;
  margin-bottom: 32px;

  opacity: 0.98;
}
.bee999-app__actions {
  width: 100%;
  display: flex;
  gap: 22px;
  justify-content: center;
}
.bee999-app-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 52px 18px 38px;
  background: linear-gradient(99deg, #ffe38a 0%, #c59d5f 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.15rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 14px 38px 0 rgba(255, 215, 0, 0.16);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-app-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-app-btn:hover .bee999-app-btn__shine,
.bee999-app-btn:focus .bee999-app-btn__shine {
  left: 200%;
}
.bee999-app-btn:hover,
.bee999-app-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 18px 54px 0 rgba(255,227,138,0.17);
}
.bee999-app-btn i {
  font-size: 1.23em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-app-btn--secondary {
  background: linear-gradient(90deg, #fffbe7 0%, #ffe38a 100%);
  color: #b38626;
  border: 2px solid #ffe38a77;
}
@media (max-width: 1050px) {
  .bee999-app__main {
    flex-direction: column;
    border-radius: 15px;
    padding: 0 2vw;
  }
  .bee999-app__visual, .bee999-app__content {
    align-items: center;
    text-align: center;
    padding: 28px 2vw 14px 2vw;
  }
  .bee999-app__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-app {
    padding: 40px 0 40px 0;
  }
  .bee999-app__container {
    padding: 0 2px;
    border-radius: 11px;
  }
  .bee999-app__main {
    flex-direction: column;
    border-radius: 10px;
  }
  .bee999-app__visual, .bee999-app__content {
    padding: 16px 2vw 10px 2vw;
    align-items: center;
    text-align: center;
  }
  .bee999-app__phonewrap {
    width: 110px; height: 222px;
  }
  .bee999-app__phone {
    height: 222px;
    border-radius: 18px;
  }
  .bee999-app__actions {
    flex-direction: column;
    gap: 13px;
  }
  .bee999-app-btn {
    width: 100%;
    max-width: 315px;
    justify-content: center;
    font-size: 1.03rem;
    padding: 13px 0;
  }
}

.bee999-mobileperf {
  background: linear-gradient(100deg, #fffbe7 65%, #e6fff6 100%);
  position: relative;
  padding: 82px 0 92px 0;
  overflow: hidden;
}
.bee999-mobileperf__bg {
  opacity: 0.11;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-mobileperf__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 38px;
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,0.97);
  box-shadow: 0 12px 44px 0 #1e746014;
  padding: 0 18px;
}
.bee999-mobileperf__main {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
}
.bee999-mobileperf__left {
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  padding: 60px 28px 54px 40px;
  color: #065b4b;
  min-width: 240px;
}
.bee999-mobileperf__title {
  font-size: 2.12rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #05816c;
  margin-bottom: 16px;
  text-shadow: 0 7px 19px #11d9a52a;
}
.bee999-mobileperf__desc {
  color: #226a5b;
  font-size: 1.13rem;
  margin-bottom: 25px;
  max-width: 420px;
  opacity: 0.97;
}

.bee999-mobileperf__left h3 {
  text-align: center;
  width: 100%;
}

.bee999-mobileperf__actions {
  margin-bottom: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-mobileperf-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 38px 16px 26px;
  background: linear-gradient(99deg, #16e597 0%, #fffbe7 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 34px 0 #11d9a518;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.19s;
  text-decoration: none;
  z-index: 2;
}
.bee999-mobileperf-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-mobileperf-btn:hover .bee999-mobileperf-btn__shine,
.bee999-mobileperf-btn:focus .bee999-mobileperf-btn__shine {
  left: 200%;
}
.bee999-mobileperf-btn:hover,
.bee999-mobileperf-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 18px 44px 0 #19e5a123;
}
.bee999-mobileperf-btn i {
  font-size: 1.19em;
  color: #06ae7c;
  z-index: 2;
  position: relative;
}
.bee999-mobileperf__features {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: center;
  margin-top: 10px;
  padding: 0;
  list-style: none;
}
.bee999-mobileperf__features li {
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(91deg, #e3fff1 65%, #fffbe7 120%);
  color: #05a57e;
  font-weight: 700;
  font-size: 1.01rem;
  border-radius: 8px;
  padding: 8px 13px;
  box-shadow: 0 2px 7px 0 #09d99111;
}
.bee999-mobileperf__features i {
  color: #06ae7c;
  font-size: 1.11em;
}
.bee999-mobileperf__center {
  flex: 0 0 33%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 30px 14px 30px 14px;
}
.bee999-mobileperf__img {
  object-fit: contain;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 6px 36px #00b98613;
  z-index: 2;
  position: relative;
}
.bee999-mobileperf__circle-glow {
  position: absolute;
  left: 50%; top: 60%;
  transform: translate(-50%, -50%);
  width: 184px; height: 184px;
  border-radius: 50%;
  background: radial-gradient(circle, #16e59722 0%, transparent 70%);
  filter: blur(4px);
  z-index: 1;
  pointer-events: none;
}
.bee999-mobileperf__right {
  flex: 1 1 23%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 22px;
  padding: 60px 40px 54px 28px;
  min-width: 220px;
}
.bee999-mobileperf__card {
  background: linear-gradient(98deg, #16e597 80%, #fffbe7 120%);
  color: #065b4b;
  border-radius: 13px;
  
  width: 100%;
  box-shadow: 0 2px 17px #16e59714;
  font-weight: 900;
  font-size: 1.01rem;
  padding: 13px 21px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 170px;
  animation: mobileperf-cardfade 0.9s ease;
}
@keyframes mobileperf-cardfade {
  0% { transform: translateY(25px) scale(0.97); opacity: 0;}
  100% { transform: translateY(0) scale(1); opacity: 1;}
}
.bee999-mobileperf__card i {
  color: #fffbe7;
  background: #06ae7c;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.21em;
  box-shadow: 0 1px 8px #05a57e55;
}

@media (max-width: 1050px) {
  .bee999-mobileperf__main {
    flex-direction: column;
    border-radius: 13px;
    padding: 0 3vw;
  }
  .bee999-mobileperf__left, .bee999-mobileperf__center, .bee999-mobileperf__right {
    align-items: center;
    text-align: center;
    padding: 18px 2vw 8px 2vw;
    min-width: 0;
  }
  .bee999-mobileperf__right {
    gap: 14px;
    padding-top: 8px;
  }
  .bee999-mobileperf__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-mobileperf {
    padding: 36px 0 36px 0;
  }
  .bee999-mobileperf__container {
    padding: 0 2vw;
    border-radius: 11px;
  }
  .bee999-mobileperf__main {
    flex-direction: column;
    border-radius: 8px;
  }
  .bee999-mobileperf__left, .bee999-mobileperf__center, .bee999-mobileperf__right {
    padding: 10px 2vw 6px 2vw;
    align-items: center;
    text-align: center;
    min-width: 0;
  }
  .bee999-mobileperf__img {
    width: 80vw; max-width: 220px;
    height: auto;
  }
  .bee999-mobileperf__card {
    min-width: 120px;
    font-size: 0.97rem;
    padding: 10px 13px;
  }
  .bee999-mobileperf-btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
    font-size: 1rem;
    padding: 13px 0;
  }
  .bee999-mobileperf__features {
    gap: 9px;
  }
}

.bee999-appbonus {
  position: relative;
  background: linear-gradient(100deg, #e8fff1 75%, #ffe38a15 100%);
  padding: 82px 0 56px 0;
  overflow: hidden;
}
.bee999-appbonus__bg {
  background: url('img/bg.png') center/cover no-repeat;
  opacity: 0.13;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-appbonus__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-appbonus__content {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-appbonus__title {
  font-size: 2.08rem;
  font-weight: 900;
  color: #05816c;
  margin-bottom: 15px;
  letter-spacing: 1px;
  text-shadow: 0 7px 22px #0c786c21;
}
.bee999-appbonus__desc {
  color: #245e53;
  font-size: 1.16rem;
  margin-bottom: 20px;
  opacity: 0.96;
}
.bee999-appbonus__list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 29px;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.bee999-appbonus__list li {
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(91deg, #fffbe7 80%, #16e597 120%);
  color: #068b72;
  font-weight: 700;
  font-size: 1.02rem;
  border-radius: 11px;
  padding: 9px 15px;
  box-shadow: 0 2px 10px 0 #0c786c13;
  transition: transform 0.15s;
}
.bee999-appbonus__list li:hover {
  transform: scale(1.07);
  background: linear-gradient(95deg, #16e597 70%, #fffbe7 120%);
  color: #fff;
}
.bee999-appbonus__list i {
  color: #25d09a;
  font-size: 1.13em;
}
.bee999-appbonus__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-appbonus-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 16px 42px 16px 30px;
  background: linear-gradient(99deg, #16e597 0%, #fffbe7 100%);
  color: #055a45;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 13px;
  box-shadow: 0 10px 32px 0 #16e59717;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.21s;
  text-decoration: none;
  z-index: 2;
}
.bee999-appbonus-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.12);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-appbonus-btn:hover .bee999-appbonus-btn__shine,
.bee999-appbonus-btn:focus .bee999-appbonus-btn__shine {
  left: 200%;
}
.bee999-appbonus-btn:hover,
.bee999-appbonus-btn:focus {
  transform: translateY(-5px) scale(1.09);
  box-shadow: 0 18px 46px 0 #16e59733;
}
.bee999-appbonus-btn i {
  font-size: 1.14em;
  color: #16e597;
  z-index: 2;
  position: relative;
}
/* BOTTOM: Image Visual */
.bee999-appbonus__visual {
  width: 100%;
  margin: 30px auto 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee999-appbonus__img {
  object-fit: contain;
  border-radius: 18px;
  background: #e9f9f3;
  box-shadow: 0 3px 24px #16e59721;
  position: relative;
  z-index: 2;
}
.bee999-appbonus__spark {
  position: absolute;
  width: 27px; height: 27px;
  background: radial-gradient(circle at 60% 40%, #ffe38a 50%, #fffbe7 100%);
  border-radius: 50%;
  opacity: 0.58;
  filter: blur(1.3px);
  z-index: 1;
  animation: appbonus-sparkle 1.7s infinite alternate;
}
.bee999-appbonus__spark--one { top: 12%; left: 15%; animation-delay: 0.3s;}
.bee999-appbonus__spark--two { top: 52%; left: 79%; width: 19px; height: 19px; animation-delay: 0.8s;}
.bee999-appbonus__spark--three { top: 70%; left: 37%; width: 15px; height: 15px; animation-delay: 1.2s;}
@keyframes appbonus-sparkle {
  0% { opacity: 0.55; transform: scale(1);}
  100% { opacity: 0.21; transform: scale(1.12);}
}

/* Responsive: All centered on mobile */
@media (max-width: 768px) {
  .bee999-appbonus {
    padding: 30px 0 24px 0;
  }
  .bee999-appbonus__container {
    padding: 0 2vw 12px 2vw;
    border-radius: 14px;
  }
  .bee999-appbonus__content {
    padding-top: 24px;
    margin-bottom: 13px;
  }
  .bee999-appbonus__title {
    font-size: 1.21rem;
    margin-bottom: 8px;
  }
  .bee999-appbonus-btn {
    width: 100%;
    max-width: 260px;
    justify-content: center;
    font-size: 1rem;
    padding: 11px 0;
  }
  .bee999-appbonus__img {
    width: 48vw; min-width: 80px; max-width: 140px;
    height: auto;
  }
  .bee999-appbonus__visual {
    min-height: 70px;
    margin: 18px auto 0 auto;
  }
}

.bee999-easypay {
  background: #084c4d;
  position: relative;
  padding: 80px 0 70px 0;
  overflow: hidden;
}
.bee999-easypay__decor {
  opacity: 0.12;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-easypay__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: rgba(0,0,0,0.12);
  border-radius: 32px;
  box-shadow: 0 12px 40px 0 #1e74602e;
  padding: 0 20px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-easypay__content {
  width: 100%;
  text-align: center;
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
}
.bee999-easypay__title {
  font-size: 2.12rem;
  font-weight: 900;
  color: #ffe38a;
  margin-bottom: 18px;
  text-shadow: 0 7px 23px #ffe38a28;
  letter-spacing: 1px;
}
.bee999-easypay__desc {
  color: #fffbe7;
  font-size: 1.15rem;
  margin-bottom: 18px;
  
  opacity: 0.97;
}
.bee999-easypay__payments {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}
.bee999-easypay__payments span {
  border-radius: 11px;
  box-shadow: 0 2px 11px #ffe38a23;
  display: flex;
  align-items: center;
  transition: background 0.15s;
}
.bee999-easypay__payments img {
  height: 54px;
  background-color: white;
  border-radius: 20%;
  width: auto;
  display: block;
  filter: drop-shadow(0 2px 7px #ffe38a55);
}
.bee999-easypay__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-easypay-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 17px 42px 17px 30px;
  background: linear-gradient(99deg, #ffe38a 0%, #fffbe7 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 10px 32px 0 #ffe38a19;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.20s;
  text-decoration: none;
  z-index: 2;
}
.bee999-easypay-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-easypay-btn:hover .bee999-easypay-btn__shine,
.bee999-easypay-btn:focus .bee999-easypay-btn__shine {
  left: 200%;
}
.bee999-easypay-btn:hover,
.bee999-easypay-btn:focus {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 18px 40px 0 #ffe38a26;
}
.bee999-easypay-btn i {
  font-size: 1.18em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
/* Visual (bottom): Success check */
.bee999-easypay__visual {
  width: 100%;
  margin: 28px auto 0 auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 90px;
}
.bee999-easypay__img {
  width: 130px;
  height: 80px;
  object-fit: contain;
  border-radius: 15px;
  background: #fffbe7;
  box-shadow: 0 3px 14px #ffe38a1c;
  position: relative;
  z-index: 2;
}
.bee999-easypay__tick {
  position: absolute;
  right: 25px; bottom: 14px;
  background: linear-gradient(100deg, #16e597 70%, #fffbe7 120%);
  color: #065b4b;
  font-weight: 900;
  font-size: 1.45rem;
  border-radius: 50%;
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px #16e59739;
  z-index: 3;
  border: 3px solid #fffbe7;
  animation: easypay-tickpop 1.4s cubic-bezier(.55,.02,.38,1.09);
}
@keyframes easypay-tickpop {
  0% { transform: scale(0.76); opacity: 0.25;}
  100% { transform: scale(1); opacity: 1;}
}
/* Responsive: All centered on mobile */
@media (max-width: 768px) {
  .bee999-easypay {
    padding: 38px 0 34px 0;
  }
  .bee999-easypay__container {
    padding: 0 2vw 12px 2vw;
    border-radius: 14px;
  }
  .bee999-easypay__content {
    padding-top: 18px;
  }
  .bee999-easypay__title {
    font-size: 1.25rem;
    margin-bottom: 8px;
  }
  .bee999-easypay-btn {
    width: 100%;
    max-width: 250px;
    justify-content: center;
    font-size: 0.99rem;
    padding: 11px 0;
  }
  .bee999-easypay__img {
    width: 46vw; min-width: 60px; max-width: 120px;
    height: auto;
  }
  .bee999-easypay__visual {
    min-height: 44px;
    margin: 16px auto 0 auto;
  }
  .bee999-easypay__tick {
    width: 29px; height: 29px;
    font-size: 1.04rem;
    right: 11px; bottom: 5px;
    border-width: 2px;
  }
}
.bee999-bonusmain {
  position: relative;
  padding: 90px 0 80px 0;
  background: #084c4db8;
  overflow: hidden;
}
.bee999-bonusmain__bg {
  background: url('img/bg.png') center/cover no-repeat,
    radial-gradient(circle at 65% 70%, #fffbe7 0, #ffe38a 100%);
  opacity: 0.13;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-bonusmain__container {
  max-width: 720px;
  margin: 0 auto;
  border-radius: 26px;
  position: relative;
  z-index: 2;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 12px 44px 0 #ffe38a34;
  padding: 0 16px;
}
.bee999-bonusmain__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bee999-bonusmain__icons {
  display: flex;
  justify-content: center;
  gap: 19px;
  margin: 0 0 32px 0;
  flex-wrap: wrap;
}
.bee999-bonusmain__icon {
  background: linear-gradient(95deg, #fffbe7 70%, #ffe38a 130%);
  color: #b38626;
  border-radius: 14px;
  box-shadow: 0 2px 11px #ffe38a1b;
  padding: 13px 17px 7px 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 900;
  font-size: 1.22rem;
  min-width: 98px;
  transition: transform 0.16s, box-shadow 0.16s;
  animation: bee999-bonusicon-bounce 1.2s infinite alternate;
}
@keyframes bee999-bonusicon-bounce {
  0% { transform: translateY(0);}
  100% { transform: translateY(-8px);}
}
.bee999-bonusmain__icon i {
  font-size: 2.1em;
  margin-bottom: 6px;
  color: #b38626;
  text-shadow: 0 3px 8px #ffe38a33;
}
.bee999-bonusmain__icon span {
  font-size: 1.04rem;
  color: #b38626;
}
.bee999-bonusmain__content {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-bonusmain__title {
  font-size: 2.16rem;
  font-weight: 900;
  color: #b38626;
  text-shadow: 0 7px 20px #ffe38a25;
  margin-bottom: 19px;

}
.bee999-bonusmain__title span {
  color: #084c4d;
  font-size: 1.19rem;
  font-weight: 700;
  margin-left: 3px;
}
.bee999-bonusmain__desc {
  color: #7a5a1a;
  font-size: 1.17rem;
  margin-bottom: 32px;
  opacity: 0.97;
  max-width: 480px;
}
.bee999-bonusmain__actions {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.bee999-bonusmain-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 17px 50px 17px 35px;
  background: linear-gradient(99deg, #ffe38a 0%, #fffbe7 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 12px 32px 0 #ffe38a18;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.22s cubic-bezier(.42,.71,.61,.92), box-shadow 0.22s;
  text-decoration: none;
  z-index: 2;
}
.bee999-bonusmain-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.14);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-bonusmain-btn:hover .bee999-bonusmain-btn__shine,
.bee999-bonusmain-btn:focus .bee999-bonusmain-btn__shine {
  left: 200%;
}
.bee999-bonusmain-btn:hover,
.bee999-bonusmain-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 18px 52px 0 #ffe38a2c;
}
.bee999-bonusmain-btn i {
  font-size: 1.16em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-bonusmain-btn--secondary {
  background: linear-gradient(90deg, #fffbe7 0%, #ffe38a 100%);
  color: #b38626;
  border: 2px solid #ffe38a6a;
}
/* Responsive: Mobile all centered, icon row scrolls */
@media (max-width: 768px) {
  .bee999-bonusmain {
    padding: 40px 0 32px 0;
  }
  .bee999-bonusmain__container {
    border-radius: 13px;
    padding: 0 2vw;
  }
  .bee999-bonusmain__icons {
    gap: 9px;
    margin-bottom: 16px;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }

  .bee999-bonusmain__main {
    flex-direction: column-reverse;
  }

  .bee999-bonusmain__icon {
    min-width: 83px;
    padding: 8px 7px 3px 7px;
    font-size: 1.03rem;
  }
  .bee999-bonusmain__content {
    padding: 0;
  }
  .bee999-bonusmain__title {
    font-size: 1.16rem;
    margin-bottom: 7px;
  }
  .bee999-bonusmain__desc {
    font-size: 1.01rem;
    margin-bottom: 17px;
  }
  .bee999-bonusmain-btn {
    width: 100%;
    max-width: 240px;
    justify-content: center;
    font-size: 0.97rem;
    padding: 11px 0;
  }
  .bee999-bonusmain__actions {
    gap: 11px;
  }
}

.bee999-bonuscalendar {
  position: relative;
  padding: 74px 0 64px 0;
  background: #fff;
  overflow: hidden;
}
.bee999-bonuscalendar__bg {
  background: url('img/bg1.jpg') center/cover no-repeat;
  opacity: 0.09;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-bonuscalendar__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 30px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 9px 32px 0 #084c4d19;
  position: relative;
  z-index: 2;
  padding: 0 22px 28px 22px;
}
.bee999-bonuscalendar__content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bee999-bonuscalendar__title {
  font-size: 2.13rem;
  font-weight: 900;
  color: #084c4d;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  text-shadow: 0 7px 18px #11d9a53a;
}
.bee999-bonuscalendar__list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  width: 100%;
  text-align: left;
  display: inline-block;
}
.bee999-bonuscalendar__list li {
  background: linear-gradient(90deg, #f5faf7 90%, #e8fff1 100%);
  color: #144d4d;
  font-size: 1.07rem;
  font-weight: 500;
  border-radius: 11px;
  margin-bottom: 13px;
  padding: 14px 16px 14px 19px;
  display: flex;
  align-items: center;
  gap: 13px;
  box-shadow: 0 2px 9px #e8fff117;
  transition: background 0.17s, color 0.17s;
  position: relative;
}
.bee999-bonuscalendar__list li:last-child { margin-bottom: 0; }
.bee999-bonuscalendar__list strong { color: #05816c; }
.bee999-bonuscalendar__dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 2px;
}
.bee999-bonuscalendar__dot--blue { background: #31a7f3; box-shadow: 0 0 6px #31a7f333;}
.bee999-bonuscalendar__dot--green { background: #18d387; box-shadow: 0 0 6px #18d38744;}
.bee999-bonuscalendar__dot--gold { background: #ffe38a; box-shadow: 0 0 6px #ffe38a55;}
.bee999-bonuscalendar__dot--pink { background: #ff5ba8; box-shadow: 0 0 6px #ff5ba849;}
.bee999-bonuscalendar__actions {
  margin: 18px 0 22px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-bonuscalendar-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 46px 16px 28px;
  background: linear-gradient(99deg, #ffe38a 0%, #e8fff1 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.11rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px 22px 0 #ffe38a19;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.19s;
  text-decoration: none;
  z-index: 2;
}
.bee999-bonuscalendar-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-bonuscalendar-btn:hover .bee999-bonuscalendar-btn__shine,
.bee999-bonuscalendar-btn:focus .bee999-bonuscalendar-btn__shine {
  left: 200%;
}
.bee999-bonuscalendar-btn:hover,
.bee999-bonuscalendar-btn:focus {
  transform: translateY(-4px) scale(1.07);
  box-shadow: 0 16px 42px 0 #ffe38a26;
}
.bee999-bonuscalendar-btn i {
  font-size: 1.13em;
  color: #b38626;
  z-index: 2;
  position: relative;
}
.bee999-bonuscalendar__calendarvisual {
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee999-bonuscalendar__calendarvisual img {
  border-radius: 14px;
  background: #e8fff1;
  box-shadow: 0 2px 15px #11d9a511;
  object-fit: contain;
  z-index: 2;
  position: relative;
}
.bee999-bonuscalendar__pulse {
  position: absolute;
  border-radius: 50%;
  opacity: 0.42;
  pointer-events: none;
  animation: bee999-bonuscalendar-pulse 1.6s infinite alternate;
}
.bee999-bonuscalendar__pulse--1 {
  width: 65px; height: 65px;
  left: 17px; top: 12px;
  background: radial-gradient(circle, #ffe38a77 40%, transparent 80%);
  animation-delay: 0.2s;
}
.bee999-bonuscalendar__pulse--2 {
  width: 90px; height: 90px;
  left: 0; top: 0;
  background: radial-gradient(circle, #18d38766 40%, transparent 90%);
  animation-delay: 0.7s;
}
.bee999-bonuscalendar__pulse--3 {
  width: 35px; height: 35px;
  left: 55px; top: 38px;
  background: radial-gradient(circle, #31a7f341 40%, transparent 90%);
  animation-delay: 1.1s;
}
@keyframes bee999-bonuscalendar-pulse {
  0% { opacity: 0.19; transform: scale(1);}
  100% { opacity: 0.55; transform: scale(1.14);}
}

/* Mobile responsive: all centered */
@media (max-width: 768px) {
  .bee999-bonuscalendar {
    padding: 36px 0 25px 0;
  }
  .bee999-bonuscalendar__container {
    border-radius: 13px;
    padding: 0 2vw 14px 2vw;
  }
  .bee999-bonuscalendar__title {
    font-size: 1.19rem;
    margin-bottom: 9px;
  }
  .bee999-bonuscalendar__list {
    font-size: 0.97rem;
    max-width: 99vw;
  }
  .bee999-bonuscalendar__list li {
    font-size: 0.97rem;
    padding: 10px 8px 10px 13px;
    margin-bottom: 8px;
    gap: 8px;
  }
  .bee999-bonuscalendar__calendarvisual {
    margin-top: 10px;
    width: 75px;
  }
  .bee999-bonuscalendar__calendarvisual img {
    width: 75px; height: 62px; border-radius: 7px;
  }
}

.bee999-slotpromos {
  background: #084c4d;
  position: relative;
  padding: 80px 0 80px 0;
  overflow: hidden;
}
.bee999-slotpromos__bg {
  
  opacity: 0.09;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-slotpromos__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 30px;
  background: rgba(255,255,255,0.07);
  box-shadow: 0 10px 44px 0 #0c786c35;
  position: relative;
  z-index: 2;
  padding: 0 14px;
}
.bee999-slotpromos__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.bee999-slotpromos__visual {
  flex: 1 1 42%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 36px 0 36px 0;
  min-width: 220px;
  position: relative;
}
.bee999-slotpromos__img {
  object-fit: contain;
  background: #fffbe7;
  border-radius: 18px;
  box-shadow: 0 4px 26px #ffe38a1b;
  margin-bottom: 24px;
  z-index: 2;
  position: relative;
}
.bee999-slotpromos__badge {
  position: absolute;
  left: 17px;
  background: linear-gradient(98deg, #ffe38a 70%, #fffbe7 130%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.01rem;
  padding: 8px 18px;
  border-radius: 13px;
  box-shadow: 0 2px 11px #ffe38a18;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  animation: slotpromos-badgepop 1.5s alternate infinite;
}
@keyframes slotpromos-badgepop {
  0% { transform: scale(1);}
  100% { transform: scale(1.13);}
}
.bee999-slotpromos__badge--spins { top: 23px;}
.bee999-slotpromos__badge--race { top: 69px;}
.bee999-slotpromos__badge--mult { top: 115px;}
.bee999-slotpromos__badge i {
  color: #b38626;
  font-size: 1.14em;
}
.bee999-slotpromos__content {
  flex: 1 1 58%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  padding: 54px 50px 54px 36px;
  color: #fffbe7;
}
.bee999-slotpromos__title {
  font-size: 2.13rem;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #ffe38a;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
  text-shadow: 0 7px 22px #ffe38a18;
}
.bee999-slotpromos__list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bee999-slotpromos__list li {
  display: flex;
  align-items: center;
  gap: 13px;
  background: linear-gradient(90deg, #0a686b 80%, #ffe38a22 100%);
  color: #fffbe7;
  font-size: 1.11rem;
  font-weight: 500;
  border-radius: 11px;
  padding: 14px 16px 14px 19px;
  box-shadow: 0 2px 9px #e8fff12c;
}
.bee999-slotpromos__list strong { color: #ffe38a; }
.bee999-slotpromos__dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 2px;
}
.bee999-slotpromos__dot--gold { background: #ffe38a; box-shadow: 0 0 6px #ffe38a75;}
.bee999-slotpromos__dot--blue { background: #31a7f3; box-shadow: 0 0 6px #31a7f377;}
.bee999-slotpromos__dot--green { background: #18d387; box-shadow: 0 0 6px #18d38744;}
.bee999-slotpromos__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bee999-slotpromos-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 17px 50px 17px 35px;
  background: linear-gradient(99deg, #ffe38a 0%, #fffbe7 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 10px 34px 0 #ffe38a21;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.21s cubic-bezier(.42,.71,.61,.92), box-shadow 0.20s;
  text-decoration: none;
  z-index: 2;
}
.bee999-slotpromos-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.15);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-slotpromos-btn:hover .bee999-slotpromos-btn__shine,
.bee999-slotpromos-btn:focus .bee999-slotpromos-btn__shine {
  left: 200%;
}
.bee999-slotpromos-btn:hover,
.bee999-slotpromos-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 16px 42px 0 #ffe38a36;
}
.bee999-slotpromos-btn i {
  font-size: 1.13em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Responsive: All centered and stacked on mobile */
@media (max-width: 1050px) {
  .bee999-slotpromos__main {
    flex-direction: column;
    border-radius: 12px;
    padding: 0 2vw;
  }
  .bee999-slotpromos__visual, .bee999-slotpromos__content {
    align-items: center;
    text-align: center;
    padding: 18px 2vw 9px 2vw;
  }
  .bee999-slotpromos__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-slotpromos {
    padding: 38px 0 32px 0;
  }
  .bee999-slotpromos__container {
    padding: 0 2vw;
    border-radius: 12px;
  }
  .bee999-slotpromos__main {
    flex-direction: column;
    border-radius: 8px;
  }
  .bee999-slotpromos__img {
    width: 65vw; min-width: 90px; max-width: 180px;
    height: auto;
  }
  .bee999-slotpromos__badge {
    left: 9px;
    font-size: .92rem;
    padding: 7px 10px;
    min-width: 0;
  }
  .bee999-slotpromos__content {
    padding: 7px 2vw 10px 2vw;
    align-items: center;
    text-align: center;
  }
  .bee999-slotpromos__title {
    font-size: 1.17rem;
    margin-bottom: 8px;
  }
  .bee999-slotpromos__list {
    gap: 7px;
    font-size: 0.97rem;
    padding: 0;
    margin: 0 0 16px 0;
  }
  .bee999-slotpromos-btn {
    width: 100%;
    max-width: 230px;
    justify-content: center;
    font-size: 0.97rem;
    padding: 11px 0;
  }
}
.bee999-crashbet {
  background: #1b6e6f;
  position: relative;
  padding: 78px 0 74px 0;
  overflow: hidden;
}
.bee999-crashbet__bg {
  
  opacity: 0.09;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.bee999-crashbet__container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 30px;
  
  
  position: relative;
  z-index: 2;
  padding: 0 14px;
}
.bee999-crashbet__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.bee999-crashbet__content {
  flex: 1 1 57%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 34px 50px 52px;
  color: #fffbe7;
}
.bee999-crashbet__title {
  font-size: 2.15rem;
  font-weight: 900;
  color: #ffe38a;
  margin-bottom: 21px;
  letter-spacing: 0.6px;
  text-shadow: 0 7px 22px #ffe38a17;
}
.bee999-crashbet__list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bee999-crashbet__list li {
  display: flex;
  align-items: center;
  gap: 13px;
  background: linear-gradient(90deg, #0a686b 90%, #ffe38a22 100%);
  color: #fffbe7;
  font-size: 1.13rem;
  font-weight: 500;
  border-radius: 11px;
  padding: 14px 16px 14px 19px;
  box-shadow: 0 2px 9px #e8fff125;
}
.bee999-crashbet__list strong { color: #ffe38a; }
.bee999-crashbet__dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 2px;
}
.bee999-crashbet__dot--gold { background: #ffe38a; box-shadow: 0 0 6px #ffe38a75;}
.bee999-crashbet__dot--blue { background: #31a7f3; box-shadow: 0 0 6px #31a7f377;}
.bee999-crashbet__dot--green { background: #18d387; box-shadow: 0 0 6px #18d38755;}
.bee999-crashbet__actions {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.bee999-crashbet-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 17px 48px 17px 35px;
  background: linear-gradient(99deg, #ffe38a 0%, #fffbe7 100%);
  color: #084c4d;
  font-weight: 900;
  font-size: 1.13rem;
  border: none;
  border-radius: 15px;
  box-shadow: 0 10px 34px 0 #ffe38a1b;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.20s cubic-bezier(.42,.71,.61,.92), box-shadow 0.19s;
  text-decoration: none;
  z-index: 2;
}
.bee999-crashbet-btn__shine {
  position: absolute;
  top: 0; left: -120%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.14);
  transform: skewX(-20deg);
  transition: all 0.5s;
  pointer-events: none;
  z-index: 1;
}
.bee999-crashbet-btn:hover .bee999-crashbet-btn__shine,
.bee999-crashbet-btn:focus .bee999-crashbet-btn__shine {
  left: 200%;
}
.bee999-crashbet-btn:hover,
.bee999-crashbet-btn:focus {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 16px 42px 0 #ffe38a30;
}
.bee999-crashbet-btn i {
  font-size: 1.16em;
  color: #b38626;
  z-index: 2;
  position: relative;
}

/* Right: Visual */
.bee999-crashbet__visual {
  flex: 1 1 43%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px 0 30px 0;
}
.bee999-crashbet__img {
  
  object-fit: contain;
  background: #fffbe7;
  border-radius: 20px;
  box-shadow: 0 4px 22px #ffe38a25;
  z-index: 2;
  position: relative;
}
.bee999-crashbet__flare {
  position: absolute;
  border-radius: 50%;
  opacity: 0.28;
  pointer-events: none;
  animation: crashbet-flare 1.8s infinite alternate;
}
.bee999-crashbet__flare--one {
  width: 60px; height: 60px;
  right: 9px; top: 16px;
  background: radial-gradient(circle, #ffe38a88 40%, transparent 90%);
  animation-delay: 0.4s;
}
.bee999-crashbet__flare--two {
  width: 30px; height: 30px;
  right: 50px; bottom: 14px;
  background: radial-gradient(circle, #31a7f377 40%, transparent 90%);
  animation-delay: 1s;
}
@keyframes crashbet-flare {
  0% { opacity: 0.18; transform: scale(1);}
  100% { opacity: 0.47; transform: scale(1.16);}
}

/* Responsive: All centered and stacked on mobile */
@media (max-width: 1050px) {
  .bee999-crashbet__main {
    flex-direction: column-reverse;
    border-radius: 12px;
    padding: 0 2vw;
  }
  .bee999-crashbet__visual, .bee999-crashbet__content {
    align-items: center;
    text-align: center;
    padding: 18px 2vw 9px 2vw;
  }
  .bee999-crashbet__actions {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .bee999-crashbet {
    padding: 38px 0 32px 0;
  }
  .bee999-crashbet__container {
    padding: 0 2vw;
    border-radius: 12px;
  }
  .bee999-crashbet__main {
    flex-direction: column-reverse;
    border-radius: 8px;
  }
  .bee999-crashbet__img {
    width: 65vw; min-width: 85px; max-width: 170px;
    height: auto;
  }
  .bee999-crashbet__visual, .bee999-crashbet__content {
    padding: 7px 2vw 10px 2vw;
    align-items: center;
    text-align: center;
  }
  .bee999-crashbet__title {
    font-size: 1.17rem;
    margin-bottom: 8px;
  }
  .bee999-crashbet__list {
    gap: 7px;
    font-size: 0.97rem;
    padding: 0;
    margin: 0 0 16px 0;
  }
  .bee999-crashbet-btn {
    width: 100%;
    max-width: 230px;
    justify-content: center;
    font-size: 0.97rem;
    padding: 11px 0;
  }
}














.gam a img {
  max-width: 70px;
}

.cirle {
  border-radius: 100%;
  background-color: red;
  color: white;
  font-size: 30px;
  padding: 12px;
}

.dnone {
  display: none;
}




[class*="btn"]:not([class*="wrap"]),
[class*="button"]:not([class*="buttons"]) {
  padding: 20px 30px;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  animation:
    glow-pulse-const 2s infinite alternate ease-in-out,
    scale-pulse 2s infinite ease-in-out;
}

@keyframes scale-pulse {
  0% {
    transform: scale(1) ;
  }

  50% {
    transform: scale(1.06) ;
  }

  100% {
    transform: scale(1) ;
  }
}

@keyframes glow-pulse-const {
  0% {
    box-shadow:
      0 0 6px rgba(26, 115, 232, 0.5),
      0 0 12px rgba(26, 115, 232, 0.3);
  }

  50% {
    box-shadow:
      0 0 12px rgba(26, 115, 232, 0.8),
      0 0 24px rgba(26, 115, 232, 0.6);
  }

  100% {
    box-shadow:
      0 0 8px rgba(26, 115, 232, 0.6),
      0 0 16px rgba(26, 115, 232, 0.4);
  }
}

.ze77-appfocus__subtitle {
  color: white;
}

  [class*="title"]:not([class*="subtitle"]) {
    font-size: 2.5em;
    line-height: 1;
  }

@media (max-width: 768px) {

  [class*="title"]:not([class*="subtitle"]) {
    font-size: 2.4em;
  }

  [class*="btn"]:not([class*="wrap"]),
  [class*="button"]:not([class*="buttons"]) {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    animation:
      glow-pulse-const 1.8s infinite alternate ease-in-out,
      scale-pulse 2.5s infinite ease-in-out;
  }

}
.banner {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}




@media (max-width: 768px) {}

@media (max-width: 768px) {

  section {
    padding: 20px !important;
  }

  .bee999-slotpromos__img,.bee999-sportsimplified__sportcard img,.bee999-confidence__img,.bee999-localbd__flag img,.bee999-skillplay__img,.bee999-appbonus__img, .bee999-crashbet__img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .lux-header__login-btn, .bee999-bonuscalendar__calendarvisual, .bee999-bonuscalendar__calendarvisual img {
    width: auto !important;
  }

  .bee999-localbd__gameimg, .bee999-bonuscalendar__calendarvisual, .bee999-bonuscalendar__calendarvisual img {
    height: auto;
  }

  .ze77-tools__bubbles,.bee999-bonuscalendar-btn,.bee999-mobileperf__features,.bee999-topslots__features,.bee999-bet__badges, .bee999-loginaccess__features, .bee999-loginperks__features {
    justify-content: center
  }

  .ze77-focusedgames__img {
    max-width: 100%;
  }

  .n7bt-imgcol, .n7bt-content {
    flex: none;
    max-width: 100%;
  }

  .bee999-bet__actions, .promo-section__actions, .bee999-purpose__actions,  .bee999-slots__actions, .bee999-allgames__actions, .bee999-loginglass__actions, .bee999-app__actions, .bee999-bonusmain__actions
  
  {
    gap: 0;
  }

  .cv666-luxehero__cta-row,.n777-why__container,.n777-highlights__container,
  .ze77-applite__actions,.n7wl-grid,.n7dk-wrapper,.n7lp-container,.n7gr-grid,.n7ct-wrap,
  .ze77-hero__actions,.n7bt-inner,.nx7l-actions,.bee999-allgames__actions,
  .ze77-games__actions,
  .ze77-slots__actions {
    display: flex;
    flex-direction: column;
    
  }
}

@media (max-width: 505px) {


  .luxhdr__drm {
    padding: 10px;
  }

  .luxhdr__logo-img {
    height: 39px;
  }

}




.n7fixed-bonus-banner {
  margin-bottom: 0 !important;
}

html,
body {
  height: 100%;

  display: flex;
  flex-direction: column;
}

/* Основной контейнер, который растягивается */
main {
  flex: 1;
  /* Этот блок занимает всё доступное пространство */
  padding-top: 57px;
}

/* Футер всегда внизу */
footer {


  text-align: center;
  padding: 20px;
  font-size: 16px;
}

.lux-btn--login {
  padding: 14px;
  padding: 8px 18px;
}


.bee999-localbd__gametitle, .bee999-topslots__gametitle {
  font-size: 1.5em !important;
}