html {
  box-sizing: border-box;
}

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

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

img {
  max-width: 100%;
}

@font-face {
  font-display: normal;
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  font-family: "Marcellus", sans-serif;
  font-weight: 400;
line-height: 1;
  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: #00420f;
  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: 5px;
  list-style: none;
  margin: 0;
  justify-content: center;
  padding: 0;
}

.luxhdr__nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  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;
}

.prpr {
    width: 18px;
    
    border-radius: 100%;
}

.prpe {
    width: 18px;
    background-color: white;
    padding: 1px;
    fill: white;
    border-radius: 100%;
}



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

.luxhdr__drm {
  background: #51d134;
  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;
  padding: 8px 13px 8px 8px;
  border-radius: 7px;
  transition: background .2s, color .2s;
}

.luxhdr__lang-switch:hover {
  background: #f80;
  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: 10px;
  }
}

@media (max-width: 1020px) {
  .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: 10px;
  }

  .luxhdr__burger {
    display: flex;
  }
}

@media (max-width: 1020px) {
  .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;
  }
}

.cv666-luxehero {
  position: relative;
  background: #2d7200;
  min-height: 420px;
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .22);
  overflow: hidden;
}

.cv666-luxehero__shell {
  max-width: 740px;
  margin: 30px auto;
  padding: 68px 32px 48px 32px;
  border-radius: 32px;
  border: 2px solid transparent;
  background:rgb(31 72 0 / 96%);
  box-shadow: 0 0 0 8px rgba(255, 128, 0, .04);
  position: relative;
  z-index: 2;
  animation: cv666-luxehero-glow 3s infinite alternate;
}

@keyframes cv666-luxehero-glow {
  0% {
    box-shadow: 0 0 0 8px rgba(255, 128, 0, .09);
  }

  100% {
    box-shadow: 0 0 38px 18px rgba(255, 128, 0, .22);
  }
}

.cv666-luxehero__decor {
  position: absolute;
  z-index: 1;
  opacity: 0.48;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(7px);
}

.cv666-luxehero__decor--one {
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, #f80 20%, transparent 70%);
  left: -70px;
  top: -70px;
  animation: cv666-float-1 7s ease-in-out infinite alternate;
}

.cv666-luxehero__decor--two {
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, #f80 18%, transparent 70%);
  right: -38px;
  bottom: -38px;
  animation: cv666-float-2 6s ease-in-out infinite alternate;
}

@keyframes cv666-float-1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(32px);
  }
}

@keyframes cv666-float-2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-26px);
  }
}

.cv666-luxehero__content {
  position: relative;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cv666-luxehero__title {
  font-size: 2.3rem;
  font-weight: 800;
  background: linear-gradient(90deg, #fff, #f80 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 14px;
  letter-spacing: 1px;
  padding: 5px;
}

.cv666-luxehero__subtitle {
  font-size: 1.19rem;
  color: #ddd;
  margin-bottom: 20px;
  font-weight: 500;
}

.cv666-luxehero__trust {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 20px;
}

.cv666-luxehero__trust-text {
  color: #f80;
  font-size: 0.98rem;
  font-weight: 600;
  margin-right: 4px;
}

.cv666-luxehero__trust img {
  width: 38px;
  height: 23px;
  object-fit: contain;
  background: #242424;
  border-radius: 6px;
  padding: 3px 7px;
  box-shadow: 0 2px 8px 0 rgba(255, 128, 0, 0.09);
}

.cv666-luxehero__extra {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
  gap: 13px;
}

.cv666-luxehero__star i {
  color: #f80;
  font-size: 1.5rem;
  animation: cv666-star-shine 2.4s infinite linear;
}

@keyframes cv666-star-shine {

  0%,
  100% {
    opacity: .75;
    text-shadow: 0 0 6px #f80;
  }

  40% {
    opacity: 1;
    text-shadow: 0 0 20px #fff;
  }
}

.cv666-luxehero__desc {
  color: #eee;
  font-size: 1.08rem;
  font-weight: 500;
}

.cv666-luxehero__cta-row {
  display: flex;
  gap: 19px;
  margin-top: 14px;
  justify-content: center;
}

.cv666-luxehero__btn {
  display: inline-block;
  padding: 12px 36px;
  border-radius: 9px;
  font-size: 1.07rem;
  font-weight: 700;
  letter-spacing: .5px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 2px 22px rgba(255, 128, 0, .10);
  border: none;
  position: relative;
  background: #f80;
  color: #181818;
  transition: background 0.18s, color 0.18s, transform 0.2s;
  overflow: hidden;
  z-index: 1;
  animation: cv666-btn-glow 2.1s infinite alternate;
}

.cv666-luxehero__btn--main:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.06);
}

.cv666-luxehero__btn--outline {
  background: transparent;
  border: 2px solid #f80;
  color: #f80;
  animation-delay: 1.1s;
}

.cv666-luxehero__btn--outline:hover {
  background: #f80;
  color: #fff;
  transform: scale(1.06);
}

@keyframes cv666-btn-glow {
  0% {
    box-shadow: 0 2px 12px rgba(255, 128, 0, 0.06);
  }

  100% {
    box-shadow: 0 4px 32px rgba(255, 128, 0, 0.19);
  }
}

/* Center content & text for <= 768px */
@media (max-width: 768px) {
  .cv666-luxehero__shell {
    padding: 38px 8vw 34px 8vw;
  }

  .cv666-luxehero__content {
    align-items: center;
    text-align: center;
  }

  .cv666-luxehero__extra,
  .cv666-luxehero__trust {
    justify-content: center;
    width: 100%;
  }

  .cv666-luxehero__title {
    font-size: 1.36rem;
  }
}

@media (max-width: 480px) {
  .cv666-luxehero__shell {
    padding: 24px 2vw 16px 2vw;
    border-radius: 16px;
  }

  .cv666-luxehero__btn {
    padding: 10px 19px;
    font-size: 0.99rem;
  }

  .cv666-luxehero__trust img {
    width: 25px;
    height: 18px;
  }

  .cv666-luxehero__title {
    font-size: 1.02rem;
  }
}

.KU9-purpose {
  position: relative;
  background: #1a1624;
  overflow: hidden;
  padding: 80px 0;
}

.KU9-purpose__decor-left,
.KU9-purpose__decor-right {
  position: absolute;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255, 136, 0, 0.4) 15%, transparent 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.5;
}

.KU9-purpose__decor-left {
  top: -50px;
  left: -50px;
  animation: KU9-decor-float 8s ease-in-out infinite alternate;
}

.KU9-purpose__decor-right {
  bottom: -50px;
  right: -50px;
  animation: KU9-decor-float 6s ease-in-out infinite alternate;
}

@keyframes KU9-decor-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(30px);
  }
}

.KU9-purpose__wrapper {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 24px;
}

.KU9-purpose__title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.KU9-purpose__icon {
  font-size: 2.6rem;
  color: #f80;
  animation: KU9-icon-pulse 1.6s infinite alternate;
}

@keyframes KU9-icon-pulse {
  0% {
    filter: drop-shadow(0 0 8px rgba(255, 136, 0, 0.8));
  }

  100% {
    filter: drop-shadow(0 0 18px rgba(255, 136, 0, 0.4));
  }
}

.KU9-purpose__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 20px;
}

.KU9-purpose__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.1rem;
  margin-bottom: 16px;
  color: #fff;
}



.KU9-purpose__text p {
color: white  ;
  font-size: 1rem;
}

.KU9-purpose__text {
  text-align: center;
}

.KU9-purpose__extra {
  margin-top: 24px;
}

.KU9-purpose__stats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 24px;
}

.KU9-purpose__stats li {
  color: #fff;
  font-size: 0.98rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

.KU9-purpose__stats i {
  color: #f80;
  font-size: 1.2rem;
  animation: KU9-icon-pulse 1.6s infinite alternate;
}

.KU9-purpose__image {
  text-align: center;
}

.KU9-purpose__image img {
  max-width: 100%;
  border-radius: 16px;
  box-shadow: 0 6px 32px rgba(255, 136, 0, 0.15);
}

.KU9-purpose__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;

}

.KU9-purpose__btn {
  background: #f80;
  color: #1a1624;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 14px 48px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 22px rgba(255, 136, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  animation: KU9-btn-glow 2s infinite alternate;
}

.KU9-purpose__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.05);
  box-shadow: 0 8px 38px rgba(255, 136, 0, 0.3);
}

@keyframes KU9-btn-glow {
  0% {
    box-shadow: 0 2px 12px rgba(255, 136, 0, 0.1);
  }

  100% {
    box-shadow: 0 6px 32px rgba(255, 136, 0, 0.25);
  }
}

/* Mobile / Tablet (≤768px): всё по центру, одна колонка */
@media (max-width: 768px) {
  .KU9-purpose__content {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .KU9-purpose__wrapper {
    padding: 0 16px;
  }

  .KU9-purpose__title {
    font-size: 1.8rem;
  }

  .KU9-purpose__lead {
    text-align: left;
    margin: 0 auto 16px;
  }

  .KU9-purpose__text p {
    text-align: center;
  }

  .KU9-purpose__stats {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  .KU9-purpose__actions {
    margin-top: 28px;
  }
}

/* Small screens (≤480px) adjustments */
@media (max-width: 480px) {
  .KU9-purpose__title {
    font-size: 1.5rem;
  }

  .KU9-purpose__stats li {
    font-size: 0.9rem;
  }

  .KU9-purpose__btn {
    padding: 12px 32px;
    font-size: 1rem;
  }
}

.KU9-login {
  position: relative;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  overflow: hidden;
  padding: 80px 0;
}

.KU9-login__overlay-top,
.KU9-login__overlay-bottom {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 136, 0, 0.3) 15%, transparent 70%);
  filter: blur(30px);
  z-index: 1;
  opacity: 0.4;
}

.KU9-login__overlay-top {
  top: -100px;
  right: -100px;
  animation: KU9-overlay-move-1 8s ease-in-out infinite alternate;
}

.KU9-login__overlay-bottom {
  bottom: -100px;
  left: -100px;
  animation: KU9-overlay-move-2 6s ease-in-out infinite alternate;
}

@keyframes KU9-overlay-move-1 {
  0% {
    transform: translateY(0) translateX(0);
  }

  100% {
    transform: translateY(30px) translateX(-20px);
  }
}

@keyframes KU9-overlay-move-2 {
  0% {
    transform: translateY(0) translateX(0);
  }

  100% {
    transform: translateY(-30px) translateX(20px);
  }
}

.KU9-login__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 24px;
}

.KU9-login__title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.KU9-login__icon {
  font-size: 2.8rem;
  color: #f80;
  animation: KU9-icon-glow 1.5s infinite alternate;
}

@keyframes KU9-icon-glow {
  0% {
    filter: drop-shadow(0 0 8px rgba(255, 136, 0, 0.8));
  }

  100% {
    filter: drop-shadow(0 0 18px rgba(255, 136, 0, 0.4));
  }
}

.KU9-login__content {
  display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;

  align-items: center;
}

.KU9-login__text {
  color: #e0dfe5;
  text-align: center;
}

.KU9-login__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.15rem;
  margin-bottom: 16px;
  color: #fff;
}

.KU9-login__text p {

  color: #ffffff;
  font-size: 1rem;
}

.KU9-login__extra {
  margin: 24px 0 0 0;
}

.KU9-login__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-items: center;
  gap: 16px;
}

.KU9-login__features li {
  color: #fff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-login__features i {
  color: #f80;
  font-size: 1.2rem;
  animation: KU9-icon-glow 1.5s infinite alternate;
}

.KU9-login__graphic {
  text-align: center;
}

.KU9-login__graphic img {
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 32px rgba(255, 136, 0, 0.15);
}

.KU9-login__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.KU9-login__btn {
  background: #f80;
  color: #1c161f;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 14px 50px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 28px rgba(255, 136, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  animation: KU9-btn-pulse 2s infinite alternate;
}

.KU9-login__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.05);
  box-shadow: 0 8px 38px rgba(255, 136, 0, 0.3);
}

@keyframes KU9-btn-pulse {
  0% {
    box-shadow: 0 2px 12px rgba(255, 136, 0, 0.1);
  }

  100% {
    box-shadow: 0 6px 32px rgba(255, 136, 0, 0.25);
  }
}

/* Mobile & Tablet (≤768px): всё по центру, одна колонка */
@media (max-width: 768px) {
  .KU9-login__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .KU9-login__title {
    font-size: 1.9rem;
  }

  .KU9-login__lead {
    text-align: left;
    margin: 0 auto 16px;
  }

  .KU9-login__text p {
    text-align: center;
  }

  .KU9-login__features {
    align-items: center;
    gap: 12px;
  }

  .KU9-login__actions {
    margin-top: 28px;
  }
}

/* Small screens (≤480px) adjustments */
@media (max-width: 480px) {
  .KU9-login__title {
    font-size: 1.6rem;
  }

  .KU9-login__btn {
    padding: 12px 32px;
    font-size: 1rem;
  }
}

.KU9-slots {
  background: #19162c;
  position: relative;
  overflow: hidden;
  padding: 90px 0 90px 0;
}

.KU9-slots__glow {
  position: absolute;
  width: 170px;
  height: 170px;
  background: radial-gradient(circle, #f80 20%, transparent 70%);
  filter: blur(18px);
  opacity: 0.22;
  z-index: 1;
  animation: KU9-slots-glow-float 8s infinite alternate;
}

.KU9-slots__glow--left {
  top: -60px;
  left: -50px;
}

.KU9-slots__glow--right {
  bottom: -40px;
  right: -40px;
  animation-delay: 2.8s;
}

@keyframes KU9-slots-glow-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(28px);
  }
}

.KU9-slots__shell {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.KU9-slots__title {
  color: #fff;
  font-size: 2.3rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.KU9-slots__icon {
  color: #f80;
  font-size: 2.1rem;
  animation: KU9-slots-icon-glow 1.6s infinite alternate;
}

@keyframes KU9-slots-icon-glow {
  0% {
    filter: drop-shadow(0 0 10px #f80d);
  }

  100% {
    filter: drop-shadow(0 0 22px #f80);
  }
}

.KU9-slots__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.KU9-slots__descblock {
  max-width: 1200px;
  margin: 0 auto;
}

.KU9-slots__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.15rem;
  margin-bottom: 16px;
  color: #fff;
}

.KU9-slots__descblock p {
  margin: 0;
margin-bottom: 20px;
  color: #d0d0df;
  font-size: 1.02rem;
  text-align: left;
}

.KU9-slots__stats {
  display: flex;
  gap: 22px;
  margin: 18px 0 0 0;
  flex-wrap: wrap;
  justify-content: center;
}

.KU9-slots__stat {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(34, 28, 54, 0.96);
  border-radius: 13px;
  padding: 12px 24px;
  color: #fff;
  font-size: 1.04rem;
  box-shadow: 0 2px 14px rgba(255, 128, 0, 0.06);
  font-weight: 600;
  transition: transform 0.22s;
}

.KU9-slots__stat i {
  color: #f80;
  font-size: 1.35rem;
  animation: KU9-slots-icon-glow 1.6s infinite alternate;
}

.KU9-slots__imgwrap {
  width: 340px;
  max-width: 90vw;
  margin: 0 auto;
  border-radius: 19px;
  overflow: hidden;
  box-shadow: 0 4px 44px rgba(255, 128, 0, 0.11);
  background: #231f36;
}

.KU9-slots__imgwrap img {
  width: 100%;
  height: auto;
  display: block;
}

.KU9-slots__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-slots__btn {
  background: #f80;
  color: #19162c;
  font-weight: 700;
  font-size: 1.13rem;
  border-radius: 12px;
  padding: 16px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 6px 26px rgba(255, 128, 0, 0.13);
  transition: background .2s, color .2s, transform .2s;
  animation: KU9-slots-btn-glow 2s infinite alternate;
}

.KU9-slots__btn:hover,
.KU9-slots__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.06);
  box-shadow: 0 10px 36px rgba(255, 128, 0, 0.21);
}

@keyframes KU9-slots-btn-glow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 10px 36px rgba(255, 128, 0, 0.20);
  }
}

/* Center text on mobile/tablet, keep desktop buttons centered */
@media (max-width: 768px) {
  .KU9-slots__shell {
    padding: 32px 6vw;
    border-radius: 18px;
  }

  .KU9-slots__title {
    font-size: 1.44rem;
    flex-direction: column;
    gap: 8px;
  }

  .KU9-slots__lead,
  .KU9-slots__descblock p,
  .KU9-slots__stat,
  .KU9-slots__actions {
   text-align: left;
    justify-content: center;
    align-items: center;
  }

  .KU9-slots__stats {
    flex-direction: column;
    gap: 12px;
  }

  .KU9-slots__imgwrap {
    width: 96vw;
    border-radius: 10px;
  }
}

@media (max-width: 420px) {
  .KU9-slots__shell {
    padding: 16px 2vw;
  }

  .KU9-slots__btn {
    padding: 11px 10vw;
    font-size: 0.98rem;
  }
}

.KU9-fishing {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  position: relative;
  overflow: hidden;
  padding: 84px 0 84px 0;
}

.KU9-fishing__glow {
  position: absolute;
  right: 0;
  bottom: -80px;
  width: 290px;
  height: 200px;
  background: radial-gradient(circle, #f80 20%, transparent 80%);
  opacity: 0.18;
  filter: blur(20px);
  z-index: 1;
  animation: KU9-fishing-glow-float 9s infinite alternate;
}

@keyframes KU9-fishing-glow-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

.KU9-fishing__shell {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  background: rgb(0 63 15 / 97%);
  box-shadow: 0 6px 46px rgba(255, 128, 0, 0.13), 0 2px 18px rgba(32, 10, 20, 0.10);
  padding: 50px 50px 46px 50px;
}

.KU9-fishing__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 54px;
  align-items: center;
}

.KU9-fishing__imgblock {
  position: relative;
  text-align: center;
}

.KU9-fishing__img {
  width: 100%;
  max-width: 340px;
  border-radius: 22px;
  box-shadow: 0 6px 38px rgba(255, 128, 0, 0.14);
  margin-bottom: 15px;
  background: #151a23;
}

.KU9-fishing__badges {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 5px;
  flex-wrap: wrap;
}

.KU9-fishing__badge {
  background: #191e30;
  color: #fff;
  font-size: 0.98rem;
  padding: 6px 16px;
  border-radius: 15px;
  box-shadow: 0 2px 12px rgba(255, 128, 0, 0.09);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}

.KU9-fishing__badge i {
  color: #f80;
  font-size: 1.1rem;
}

.KU9-fishing__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.KU9-fishing__title {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 13px;
  letter-spacing: 1px;
}

.KU9-fishing__icon {
  font-size: 2.4rem;
  color: #f80;
  animation: KU9-fishing-icon-glow 1.7s infinite alternate;
}

@keyframes KU9-fishing-icon-glow {
  0% {
    filter: drop-shadow(0 0 10px #f80d);
  }

  100% {
    filter: drop-shadow(0 0 22px #f80);
  }
}

.KU9-fishing__descblock {
  max-width: 480px;
  text-align: center;
}

.KU9-fishing__lead {
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 12px;
  color: #fff;
}

.KU9-fishing__descblock p {
  margin: 0;

  color: #d2d2e5;
  font-size: 1.03rem;
}

.KU9-fishing__features {
  margin: 18px 0 0 0;
  display: flex;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap;
}

.KU9-fishing__feature {
  background: #1b1e2c;
  border-radius: 14px;
  padding: 10px 18px;
  color: #fff;
  font-size: 0.99rem;
  font-weight: 700;
  box-shadow: 0 2px 10px rgba(255, 128, 0, 0.07);
  display: flex;
  align-items: center;
  gap: 7px;
}

.KU9-fishing__feature i {
  color: #f80;
  font-size: 1.15rem;
  animation: KU9-fishing-icon-glow 1.7s infinite alternate;
}

.KU9-fishing__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.KU9-fishing__btn {
  background: #f80;
  color: #181e30;
  font-weight: 800;
  font-size: 1.12rem;
  border-radius: 14px;
  padding: 15px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(255, 128, 0, 0.14);
  transition: background .18s, color .18s, transform .2s;
  animation: KU9-fishing-btn-glow 2.2s infinite alternate;
}

.KU9-fishing__btn:hover,
.KU9-fishing__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.07);
  box-shadow: 0 12px 38px rgba(255, 128, 0, 0.22);
}

@keyframes KU9-fishing-btn-glow {
  0% {
    box-shadow: 0 3px 13px rgba(255, 128, 0, 0.09);
  }

  100% {
    box-shadow: 0 12px 32px rgba(255, 128, 0, 0.22);
  }
}

/* Responsive: mobile/tablet — всё по центру, стэк */
@media (max-width: 900px) {
  .KU9-fishing__shell {
    padding: 30px 4vw;
    border-radius: 16px;
  }

  .KU9-fishing__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .KU9-fishing__content {
    align-items: center;
    text-align: center;
  }

  .KU9-fishing__descblock {
    margin: 0 auto;
  }

  .KU9-fishing__features {
    justify-content: center;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  .KU9-fishing__title {
    font-size: 1.05rem;
  }

  .KU9-fishing__btn {
    padding: 11px 12vw;
    font-size: 0.99rem;
  }

  .KU9-fishing__img {
    max-width: 92vw;
  }
}

.KU9-focusedgames {
  background: linear-gradient(125deg, #181e27 0%, #1a1725 100%);
  position: relative;
  overflow: hidden;
  padding: 85px 0;
}

.KU9-focusedgames__decor {
  position: absolute;
  left: -80px;
  top: 20%;
  width: 180px;
  height: 320px;
  background: radial-gradient(circle, #f80 18%, transparent 72%);
  opacity: 0.15;
  filter: blur(26px);
  z-index: 1;
  animation: KU9-games-float 10s infinite alternate;
}

@keyframes KU9-games-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(60px);
  }
}

.KU9-focusedgames__shell {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 32px;
}

.KU9-focusedgames__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 62px;
  align-items: center;
}

.KU9-focusedgames__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 17px;
}

.KU9-focusedgames__title {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 15px;
  letter-spacing: 1px;
}

.KU9-focusedgames__icon {
  font-size: 2.2rem;
  color: #f80;
  animation: KU9-games-icon-glow 1.8s infinite alternate;
}

@keyframes KU9-games-icon-glow {
  0% {
    filter: drop-shadow(0 0 10px #f80d);
  }

  100% {
    filter: drop-shadow(0 0 22px #f80);
  }
}

.KU9-focusedgames__descblock {
  max-width: 490px;
}

.KU9-focusedgames__lead {
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 13px;
  color: #fff;
  text-align: left;
}

.KU9-focusedgames__descblock p {
  margin: 0;

  color: #dad7ea;
  font-size: 1.03rem;
}

.KU9-focusedgames__perks {
  margin: 18px 0 0 0;
  display: flex;
  justify-content: center;
  gap: 21px;
  flex-wrap: wrap;
}

.KU9-focusedgames__perk {
  background: #202545;
  border-radius: 14px;
  padding: 10px 18px;
  color: #fff;
  font-size: 0.97rem;
  font-weight: 700;
  box-shadow: 0 2px 12px rgba(255, 128, 0, 0.07);
  display: flex;
  align-items: center;
  gap: 8px;
}

.KU9-focusedgames__perk i {
  color: #f80;
  font-size: 1.15rem;
  animation: KU9-games-icon-glow 1.8s infinite alternate;
}

.KU9-focusedgames__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.KU9-focusedgames__btn {
  background: #f80;
  color: #181e27;
  font-weight: 800;
  font-size: 1.15rem;
  border-radius: 15px;
  padding: 16px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(255, 128, 0, 0.14);
  transition: background .18s, color .18s, transform .2s;
  animation: KU9-games-btn-glow 2.2s infinite alternate;
}

.KU9-focusedgames__btn:hover,
.KU9-focusedgames__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.07);
  box-shadow: 0 12px 38px rgba(255, 128, 0, 0.22);
}

@keyframes KU9-games-btn-glow {
  0% {
    box-shadow: 0 3px 13px rgba(255, 128, 0, 0.09);
  }

  100% {
    box-shadow: 0 12px 32px rgba(255, 128, 0, 0.22);
  }
}

.KU9-focusedgames__imgblock {
  text-align: center;
  position: relative;
}

.KU9-focusedgames__img {
  width: 100%;
  max-width: 330px;
  border-radius: 24px;
  box-shadow: 0 6px 40px rgba(255, 128, 0, 0.17);
  background: #191a2d;
}

.KU9-focusedgames__caption {
  margin-top: 12px;
  color: #ffcc80;
  font-size: 1.05rem;
  font-weight: 700;
  background: #232245;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 18px;
  box-shadow: 0 2px 10px rgba(255, 128, 0, 0.07);
}

.KU9-focusedgames__caption i {
  color: #f80;
  font-size: 1.17rem;
}

@media (max-width: 900px) {
  .KU9-focusedgames__shell {
    padding: 32px 3vw;
    border-radius: 16px;
  }

  .KU9-focusedgames__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .KU9-focusedgames__content,
  .KU9-focusedgames__actions {
    align-items: center;
    text-align: center;
  }

  .KU9-focusedgames__descblock {
    margin: 0 auto;
  }

  .KU9-focusedgames__perks {
    justify-content: center;
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .KU9-focusedgames__title {
    font-size: 1.05rem;
  }

  .KU9-focusedgames__btn {
    padding: 12px 8vw;
    font-size: 1rem;
  }

  .KU9-focusedgames__img {
    max-width: 92vw;
  }
}

.KU9-app {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  position: relative;
  padding: 95px 0 85px 0;
  overflow: hidden;
}

.KU9-app__decor {
  position: absolute;
  right: -100px;
  top: 40%;
  width: 240px;
  height: 380px;
  background: radial-gradient(circle, #f80 17%, transparent 72%);
  opacity: 0.17;
  filter: blur(24px);
  z-index: 1;
  animation: KU9-app-glow 12s infinite alternate;
}

@keyframes KU9-app-glow {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50px);
  }
}

.KU9-app__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 34px;
  background: linear-gradient(163deg,rgb(4, 74, 24) 0%, rgb(123, 85, 4) 100%);
  box-shadow: 0 10px 50px rgba(255, 128, 0, 0.10), 0 2px 18px rgba(32, 10, 20, 0.10);
  padding: 48px 40px;
}

.KU9-app__row {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 1.1fr;
  gap: 40px;
  align-items: center;
}

.KU9-app__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 19px;
  text-align: center;
}

.KU9-app__title {
  color: #fff;
  font-size: 2.15rem;
  font-weight: 800;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  letter-spacing: 1px;
}

.KU9-app__icon {
  font-size: 2.15rem;
  color: #f80;
  animation: KU9-app-icon-glow 1.6s infinite alternate;
}

@keyframes KU9-app-icon-glow {
  0% {
    filter: drop-shadow(0 0 12px #00ff29aa);
  }

  100% {
    filter: drop-shadow(0 0 28px #f80);
  }
}

.KU9-app__descblock {
  margin-bottom: 5px;
}

.KU9-app__lead {
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  margin-bottom: 12px;
  color: #fff;
  text-align: left;
}

.KU9-app__descblock p {
  margin: 0;
  color: #dde5ea;
  font-size: 1.04rem;
}

.KU9-app__features {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.KU9-app__features li {
  color: #fff;
  font-size: 1.02rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.KU9-app__features i {
  color: #f80;
  font-size: 1.18rem;
  animation: KU9-app-icon-glow 1.6s infinite alternate;
}

.KU9-app__imgwrap {
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-app__img {
  object-fit: cover;
  border-radius: 32px;
  box-shadow: 0 10px 45px rgba(255, 128, 0, 0.19);
  background: #181e29;
}

.KU9-app__img-badge {
  margin-top: 16px;
  color: #f80;
  background: #fff3;
  font-size: 1.08rem;
  font-weight: 700;
  border-radius: 14px;
  padding: 7px 22px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 18px rgba(255, 128, 0, 0.09);
  backdrop-filter: blur(3px);
}

.KU9-app__img-badge i {
  color: #f80;
  font-size: 1.24rem;
}

.KU9-app__stats {
  list-style: none;
  padding: 0;
  margin: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.KU9-app__stats li {
  color: #fff;
  font-size: 1.01rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-app__stats i {
  color: #f80;
  font-size: 1.18rem;
  animation: KU9-app-icon-glow 1.6s infinite alternate;
}

.KU9-app__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.KU9-app__btn {
  background: #f80;
  color: #232c36;
  font-weight: 800;
  font-size: 1.15rem;
  border-radius: 15px;
  padding: 16px 52px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(255, 128, 0, 0.14);
  transition: background .18s, color .18s, transform .2s;
  animation: KU9-app-btn-glow 2.2s infinite alternate;
}

.KU9-app__btn:hover,
.KU9-app__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 12px 38px rgba(255, 128, 0, 0.22);
}

@keyframes KU9-app-btn-glow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 12px 32px rgba(255, 128, 0, 0.20);
  }
}

/* Mobile / Tablet (≤768px): все по центру, колонки — в столбик */
@media (max-width: 900px) {
  .KU9-app__shell {
    padding: 26px 2vw;
    border-radius: 14px;
  }

  .KU9-app__row {
    display: flex;
    flex-direction: column;
    gap: 38px;
    align-items: center;
  }

  .KU9-app__info,
  .KU9-app__actions {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-app__descblock,
  .KU9-app__features,
  .KU9-app__stats {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
  }

  .KU9-app__img {
    width: 120px;
    height: 220px;
    border-radius: 20px;
  }
}

@media (max-width: 480px) {
  .KU9-app__title {
    font-size: 1.01rem;
  }

  .KU9-app__btn {
    padding: 11px 10vw;
    font-size: 1rem;
  }

  .KU9-app__img {
    width: 80vw;
    height: 140px;
    border-radius: 14px;
  }
}

.KU9-structure {
  background: linear-gradient(112deg, #212432 0%, #151b29 100%);
  position: relative;
  padding: 90px 0 80px 0;
  overflow: hidden;
}

.KU9-structure__decor {
  position: absolute;
  left: -100px;
  top: 20%;
  width: 260px;
  height: 360px;
  background: radial-gradient(circle, #f80 22%, transparent 72%);
  opacity: 0.14;
  filter: blur(26px);
  z-index: 1;
  animation: KU9-structure-float 12s infinite alternate;
}

@keyframes KU9-structure-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(40px);
  }
}

.KU9-structure__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: 52px;
  border-radius: 34px;

}

.KU9-structure__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.KU9-structure__title {
  color: #fff;
  font-size: 2.08rem;
  font-weight: 800;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  letter-spacing: 1px;
}

.KU9-structure__icon {
  font-size: 2rem;
  color: #f80;
  animation: KU9-structure-glow 1.5s infinite alternate;
}

@keyframes KU9-structure-glow {
  0% {
    filter: drop-shadow(0 0 10px #f80d);
  }

  100% {
    filter: drop-shadow(0 0 26px #f80);
  }
}

.KU9-structure__descblock {
  margin-bottom: 28px;
}

.KU9-structure__lead {
  display: block;
  
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  margin-bottom: 12px;
  color: #fff;
  text-align: left;
}

.KU9-structure__descblock p {
  margin: 0;

  color: #dad7ea;
  font-size: 1.03rem;
}

.KU9-structure__dashboard {

  display: flex;
  gap: 15px;
  justify-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.KU9-structure__card {
  background: linear-gradient(110deg, #232b39 70%, #232b398c 100%);
  border-radius: 17px;
  padding: 17px 20px;
  color: #fff;
  min-width: 150px;
  display: flex;
  align-items: center;
  gap: 13px;
  box-shadow: 0 2px 14px rgba(255, 128, 0, 0.05);
  margin-bottom: 8px;
  font-weight: 700;
  transition: transform .22s, box-shadow .2s;
  font-size: 1.01rem;
}

.KU9-structure__card:hover {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 8px 24px rgba(255, 128, 0, 0.13);
}

.KU9-structure__card i {
  color: #f80;
  font-size: 1.25rem;
  animation: KU9-structure-glow 1.7s infinite alternate;
}

.KU9-structure__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.KU9-structure__btn {
  background: #f80;
  color: #212432;
  font-weight: 800;
  font-size: 1.13rem;
  border-radius: 14px;
  padding: 16px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(255, 128, 0, 0.14);
  transition: background .17s, color .17s, transform .21s;
  animation: KU9-structure-btn-glow 2.2s infinite alternate;
}

.KU9-structure__btn:hover,
.KU9-structure__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 14px 46px rgba(255, 128, 0, 0.20);
}

@keyframes KU9-structure-btn-glow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 12px 32px rgba(255, 128, 0, 0.20);
  }
}

.KU9-structure__visual {
  text-align: center;
}

.KU9-structure__img {
  max-width: 90%;
  border-radius: 25px;
  box-shadow: 0 10px 44px rgba(255, 128, 0, 0.18);
  background: #191a2d;
}

@media (max-width: 900px) {
  .KU9-structure__shell {
    padding: 28px 2vw;
    border-radius: 15px;
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .KU9-structure__content,
  .KU9-structure__actions {
    align-items: center;
    text-align: center;
  }

  .KU9-structure__dashboard {
    justify-content: center;
    gap: 10px;
  }

  .KU9-structure__descblock {
    margin: 0 auto 28px auto;
  }
}

@media (max-width: 480px) {
  .KU9-structure__title {
    font-size: 1.05rem;
  }

  .KU9-structure__btn {
    padding: 12px 8vw;
    font-size: 1rem;
  }

  .KU9-structure__img {
    max-width: 92vw;
  }
}

.KU9-hero {
  position: relative;
  min-height: 530px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #14151a;
}

.KU9-hero__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center center/cover no-repeat;
  z-index: 1;
  filter: brightness(0.72) blur(2px);
  transition: filter 0.4s;
  animation: KU9-hero-bg-anim 22s infinite alternate linear;
}

@keyframes KU9-hero-bg-anim {
  0% {
    filter: brightness(0.72) blur(2px);
  }

  100% {
    filter: brightness(0.90) blur(0.5px);
  }
}

.KU9-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(30, 23, 45, 0.82) 45%, rgba(255, 128, 0, 0.08) 100%);
  z-index: 2;
  pointer-events: none;
}

.KU9-hero__shell {
  position: relative;
  z-index: 3;
  max-width: 900px;
  margin: 0 auto;
  padding: 68px 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 34px;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  box-shadow: 0 10px 60px rgba(255, 128, 0, 0.11);
  backdrop-filter: blur(2.5px);
}

.KU9-hero__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-hero__title {
  color: #fff;
  font-size: 2.38rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 28px;
  text-shadow: 0 6px 32px rgba(32, 18, 8, 0.27);

}

.KU9-hero__badges {
  display: flex;
  gap: 22px;
  margin-bottom: 44px;
  flex-wrap: wrap;
  justify-content: center;
}

.KU9-hero__badge {
  background: rgba(255, 128, 0, 0.10);
  color: #fffbe8;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 14px;
  padding: 8px 18px;
  box-shadow: 0 2px 10px rgba(255, 128, 0, 0.07);
  display: flex;
  align-items: center;
  gap: 7px;
  backdrop-filter: blur(1.5px);
  border: 1px solid rgba(255, 128, 0, 0.17);
}

.KU9-hero__badge i {
  color: #f80;
  font-size: 1.16rem;
}

.KU9-hero__actions {
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
}

.KU9-hero__btn {
  font-weight: 800;
  font-size: 1.17rem;
  padding: 16px 48px;
  border-radius: 15px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(255, 128, 0, 0.16);
  transition: background .21s, color .21s, transform .2s;
  outline: none;
  position: relative;
  z-index: 1;
}

.KU9-hero__btn--primary {
  background: #f80;
  color: #15151a;
  animation: KU9-hero-btn-glow 2.1s infinite alternate;
}

.KU9-hero__btn--primary:hover,
.KU9-hero__btn--primary:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.06);
}

.KU9-hero__btn--ghost {
  background: transparent;
  color: #f80;
  border: 2px solid #f80;
  box-shadow: 0 0 0 rgba(255, 128, 0, 0.13);
  animation: KU9-hero-btn-ghost-glow 2.1s infinite alternate;
}

.KU9-hero__btn--ghost:hover,
.KU9-hero__btn--ghost:focus {
  background: #fff;
  color: #f80;
  border-color: #fff;
  transform: scale(1.06);
}

@keyframes KU9-hero-btn-glow {
  0% {
    box-shadow: 0 3px 17px rgba(255, 128, 0, 0.14);
  }

  100% {
    box-shadow: 0 13px 38px rgba(255, 128, 0, 0.22);
  }
}

@keyframes KU9-hero-btn-ghost-glow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 128, 0, 0);
  }

  100% {
    box-shadow: 0 0 14px 0 rgba(255, 128, 0, 0.23);
  }
}

/* Mobile: stack everything, text and buttons centered */
@media (max-width: 768px) {
  .KU9-hero {
    min-height: 440px;
  }

  .KU9-hero__shell {
    padding: 40px 6vw;
    border-radius: 17px;
  }

  .KU9-hero__title {
    font-size: 1.18rem;
  }

  .KU9-hero__badges {
    gap: 11px;
    margin-bottom: 26px;
  }

  .KU9-hero__btn {
    padding: 12px 12vw;
    font-size: 1rem;
  }

  .KU9-hero__actions {
    gap: 13px;
  }
}

.KU9-learners {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  position: relative;
  padding: 96px 0 82px 0;
  overflow: hidden;
}

.KU9-learners__bg {
  position: absolute;
  right: 0;
  top: 45%;
  width: 300px;
  height: 360px;
  background: radial-gradient(circle, #f80 21%, transparent 76%);
  opacity: 0.16;
  filter: blur(32px);
  z-index: 1;
  animation: KU9-learners-float 10s infinite alternate;
}

@keyframes KU9-learners-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-60px);
  }
}

.KU9-learners__shell {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 32px;

  display: flex;
  gap: 54px;
  align-items: center;
  justify-content: center;
}

.KU9-learners__main {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.KU9-learners__title {
  color: #fff;
  font-size: 2.16rem;
  font-weight: 900;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  letter-spacing: 1px;
}

.KU9-learners__icon {
  font-size: 2.2rem;
  color: #f80;
  animation: KU9-learners-glow 1.6s infinite alternate;
}

@keyframes KU9-learners-glow {
  0% {
    filter: drop-shadow(0 0 10px #f80d);
  }

  100% {
    filter: drop-shadow(0 0 26px #f80);
  }
}

.KU9-learners__descblock {

  margin-bottom: 28px;
}

.KU9-learners__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 13px;
  color: #fff;
  text-align: left;
}

.KU9-learners__descblock p {
  margin: 0;
  color: #fff;
  font-size: 1.04rem;
}

.KU9-learners__wisdom {
  display: flex;
  gap: 18px;
  margin: 19px 0 32px 0;
  flex-wrap: wrap;
}

.KU9-learners__chip {
  background: linear-gradient(105deg, #232f47 65%, #231c2a 100%);
  border-radius: 15px;
  padding: 13px 22px;
  color: #fff;
  font-size: 1.02rem;
  font-weight: 800;
  box-shadow: 0 2px 14px rgba(255, 128, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.18s, box-shadow 0.19s;
}

.KU9-learners__chip:hover {
  transform: translateY(-5px) scale(1.04);
  box-shadow: 0 6px 24px rgba(255, 128, 0, 0.15);
}

.KU9-learners__chip i {
  color: #f80;
  font-size: 1.22rem;
  animation: KU9-learners-glow 1.6s infinite alternate;
}

.KU9-learners__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.KU9-learners__btn {
  background: #f80;
  color: #181c28;
  font-weight: 900;
  font-size: 1.13rem;
  border-radius: 15px;
  padding: 16px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 23px rgba(255, 128, 0, 0.15);
  transition: background .19s, color .19s, transform .22s;
  animation: KU9-learners-btn-glow 2.2s infinite alternate;
}

.KU9-learners__btn:hover,
.KU9-learners__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 14px 46px rgba(255, 128, 0, 0.22);
}

@keyframes KU9-learners-btn-glow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 12px 32px rgba(255, 128, 0, 0.20);
  }
}

.KU9-learners__visual {
  flex: 0 0 330px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-learners__img {
  max-width: 330px;
  border-radius: 26px;
  box-shadow: 0 9px 32px rgba(255, 128, 0, 0.15);
  background: #191a2d;
}

/* Mobile: stack and center all, img above text */
@media (max-width: 900px) {
  .KU9-learners__shell {
    padding: 24px 3vw;
    border-radius: 14px;
    flex-direction: column;
    gap: 34px;
  }

  .KU9-learners__main,
  .KU9-learners__actions {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-learners__descblock {
    margin: 0 auto 28px auto;
  }

  .KU9-learners__wisdom {
    justify-content: center;
  }

  .KU9-learners__visual {
    margin-bottom: 22px;
  }

  .KU9-learners__img {
    max-width: 92vw;
  }
}

@media (max-width: 480px) {
  .KU9-learners__title {
    font-size: 1.08rem;
  }

  .KU9-learners__btn {
    padding: 11px 9vw;
    font-size: 0.99rem;
  }
}

.KU9-slotpattern {
  background: linear-gradient(120deg, #191428 0%, #231d35 100%);
  position: relative;
  padding: 95px 0 65px 0;
  overflow: hidden;
}

.KU9-slotpattern__glow {
  position: absolute;
  left: -90px;
  top: 30%;
  width: 260px;
  height: 360px;
  background: radial-gradient(circle, #f80 16%, transparent 80%);
  opacity: 0.16;
  filter: blur(30px);
  z-index: 1;
  animation: KU9-slotpattern-float 13s infinite alternate;
}

@keyframes KU9-slotpattern-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(50px);
  }
}

.KU9-slotpattern__shell {

  margin: 0 auto;
  position: relative;
  z-index: 2;

  background:rgb(4 119 9 / 98%);
  box-shadow: 0 10px 55px rgba(255, 128, 0, 0.11), 0 2px 13px rgba(32, 10, 20, 0.08);
  padding: 48px 24px 38px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-slotpattern__title {
  color: #fff;
  font-size: 2.17rem;
  font-weight: 900;
  margin-bottom: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  letter-spacing: 1px;
}

.KU9-slotpattern__icon {
  font-size: 2.3rem;
  color: #f80;
  animation: KU9-slotpattern-glow 1.6s infinite alternate;
}

@keyframes KU9-slotpattern-glow {
  0% {
    filter: drop-shadow(0 0 8px #f80);
  }

  100% {
    filter: drop-shadow(0 0 26px #f80);
  }
}

.KU9-slotpattern__descblock {
  max-width: 540px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.KU9-slotpattern__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  margin-bottom: 13px;
  color: #fff;
  text-align: center;
  text-align: left;
}

.KU9-slotpattern__descblock p {
  margin: 0;

  color: #dad9e7;
  font-size: 1.06rem;
  text-align: center;
}

.KU9-slotpattern__cards {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.KU9-slotpattern__card {
  background: linear-gradient(120deg, #28223b 60%, #312043 100%);
  border-radius: 19px;
  box-shadow: 0 2px 13px rgba(255, 128, 0, 0.10);
  padding: 22px 24px;
  min-width: 160px;
  max-width: 230px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  transition: transform 0.17s, box-shadow 0.18s;
  font-weight: 700;
  flex: 1 1 0;
}

.KU9-slotpattern__card:hover {
  transform: scale(1.045) translateY(-7px);
  box-shadow: 0 12px 30px rgba(255, 128, 0, 0.16);
}

.KU9-slotpattern__card i {
  color: #f80;
  font-size: 2.1rem;
  margin-top: 3px;
  animation: KU9-slotpattern-glow 1.6s infinite alternate;
}

.KU9-slotpattern__fact-title {
  font-size: 1.07rem;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #fff;
  display: block;
}

.KU9-slotpattern__fact-text {
  font-size: 0.97rem;
  color: #f8e5c7;
  display: block;
  margin-top: 3px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.KU9-slotpattern__imgwrap {
  margin: 0 auto 40px auto;

  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 7px 40px rgba(255, 128, 0, 0.13);
  background: #191a2d;
}

.KU9-slotpattern__imgwrap img {
  width: 100%;
  display: block;
  border-radius: 22px;
}

.KU9-slotpattern__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-slotpattern__btn {
  background: #f80;
  color: #221b32;
  font-weight: 900;
  font-size: 1.17rem;
  border-radius: 17px;
  padding: 17px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 9px 22px rgba(255, 128, 0, 0.13);
  transition: background .19s, color .19s, transform .21s;
  animation: KU9-slotpattern-btn-glow 2.1s infinite alternate;
}

.KU9-slotpattern__btn:hover,
.KU9-slotpattern__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 14px 46px rgba(255, 128, 0, 0.20);
}

@keyframes KU9-slotpattern-btn-glow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.11);
  }

  100% {
    box-shadow: 0 14px 32px rgba(255, 128, 0, 0.20);
  }
}

/* Mobile/tablet: all centered, stacked */
@media (max-width: 768px) {
  .KU9-slotpattern__shell {
    padding: 22px 4vw;
    border-radius: 15px;
  }

  .KU9-slotpattern__title {
    font-size: 1.09rem;
    flex-direction: column;
    gap: 7px;
  }

  .KU9-slotpattern__lead,
  .KU9-slotpattern__descblock p {
    text-align: center;
  }
  .KU9-slotpattern__lead {
    text-align: left;
  }


  .KU9-slotpattern__cards {
    flex-direction: column;
    gap: 14px;
    align-items: center;
    margin-bottom: 26px;
  }

  .KU9-slotpattern__imgwrap {
    margin: 0 auto 30px auto;
  }

  .KU9-slotpattern__btn {
    padding: 13px 9vw;
    font-size: 1rem;
  }
}

.KU9-analytics {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  position: relative;
  padding: 96px 0 82px 0;
  overflow: hidden;
}

.KU9-analytics__bg {
  position: absolute;
  left: -110px;
  top: 25%;
  width: 300px;
  height: 400px;
  background: radial-gradient(circle, #f80 17%, transparent 80%);
  opacity: 0.13;
  filter: blur(36px);
  z-index: 1;
  animation: KU9-analytics-float 12s infinite alternate;
}

@keyframes KU9-analytics-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(54px);
  }
}

.KU9-analytics__shell {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0 18px;
}

.KU9-analytics__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 54px;
  align-items: center;
}

.KU9-analytics__statcol {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.KU9-analytics__title {
  color: #fff;
  font-size: 2.14rem;
  font-weight: 900;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  letter-spacing: 1px;
}

.KU9-analytics__icon {
  font-size: 2.2rem;
  color: #f80;
  animation: KU9-analytics-icon-glow 1.8s infinite alternate;
}

@keyframes KU9-analytics-icon-glow {
  0% {
    filter: drop-shadow(0 0 12px #f80);
  }

  100% {
    filter: drop-shadow(0 0 32px #f80);
  }
}

.KU9-analytics__descblock {
  max-width: 480px;
  margin-bottom: 33px;
}

.KU9-analytics__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 13px;
  color: #fff;
  text-align: left;
}

.KU9-analytics__descblock p {
  margin: 0;

  color: #fff;
  font-size: 1.07rem;
  text-align: center;
}

.KU9-analytics__circlegrid {
  display: flex;
  gap: 32px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.KU9-analytics__circle {
  background: rgba(30, 30, 52, 0.97);
  box-shadow: 0 2px 18px rgba(255, 128, 0, 0.07);
  border-radius: 50%;
  width: 116px;
  height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 3px solid #353b5c;
  position: relative;
  font-weight: 800;
  color: #fff;
  transition: box-shadow 0.19s, border 0.18s, transform 0.18s;
  font-size: 1.14rem;
}

.KU9-analytics__circle:hover {
  box-shadow: 0 9px 36px rgba(255, 128, 0, 0.18);
  border-color: #f80;
  transform: scale(1.08);
}

.KU9-analytics__circle--orange {
  border-color: #f80;
}

.KU9-analytics__circle--ghost {
  border-style: dashed;
  border-color: #fff3;
}

.KU9-analytics__circle-num {
  font-size: 2.1rem;
  color: #f80;
  font-weight: 900;
  margin-bottom: 8px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-analytics__circle--ghost .KU9-analytics__circle-num {
  color: #fff;
  font-size: 2rem;
}

.KU9-analytics__circle-label {
  font-size: 1.04rem;
  color: #fffbe8;
  font-weight: 700;
  letter-spacing: 0.1px;
}

.KU9-analytics__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.KU9-analytics__btn {
  background: #f80;
  color: #181d2e;
  font-weight: 900;
  font-size: 1.14rem;
  border-radius: 16px;
  padding: 16px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 23px rgba(255, 128, 0, 0.14);
  transition: background .17s, color .17s, transform .20s;
  animation: KU9-analytics-btn-glow 2.1s infinite alternate;
}

.KU9-analytics__btn:hover,
.KU9-analytics__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.07);
  box-shadow: 0 13px 38px rgba(255, 128, 0, 0.22);
}

@keyframes KU9-analytics-btn-glow {
  0% {
    box-shadow: 0 3px 17px rgba(255, 128, 0, 0.14);
  }

  100% {
    box-shadow: 0 13px 38px rgba(255, 128, 0, 0.22);
  }
}

.KU9-analytics__imgcol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-analytics__imgwrap {
  background: rgba(27, 26, 39, 0.93);
  border-radius: 24px;
  box-shadow: 0 9px 42px rgba(255, 128, 0, 0.15);
  padding: 30px 20px 22px 20px;
  
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.KU9-analytics__imgwrap img {
  width: 100%;
  
  border-radius: 18px;
  box-shadow: 0 5px 22px rgba(255, 128, 0, 0.09);
  margin-bottom: 12px;
}

.KU9-analytics__img-badge {
  position: absolute;
  top: 18px;
  left: 24px;
  background: #232b47ee;
  color: #fff9ce;
  font-weight: 800;
  border-radius: 14px;
  padding: 7px 18px;
  font-size: 0.98rem;
  display: flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 10px rgba(255, 128, 0, 0.07);
  border: 1px solid #00ff29aa;
}

.KU9-analytics__img-badge i {
  color: #f80;
}

.KU9-analytics__quickfacts {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 10px;
  justify-content: center;
}

.KU9-analytics__quickfacts span {
  background: #232b47aa;
  color: #fffbe8;
  border-radius: 12px;
  padding: 7px 15px;
  font-size: 0.96rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 7px rgba(255, 128, 0, 0.04);
  border: 1px solid #00ff29aa;
}

.KU9-analytics__quickfacts i {
  color: #f80;
  font-size: 1rem;
}

/* Mobile: everything centered and stacked */
@media (max-width: 900px) {
  .KU9-analytics__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .KU9-analytics__statcol,
  .KU9-analytics__imgcol {
    align-items: center;
    text-align: center;
  }

  .KU9-analytics__descblock,
  .KU9-analytics__actions {
    width: 100%;
  }

  .KU9-analytics__circlegrid {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .KU9-analytics {
    padding: 36px 0 22px 0;
  }

  .KU9-analytics__title {
    font-size: 1.07rem;
  }

  .KU9-analytics__circlegrid {
    gap: 12px;
  }

  .KU9-analytics__circle {
    
    font-size: 0.92rem;
  }

  .KU9-analytics__circle-num {
    font-size: 1.26rem;
  }

  .KU9-analytics__imgwrap {
    padding: 14px 2vw 10px 2vw;
  }
}

.KU9-appfocus {
  background:linear-gradient(118deg, #171c2a 0%, #1f7c0e 100%);
  position: relative;
  padding: 90px 0 80px 0;
  overflow: hidden;
}

.KU9-appfocus__bg {
  position: absolute;
  left: -120px;
  top: 40%;
  width: 270px;
  height: 320px;
  background: radial-gradient(circle, #5bff00 21%, transparent 85%);
  opacity: 0.14;
  filter: blur(38px);
  z-index: 1;
  animation: KU9-appfocus-float 13s infinite alternate;
}

@keyframes KU9-appfocus-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(44px);
  }
}

.KU9-appfocus__shell {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0 18px;
}

.KU9-appfocus__grid {
  display: grid;

  gap: 20px;
  align-items: center;
}

.KU9-appfocus__imgcol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-appfocus__device {
  background: rgba(26, 24, 39, 0.97);
  border-radius: 34px;
  box-shadow: 0 11px 44px rgba(255, 128, 0, 0.14);
  padding: 40px 28px 28px 28px;

  text-align: center;
}

.KU9-appfocus__device img {
  
  max-width: 40vw;
  border-radius: 22px;
  box-shadow: 0 7px 30px rgba(255, 128, 0, 0.10);
}

.KU9-appfocus__contentcol {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-appfocus__suptitle {
  font-size: 1.17rem;
  color: #ffb46c;
  font-weight: 700;
  margin-bottom: 13px;
  letter-spacing: 0.7px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.KU9-appfocus__suptitle span {
  font-size: 1.3rem;
}

.KU9-appfocus__title {
  color: #fff;
  font-size: 2.11rem;
  font-weight: 900;
  margin-bottom: 19px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.KU9-appfocus__title span {
  font-size: 1.45rem;
}

.KU9-appfocus__descblock {
  text-align: center;
  margin-bottom: 19px;
}

.KU9-appfocus__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  margin-bottom: 12px;
  color: #fff;
    text-align: left;
}

.KU9-appfocus__descblock p {
  margin: 0;
  color: #e8e5f3;
  font-size: 1.05rem;
  text-align: center;
}

.KU9-appfocus__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 27px;
}

.KU9-appfocus__badge {
  background: rgba(255, 128, 0, 0.13);
  color: #fff;
  font-size: 0.99rem;
  font-weight: 700;
  border-radius: 13px;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 1px 7px rgba(255, 128, 0, 0.05);
  transition: background 0.17s, border 0.16s, transform 0.15s;
}

.KU9-appfocus__badge i {
  color: #f80;
  font-size: 1.05rem;
}

.KU9-appfocus__badge:hover {
  background: #f80;
  color: #181c28;
  border: 1.5px solid #fff;
  transform: scale(1.09);
}

.KU9-appfocus__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-appfocus__btn {
  background: #f80;
  color: #181c28;
  font-weight: 900;
  font-size: 1.14rem;
  border-radius: 15px;
  padding: 17px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 9px 23px rgba(255, 128, 0, 0.13);
  transition: background .18s, color .18s, transform .21s;
  animation: KU9-appfocus-btn-glow 2.2s infinite alternate;
}

.KU9-appfocus__btn:hover,
.KU9-appfocus__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 14px 46px rgba(255, 128, 0, 0.20);
}

@keyframes KU9-appfocus-btn-glow {
  0% {
    box-shadow: 0 3px 13px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 13px 32px rgba(255, 128, 0, 0.22);
  }
}

/* Mobile/tablet: stack everything and center */
@media (max-width: 900px) {
  .KU9-appfocus__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .KU9-appfocus__imgcol,
  .KU9-appfocus__contentcol {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-appfocus__device {
    margin: 0 auto;
  }

  .KU9-appfocus__descblock,
  .KU9-appfocus__badges,
  .KU9-appfocus__actions {
    justify-content: center;
  }

  .KU9-appfocus__lead {
      text-align: left;
  }
  .KU9-appfocus__descblock p {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-appfocus {
    padding: 38px 0 18px 0;
  }

  .KU9-appfocus__title {
    font-size: 1.03rem;
  }

  .KU9-appfocus__device {
    padding: 13px 2vw 10px 2vw;
  }

  .KU9-appfocus__btn {
    padding: 12px 10vw;
    font-size: 0.97rem;
  }
}

.KU9-games {
  position: relative;
  min-height: 580px;
  background: #15151b;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.KU9-games__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center center/cover no-repeat;
  z-index: 1;
  filter: brightness(0.60) blur(1.5px);
  transition: filter 0.4s;
  animation: KU9-games-bg-anim 23s infinite alternate linear;
}

@keyframes KU9-games-bg-anim {
  0% {
    filter: brightness(0.64) blur(2px);
  }

  100% {
    filter: brightness(0.85) blur(0.5px);
  }
}

.KU9-games__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(123deg, rgb(57 137 38 / 89%) 60%, rgba(255, 128, 0, 0.07) 100%);
  z-index: 2;
  pointer-events: none;
}

.KU9-games__shell {
  position: relative;
  z-index: 3;
  max-width: 1180px;
  margin: 30px auto;
  padding: 68px 24px 60px 24px;
  border-radius: 33px;

  backdrop-filter: blur(2.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-games__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.KU9-games__title {
  color: #fff;
  font-size: 2.29rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 22px;

  text-shadow: 0 6px 32px rgba(32, 18, 8, 0.24);
}

.KU9-games__descblock {
  max-width: 580px;
  margin-bottom: 38px;
}

.KU9-games__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.16rem;
  margin-bottom: 12px;
  color: #fff;
    text-align: left;
}

.KU9-games__descblock p {
  margin: 0;
  color: #e9e8f7;
  font-size: 1.07rem;
  text-align: center;
}

.KU9-games__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin: 0 auto 36px auto;
  justify-items: center;
}

.KU9-games__gamecard {
  background: linear-gradient(120deg, #138301 78%, #1c9900 100%);
  color: #fff;
  border-radius: 17px;
  box-shadow: 0 3px 16px rgba(255, 128, 0, 0.10);
  padding: 27px 0 19px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 800;
  font-size: 1.11rem;
  gap: 16px;
  border: 2.5px solid #fff2;
  transition: box-shadow .18s, border .17s, transform .17s;
  cursor: pointer;
  position: relative;
  z-index: 2;
  animation: KU9-games-cardpulse 3s infinite alternate;
}

.KU9-games__gamecard:hover {
  box-shadow: 0 10px 35px #00ff29aa, 0 1px 18px rgba(255, 128, 0, 0.12);
  border: 2.5px solid #f80;
  transform: scale(1.045) translateY(-7px);
}

.KU9-games__gamecard i {
  font-size: 2.38rem;
  color: #f80;
  filter: drop-shadow(0 0 8px #f80b);
  transition: color 0.17s;
  animation: KU9-games-icon-glow 1.6s infinite alternate;
}

@keyframes KU9-games-icon-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 16px #f80);
  }
}

@keyframes KU9-games-cardpulse {
  0% {
    box-shadow: 0 3px 16px rgba(255, 128, 0, 0.11);
  }

  100% {
    box-shadow: 0 13px 42px #00ff29aa;
  }
}

.KU9-games__actions {
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.KU9-games__btn {
  background: #f80;
  color: #221b32;
  font-weight: 900;
  font-size: 1.18rem;
  border-radius: 16px;
  padding: 17px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, 0.13);
  transition: background .19s, color .19s, transform .23s;
  animation: KU9-games-btn-glow 2.2s infinite alternate;
}

.KU9-games__btn:hover,
.KU9-games__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 18px 52px rgba(255, 128, 0, 0.19);
}

@keyframes KU9-games-btn-glow {
  0% {
    box-shadow: 0 3px 13px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 13px 38px rgba(255, 128, 0, 0.22);
  }
}

/* Mobile/tablet: all content centered, single column grid */
@media (max-width: 900px) {
  .KU9-games__shell {
    padding: 30px 3vw 25px 3vw;
    border-radius: 18px;
  }

  .KU9-games__title {
    font-size: 1.17rem;
  }

  .KU9-games__lead {
      text-align: left;
  }
  .KU9-games__descblock,
  .KU9-games__descblock p {
    text-align: center;
  }

  .KU9-games__grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 22px;
  }

  .KU9-games__gamecard {
    min-width: 110px;
    font-size: 0.98rem;
  }

  .KU9-games__btn {
    padding: 13px 10vw;
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .KU9-games {
    min-height: 380px;
  }

  .KU9-games__grid {
    grid-template-columns: 1fr;
  }
}

.KU9-purpose {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  position: relative;
  padding: 90px 0 80px 0;
  overflow: hidden;
}

.KU9-purpose__bg {
  position: absolute;
  left: 0;
  top: 45%;
  width: 330px;
  height: 330px;
  background: radial-gradient(circle, #f80 26%, transparent 85%);
  opacity: 0.13;
  filter: blur(40px);
  z-index: 1;
  animation: KU9-purpose-float 10s infinite alternate;
}

@keyframes KU9-purpose-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(40px);
  }
}

.KU9-purpose__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}

.KU9-purpose__grid {
  display: grid;
  grid-template-columns: 1.05fr 1.45fr;
  gap: 56px;
  align-items: center;
  background: rgb(28 172 19 / 80%);
  border-radius: 36px;
  box-shadow: 0 10px 48px rgba(255, 128, 0, 0.09);
  backdrop-filter: blur(2.5px);
  padding: 20px;
}

.KU9-purpose__imgcol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-purpose__imgwrap {
  background: rgba(250, 241, 223, 0.97);
  border-radius: 28px;
  box-shadow: 0 11px 37px rgba(255, 128, 0, 0.09);
  padding: 34px 20px 20px 20px;
  
  text-align: center;
  position: relative;
  z-index: 2;
}

.KU9-purpose__imgwrap img {
  width: 100%;
  
  border-radius: 17px;
  box-shadow: 0 6px 23px rgba(255, 128, 0, 0.08);
}

.KU9-purpose__badge {
  background: #fff8e8;
  color: #f80;
  font-weight: 800;
  border-radius: 13px;
  padding: 9px 16px;
  font-size: 1.03rem;
  box-shadow: 0 2px 9px #f80b;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  left: 24px;
  bottom: 18px;
  z-index: 2;
}

.KU9-purpose__badge i {
  color: #f80;
}

.KU9-purpose__contentcol {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.KU9-purpose__title {
  color: #fff;
  font-size: 2.19rem;
  font-weight: 900;
  margin-bottom: 19px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.KU9-purpose__icon {
  font-size: 2.12rem;
  color: #f80;
  animation: KU9-purpose-glow 1.5s infinite alternate;
}

@keyframes KU9-purpose-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 18px #f80);
  }
}

.KU9-purpose__descblock {
  max-width: 540px;
  margin-bottom: 25px;
}

.KU9-purpose__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 12px;
  color: #fff;
  text-align: center;
}

.KU9-purpose__descblock p {
  margin: 0;

  color: #fff;
  font-size: 1.06rem;
  text-align: center;
}

.KU9-purpose__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 27px;
}

.KU9-purpose__chip {
  background: linear-gradient(108deg, #fff2e6 65%, #fff8ee 100%);
  color: #d57008;
  font-size: 1.01rem;
  font-weight: 800;
  border-radius: 14px;
  padding: 9px 17px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 7px rgba(255, 128, 0, 0.05);
  transition: background 0.17s, border 0.16s, transform 0.15s;
}

.KU9-purpose__chip i {
  color: #f80;
  font-size: 1.11rem;
}

.KU9-purpose__chip:hover {
  background: #f80;
  color: #fff;
  border: 1.5px solid #fff;
  transform: scale(1.09);
}

.KU9-purpose__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-purpose__btn {
  background: #f80;
  color: #fffbe6;
  font-weight: 900;
  font-size: 1.13rem;
  border-radius: 16px;
  padding: 17px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 9px 20px rgba(255, 128, 0, 0.15);
  transition: background .18s, color .18s, transform .21s;
  animation: KU9-purpose-btn-glow 2.2s infinite alternate;
}

.KU9-purpose__btn:hover,
.KU9-purpose__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 18px 44px rgba(255, 128, 0, 0.18);
}

@keyframes KU9-purpose-btn-glow {
  0% {
    box-shadow: 0 2px 13px rgba(255, 128, 0, 0.09);
  }

  100% {
    box-shadow: 0 10px 36px rgba(255, 128, 0, 0.14);
  }
}

/* Mobile/tablet: all centered, image above content */
@media (max-width: 900px) {
  .KU9-purpose__grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 23px 2vw 21px 2vw;
  }

  .KU9-purpose__imgcol,
  .KU9-purpose__contentcol {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-purpose__imgwrap {
    margin: 0 auto;
  }

  .KU9-purpose__badge {
    left: 50%;
    transform: translateX(-50%);
  }

  .KU9-purpose__descblock,
  .KU9-purpose__chips,
  .KU9-purpose__actions {
    justify-content: center;
  }

  .KU9-purpose__lead {
      text-align: left;
  }
  .KU9-purpose__descblock p {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-purpose {
    padding: 32px 0 12px 0;
  }

  .KU9-purpose__title {
    font-size: 1.06rem;
  }

  .KU9-purpose__btn {
    padding: 12px 10vw;
    font-size: 0.99rem;
  }
}

.KU9-consistency {
  background:linear-gradient(114deg, #f8f8ff 0%, #b3f5b3 100%);
  position: relative;
  padding: 90px 0 80px 0;
  overflow: hidden;
}

.KU9-consistency__glow {
  position: absolute;
  right: 0;
  top: 34%;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, #f80 20%, transparent 88%);
  opacity: 0.11;
  filter: blur(42px);
  z-index: 1;
  animation: KU9-consistency-float 9s infinite alternate;
}

@keyframes KU9-consistency-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(50px);
  }
}

.KU9-consistency__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}

.KU9-consistency__grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 60px;
  align-items: center;

  backdrop-filter: blur(2.5px);
  padding: 56px 40px 54px 46px;
}

.KU9-consistency__contentcol {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.KU9-consistency__title {
  color: #302823;
  font-size: 2.15rem;
  font-weight: 900;
  margin-bottom: 19px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.KU9-consistency__icon {
  font-size: 2.08rem;
  color: #f80;
  animation: KU9-consistency-glow 1.6s infinite alternate;
}

@keyframes KU9-consistency-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 18px #f80);
  }
}

.KU9-consistency__descblock {
  max-width: 530px;
  margin-bottom: 25px;
}

.KU9-consistency__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  margin-bottom: 12px;
  color: #2c2129;
  text-align: left;
}

.KU9-consistency__descblock p {
  margin: 0;

  color: #463a3e;
  font-size: 1.07rem;
  text-align: left;
}

.KU9-consistency__achievements {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 27px;
}

.KU9-consistency__achievement {
  background: linear-gradient(108deg, #fff2e6 65%, #fff8ee 100%);
  color: #c9710b;
  font-size: 1.01rem;
  font-weight: 800;
  border-radius: 14px;
  padding: 9px 17px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 7px rgba(255, 128, 0, 0.06);
  transition: background 0.17s, border 0.16s, transform 0.15s;
}

.KU9-consistency__achievement i {
  color: #f80;
  font-size: 1.11rem;
}

.KU9-consistency__achievement:hover {
  background: #f80;
  color: #fff;
  border: 1.5px solid #fff;
  transform: scale(1.08);
}

.KU9-consistency__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-consistency__btn {
  background: #f80;
  color: #fff;
  font-weight: 900;
  font-size: 1.13rem;
  border-radius: 16px;
  padding: 17px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 9px 20px rgba(255, 128, 0, 0.15);
  transition: background .18s, color .18s, transform .21s;
  animation: KU9-consistency-btn-glow 2.2s infinite alternate;
}

.KU9-consistency__btn:hover,
.KU9-consistency__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 18px 44px rgba(255, 128, 0, 0.18);
}

@keyframes KU9-consistency-btn-glow {
  0% {
    box-shadow: 0 2px 13px rgba(255, 128, 0, 0.09);
  }

  100% {
    box-shadow: 0 10px 36px rgba(255, 128, 0, 0.14);
  }
}

.KU9-consistency__imgcol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-consistency__imgwrap {
  background:rgb(90 196 99 / 97%);
  border-radius: 28px;
  box-shadow: 0 9px 32px rgba(255, 128, 0, 0.11);
  padding: 36px 18px 20px 18px;
  
  text-align: center;
  position: relative;
  z-index: 2;
}

.KU9-consistency__imgwrap img {
  width: 100%;
  
  border-radius: 17px;
  box-shadow: 0 6px 22px rgba(255, 128, 0, 0.07);
}

.KU9-consistency__imgbadge {
  background: #fff8e8;
  color: #f80;
  font-weight: 800;
  border-radius: 13px;
  padding: 9px 16px;
  font-size: 1.02rem;
  box-shadow: 0 2px 7px #f80b;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  right: 22px;
  bottom: 20px;
  z-index: 2;
}

.KU9-consistency__imgbadge i {
  color: #f80;
}

/* Mobile/tablet: stack and center everything */
@media (max-width: 900px) {
  .KU9-consistency__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 20px 2vw 15px 2vw;
  }

  .KU9-consistency__imgcol,
  .KU9-consistency__contentcol {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-consistency__imgwrap {
    margin: 0 auto;
  }

  .KU9-consistency__imgbadge {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .KU9-consistency__descblock,
  .KU9-consistency__achievements,
  .KU9-consistency__actions {
    justify-content: center;
  }

  .KU9-consistency__lead {
      text-align: left;
  }
  .KU9-consistency__descblock p {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-consistency {
    padding: 36px 0 16px 0;
  }

  .KU9-consistency__title {
    font-size: 1.09rem;
  }

  .KU9-consistency__btn {
    padding: 12px 10vw;
    font-size: 0.98rem;
  }
}

.KU9-smartplay {
  position: relative;
  padding: 95px 0 80px 0;
  background: #13121c;
  overflow: hidden;
}

.KU9-smartplay__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, #0b692f 70%, #059900 100%);
  z-index: 1;
}

.KU9-smartplay__overlay {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-12deg, #2b253f44 0 10px, transparent 10px 40px);
  z-index: 2;
  opacity: 0.5;
  pointer-events: none;
}

.KU9-smartplay__shell {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

.KU9-smartplay__card {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: linear-gradient(112deg, #0a6100e8 90%, #2b7400eb 100%);
  border-radius: 30px;
  box-shadow: 0 16px 62px #2c192f33, 0 2px 16px #00ff29aa;
  overflow: hidden;
  padding: 0;
  position: relative;
  min-height: 320px;
  backdrop-filter: blur(3px);
}

.KU9-smartplay__contentcol {
  flex: 1.5;
  padding: 56px 46px 48px 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.KU9-smartplay__imgcol {
  flex: 1.2;
  background: linear-gradient(141deg, #231c33ee 60%, #181b26cc 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 0 0;
  position: relative;
}

.KU9-smartplay__imgwrap {
  margin: 0 auto 36px auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-smartplay__imgwrap img {
  
  border-radius: 17px;
  box-shadow: 0 5px 27px #00ff29aa, 0 2px 19px #2a1e25bb;
  background: #181b24;
}

.KU9-smartplay__imgbadge {
  background: #1a1a1c;
  color: #f8c869;
  font-weight: 800;
  border-radius: 13px;
  padding: 7px 14px;
  font-size: 0.99rem;
  box-shadow: 0 2px 9px #00ff29aa;
  display: flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  border: 1.5px solid #f8c86944;
}

.KU9-smartplay__imgbadge i {
  color: #f8c869;
}

.KU9-smartplay__title {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 900;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 1px;
  text-shadow: 0 5px 24px #1b111f91;
}

.KU9-smartplay__icon {
  font-size: 2rem;
  color: #f8c869;
  animation: KU9-smartplay-glow 1.8s infinite alternate;
}

@keyframes KU9-smartplay-glow {
  0% {
    filter: drop-shadow(0 0 7px #f8c869);
  }

  100% {
    filter: drop-shadow(0 0 22px #f8c869);
  }
}

.KU9-smartplay__descblock {
  max-width: 520px;
  margin-bottom: 28px;
}

.KU9-smartplay__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  margin-bottom: 12px;
  color: #fff;
  text-align: center;
}

.KU9-smartplay__descblock p {
  margin: 0;

  color: #ded7e7;
  font-size: 1.05rem;
  text-align: center;
}

.KU9-smartplay__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 26px;
  justify-content: center;
}

.KU9-smartplay__tool {
  background: linear-gradient(99deg, #222231 80%, #1b1927 100%);
  color: #f8c869;
  font-size: 0.97rem;
  font-weight: 800;
  border-radius: 13px;
  padding: 9px 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #f8c86933;
  box-shadow: 0 2px 7px #00ff29aa;
  transition: background 0.17s, border 0.16s, transform 0.15s, color 0.13s;
  cursor: pointer;
  animation: KU9-smartplay-toolpulse 2.8s infinite alternate;
}

@keyframes KU9-smartplay-toolpulse {
  0% {
    box-shadow: 0 2px 8px #f8c86922;
  }

  100% {
    box-shadow: 0 9px 30px #f8c86933;
  }
}

.KU9-smartplay__tool i {
  color: #f8c869;
  font-size: 1.09rem;
}

.KU9-smartplay__tool:hover {
  background: #f8c869;
  color: #222231;
  border: 1.5px solid #fff;
  transform: scale(1.09);
}

.KU9-smartplay__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-smartplay__btn {
  background: #f8c869;
  color: #191929;
  font-weight: 900;
  font-size: 1.16rem;
  border-radius: 15px;
  padding: 17px 54px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 24px #f8c86944;
  transition: background .18s, color .18s, transform .20s;
  animation: KU9-smartplay-btn-glow 2.1s infinite alternate;
}

.KU9-smartplay__btn:hover,
.KU9-smartplay__btn:focus {
  background: #fff;
  color: #f8c869;
  transform: scale(1.08);
  box-shadow: 0 18px 40px #f8c86941;
}

@keyframes KU9-smartplay-btn-glow {
  0% {
    box-shadow: 0 2px 13px #f8c86919;
  }

  100% {
    box-shadow: 0 12px 38px #f8c86929;
  }
}

/* Mobile/tablet: stack everything, all centered */
@media (max-width: 900px) {
  .KU9-smartplay__card {
    flex-direction: column;
    min-height: 0;
  }

  .KU9-smartplay__contentcol,
  .KU9-smartplay__imgcol {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 34px 6vw 0 6vw;
  }

  .KU9-smartplay__imgwrap {
    margin: 0 auto 18px auto;
  }

  .KU9-smartplay__imgbadge {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .KU9-smartplay__descblock,
  .KU9-smartplay__tools,
  .KU9-smartplay__actions {
    justify-content: center;
  }

  .KU9-smartplay__lead {
      text-align: left;
  }
  .KU9-smartplay__descblock p {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-smartplay {
    padding: 38px 0 14px 0;
  }

  .KU9-smartplay__title {
    font-size: 1.04rem;
  }

  .KU9-smartplay__btn {
    padding: 12px 10vw;
    font-size: 0.98rem;
  }
}

.KU9-attention {
  background:linear-gradient(110deg, #20ad2d 0%, #f8f5ff 100%);
  position: relative;
  padding: 90px 0 70px 0;
  overflow: hidden;
}

.KU9-attention__bg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 310px;
  height: 330px;
  background: radial-gradient(circle, #f80 27%, transparent 90%);
  opacity: 0.10;
  filter: blur(36px);
  z-index: 1;
  animation: KU9-attention-float 10s infinite alternate;
}

@keyframes KU9-attention-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(40px);
  }
}

.KU9-attention__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 34px;
  box-shadow: 0 9px 36px rgba(255, 128, 0, 0.11);
  backdrop-filter: blur(2px);
  padding-bottom: 36px;
}

.KU9-attention__imgwrap {
  width: 100%;
  margin: 0 auto 36px auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgb(221 252 227 / 97%);
  border-radius: 24px;
  box-shadow: 0 6px 19px #10ff00aa;
  padding: 36px 0 24px 0;
}

.KU9-attention__imgwrap img {
  width: 158px;
  max-width: 46vw;
  border-radius: 16px;
  box-shadow: 0 3px 19px #00ff29aa, 0 1px 10px #18110f19;
  background: #fffbe6;
}

.KU9-attention__badge {
  background: #fff4dd;
  color: #f80;
  font-weight: 800;
  border-radius: 12px;
  padding: 8px 15px;
  font-size: 1.01rem;
  box-shadow: 0 2px 7px #00ff29aa;
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  border: 1.5px solid #00ff29aa;
}

.KU9-attention__badge i {
  color: #f80;
}

.KU9-attention__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.KU9-attention__title {
  color: #1c1a1f;
  font-size: 2.09rem;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.KU9-attention__icon {
  font-size: 2rem;
  color: #f80;
  animation: KU9-attention-glow 1.5s infinite alternate;
}

@keyframes KU9-attention-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 18px #f80);
  }
}

.KU9-attention__descblock {
  max-width: 900px;
  margin-bottom: 22px;
}

.KU9-attention__lead {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 12px;
  color: #1c1a1f;
  text-align: left;
}

.KU9-attention__descblock p {
  margin: 0;
  color: #3f3533;
  font-size: 1.04rem;
  text-align: center;

}

.KU9-attention__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 26px;
  justify-content: center;
}

.KU9-attention__chip {
  background: linear-gradient(108deg, #fff6ea 75%, #fff8ef 100%);
  color: #ce770b;
  font-size: 1.01rem;
  font-weight: 800;
  border-radius: 13px;
  padding: 9px 17px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 6px rgba(255, 128, 0, 0.05);
  transition: background 0.17s, border 0.16s, transform 0.15s;
}

.KU9-attention__chip i {
  color: #f80;
  font-size: 1.13rem;
}

.KU9-attention__chip:hover {
  background: #f80;
  color: #fff;
  border: 1.5px solid #fff;
  transform: scale(1.08);
}

.KU9-attention__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-attention__btn {
  background: #f80;
  color: #fff9e9;
  font-weight: 900;
  font-size: 1.15rem;
  border-radius: 15px;
  padding: 17px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 9px 20px rgba(255, 128, 0, 0.14);
  transition: background .17s, color .17s, transform .20s;
  animation: KU9-attention-btn-glow 2.2s infinite alternate;
}

.KU9-attention__btn:hover,
.KU9-attention__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 17px 44px rgba(255, 128, 0, 0.18);
}

@keyframes KU9-attention-btn-glow {
  0% {
    box-shadow: 0 2px 10px rgba(255, 128, 0, 0.09);
  }

  100% {
    box-shadow: 0 10px 32px rgba(255, 128, 0, 0.14);
  }
}

/* Mobile/tablet: all content/buttons centered, image above content */
@media (max-width: 900px) {
  .KU9-attention__shell {
    padding-bottom: 16px;
  }

  .KU9-attention__imgwrap {
    margin-bottom: 23px;
  }

  .KU9-attention__descblock,
  .KU9-attention__chips,
  .KU9-attention__actions {
    justify-content: center;
  }

  .KU9-attention__lead {
      text-align: left;
  }
  .KU9-attention__descblock p,
  .KU9-attention__title {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-attention {
    padding: 36px 0 10px 0;
  }

  .KU9-attention__title {
    font-size: 1.02rem;
  }

  .KU9-attention__btn {
    padding: 12px 10vw;
    font-size: 0.97rem;
  }
}

.KU9-slots {
  position: relative;
  min-height: 520px;
  background: #004203;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-slots__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center center/cover no-repeat;
  z-index: 1;
  filter: brightness(0.55) blur(2px);
  animation: KU9-slots-bg-fade 18s infinite alternate;
}

@keyframes KU9-slots-bg-fade {
  0% {
    filter: brightness(0.50) blur(2.5px);
  }

  100% {
    filter: brightness(0.75) blur(1px);
  }
}

.KU9-slots__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(114deg, rgba(24, 17, 32, 0.91) 78%, rgba(255, 128, 0, 0.08) 100%);
  z-index: 2;
  pointer-events: none;
}

.KU9-slots__shell {
  position: relative;
  z-index: 3;
  max-width: 1100px;
  margin: 0 auto;
  padding: 68px 26px 64px 26px;
  border-radius: 33px;
  background: rgb(36 98 11 / 92%);
  box-shadow: 0 10px 50px rgba(255, 128, 0, 0.13);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-slots__title {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 22px;

  text-shadow: 0 6px 32px rgba(32, 18, 8, 0.18);
}

.KU9-slots__descblock {
  text-align: center;
}

.KU9-slots__lead {
  display: inline-block;
  padding-left: 10px;
    text-align: center;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  margin-bottom: 13px;
  color: #fff;
  
}

.KU9-slots__descblock p {
  margin: 0;
  margin-bottom: 20px;
  color: #e9e8f7;
  font-size: 1.06rem;
  text-align: center;

}

.KU9-slots__features {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 24px;
  margin: 16px auto 38px auto;
  justify-content: center;
  width: 100%;
}

.KU9-slots__feature {
  background: linear-gradient(113deg, #232035 82%, #281e32 100%);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 13px rgba(255, 128, 0, 0.10);
  padding: 17px 20px;
  min-width: 120px;
  font-weight: 700;
  font-size: 1.08rem;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 2.2px solid #fff1;
  transition: box-shadow .16s, border .15s, transform .16s;
  animation: KU9-slots-featurepulse 3.7s infinite alternate;
}

.KU9-slots__feature:hover {
  box-shadow: 0 6px 28px #f80b;
  border: 2.2px solid #f80;
  transform: scale(1.045) translateY(-6px);
}

.KU9-slots__icon i {
  font-size: 1.46rem;
  color: #f80;
  filter: drop-shadow(0 0 6px #00ff29aa);
  animation: KU9-slots-iconglow 2s infinite alternate;
}

@keyframes KU9-slots-iconglow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 15px #f80);
  }
}

@keyframes KU9-slots-featurepulse {
  0% {
    box-shadow: 0 2px 13px #00ff29aa;
  }

  100% {
    box-shadow: 0 9px 32px #f805;
  }
}

.KU9-slots__actions {
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.KU9-slots__btn {
  background: #f80;
  color: #181c28;
  font-weight: 900;
  font-size: 1.16rem;
  border-radius: 16px;
  padding: 17px 52px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, 0.13);
  transition: background .18s, color .18s, transform .23s;
  animation: KU9-slots-btn-glow 2.2s infinite alternate;
}

.KU9-slots__btn:hover,
.KU9-slots__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 18px 52px rgba(255, 128, 0, 0.19);
}

@keyframes KU9-slots-btn-glow {
  0% {
    box-shadow: 0 3px 13px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 13px 38px rgba(255, 128, 0, 0.19);
  }
}

/* Slot reel animation (visual accent) */
.KU9-slots__reelanim {
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: center;
  gap: 18px;
}

.KU9-slots__reel {
  width: 32px;
  height: 48px;
  background: linear-gradient(110deg, #181b24 60%, #ffeab8 100%);
  border-radius: 8px;
  box-shadow: 0 3px 14px #f80b;
  position: relative;
  animation: KU9-slots-reelspin 1.3s infinite alternate;
}

.KU9-slots__reel--1 {
  animation-delay: 0s;
}

.KU9-slots__reel--2 {
  animation-delay: 0.33s;
}

.KU9-slots__reel--3 {
  animation-delay: 0.66s;
}

@keyframes KU9-slots-reelspin {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-18px) scaleY(1.05);
  }
}

/* Responsive: everything centered on mobile, features in one column */
@media (max-width: 900px) {
  .KU9-slots__shell {
    padding: 32px 2vw 30px 2vw;
    border-radius: 18px;
  }

  .KU9-slots__title {
    font-size: 1.16rem;
  }

  .KU9-slots__lead {
      text-align: left;
  }
  .KU9-slots__descblock,
  .KU9-slots__descblock p {
    text-align: center;
  }

  .KU9-slots__features {
    flex-direction: column;
    gap: 9px;
  }

  .KU9-slots__feature {
    min-width: 90px;
    font-size: 0.97rem;
  }

  .KU9-slots__btn {
    padding: 13px 10vw;
    font-size: 1rem;
  }

  .KU9-slots__reelanim {
    margin-top: 22px;
  }
}

@media (max-width: 600px) {
  .KU9-slots {
    min-height: 330px;
  }
}

.KU9-thinker {
  background: linear-gradient(114deg, #3b980f 0%, #f4f5fb 100%);
  position: relative;
  padding: 84px 0 68px 0;
  overflow: hidden;
}

.KU9-thinker__bg {
  position: absolute;
  left: 0;
  top: 44%;
  width: 260px;
  height: 330px;
  background: radial-gradient(circle, #f80 25%, transparent 80%);
  opacity: 0.09;
  filter: blur(38px);
  z-index: 1;
  animation: KU9-thinker-bgfloat 9s infinite alternate;
}

@keyframes KU9-thinker-bgfloat {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(33px);
  }
}

.KU9-thinker__accent {
  position: absolute;
  right: -80px;
  top: 0;
  width: 210px;
  height: 210px;
  background: radial-gradient(circle at 55% 45%, #f80 15%, transparent 88%);
  opacity: 0.15;
  filter: blur(26px);
  z-index: 1;
}

.KU9-thinker__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}

.KU9-thinker__panels {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
  background: rgb(0 151 41 / 92%);
  border-radius: 38px;
  box-shadow: 0 13px 44px rgba(255, 128, 0, 0.07);
  padding: 30px;
  backdrop-filter: blur(2.5px);
  position: relative;
}

.KU9-thinker__visualpanel {
  flex: 1.07;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  min-width: 240px;
}

.white-btn {
  background: white;
}

.KU9-thinker__img {
  background: rgba(255, 248, 238, 0.96);
  border-radius: 22px 22px 36px 36px;
  box-shadow: 0 11px 35px #00ff29aa;
  padding: 26px 12px 18px 12px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-thinker__img img {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 4px 18px #00ff29aa;
}

.KU9-thinker__chart {
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: flex-end;
  margin-top: 11px;
  width: 90%;
  min-width: 90px;
}

.KU9-thinker__bar {
  width: 16px;
  border-radius: 7px;
  background: linear-gradient(117deg, #ffdc96 58%, #f80 100%);
  animation: KU9-thinker-barwave 1.5s infinite alternate;
}

.KU9-thinker__bar--1 {
  height: 45px;
  animation-delay: 0s;
}

.KU9-thinker__bar--2 {
  height: 64px;
  animation-delay: .5s;
}

.KU9-thinker__bar--3 {
  height: 34px;
  animation-delay: 1s;
}

@keyframes KU9-thinker-barwave {
  0% {
    filter: brightness(0.93);
  }

  100% {
    filter: brightness(1.2);
  }
}

.KU9-thinker__contentpanel {
  flex: 2.2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 12px;
}

.KU9-thinker__title {
  color: #fff;
  font-size: 2.01rem;
  font-weight: 900;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.KU9-thinker__icon {
  font-size: 2.1rem;
  color: #f80;
  animation: KU9-thinker-iconglow 2.2s infinite alternate;
}

@keyframes KU9-thinker-iconglow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 19px #f80);
  }
}

.KU9-thinker__descblock {

  margin-bottom: 25px;
}

.KU9-thinker__sublead {
  display: block;
  color: #fff;
  font-weight: 800;
  font-size: 1.08rem;
  margin-bottom: 11px;
  text-align: left;
}

.KU9-thinker__descblock p {
  margin: 0 0 18px 0;
  color: #fff;
  font-size: 1.04rem;
  text-align: left;

}

.KU9-thinker__infobox {
  background: #fff3d9;
  border-left: 2px solid #f80;
  border-radius: 0 11px 11px 0;
  font-size: 1.01rem;
  color: #7d4b0a;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px 0;
  padding: 9px 18px 9px 13px;
  box-shadow: 0 2px 6px #00ff29aa;
}

.KU9-thinker__infobox-icon {
  font-size: 1.28rem;
  color: #f80;
  flex-shrink: 0;
}

.KU9-thinker__infobox-strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.08rem;
  color: #7d4b0a;
}

.KU9-thinker__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.KU9-thinker__btn {
  background: linear-gradient(90deg, #f80 80%, #ffeab8 100%);
  color: #322714;
  font-weight: 900;
  font-size: 1.14rem;
  border-radius: 17px;
  padding: 15px 48px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 24px #00ff29aa;
  transition: background .17s, color .17s, transform .19s;
  animation: KU9-thinker-btnshine 2.4s infinite alternate;
  position: relative;
  overflow: hidden;
}

.KU9-thinker__btn:hover,
.KU9-thinker__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.07);
  box-shadow: 0 17px 32px #f80b;
}

@keyframes KU9-thinker-btnshine {
  0% {
    box-shadow: 0 2px 11px #00ff29aa;
  }

  100% {
    box-shadow: 0 10px 31px #00ff29aa;
  }
}

/* Responsive: stack panels, everything centered, chart below img */
@media (max-width: 900px) {
  .KU9-thinker__panels {
    flex-direction: column-reverse;
    gap: 18px;
    padding: 22px 4vw 20px 4vw;
    border-radius: 19px;
  }

  .KU9-thinker__visualpanel {
    min-width: 0;
  }

  .KU9-thinker__contentpanel {
    align-items: center;
    text-align: center;
    padding-bottom: 0;
  }

  .KU9-thinker__sublead {
      text-align: left;
  }
  .KU9-thinker__title,
  .KU9-thinker__descblock p,
  .KU9-thinker__infobox,
  .KU9-thinker__infobox-strong {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-thinker {
    padding: 31px 0 12px 0;
  }

  .KU9-thinker__title {
    font-size: 1.04rem;
  }

  .KU9-thinker__btn {
    padding: 10px 10vw;
    font-size: 0.98rem;
  }

  .KU9-thinker__img {
    padding: 11px 3vw 10px 3vw;
  }
}

.KU9-intention {
  background:linear-gradient(120deg, #f9f9ff 0%, #01e300 100%);
  position: relative;
  padding: 86px 0 68px 0;
  overflow: hidden;
}

.KU9-intention__bg {
  position: absolute;
  left: -60px;
  top: 43%;
  width: 320px;
  height: 280px;
  background: radial-gradient(circle, #f80 21%, transparent 88%);
  opacity: 0.11;
  filter: blur(34px);
  z-index: 1;
  animation: KU9-intention-bgfloat 8s infinite alternate;
}

@keyframes KU9-intention-bgfloat {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(30px);
  }
}

.KU9-intention__compass {
  position: absolute;
  right: -90px;
  top: 10%;
  width: 230px;
  height: 230px;
  background: url('img/bg.jpg') center center/contain no-repeat;
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
  animation: KU9-intention-compassspin 34s linear infinite;
}

@keyframes KU9-intention-compassspin {
  to {
    transform: rotate(360deg);
  }
}

.KU9-intention__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 18px;
}

.KU9-intention__row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 54px;
  backdrop-filter: blur(2.5px);
  position: relative;
}

.KU9-intention__content {
  flex: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.KU9-intention__title {
  color: #322922;
  font-size: 2.01rem;
  font-weight: 900;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.KU9-intention__icon {
  font-size: 2rem;
  color: #f80;
  animation: KU9-intention-iconglow 2.1s infinite alternate;
}

@keyframes KU9-intention-iconglow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 19px #f80);
  }
}

.KU9-intention__descblock {
  max-width: 520px;
  margin-bottom: 26px;
}

.KU9-intention__sublead {
  display: block;
  color: #b7790d;
  font-weight: 800;
  font-size: 1.09rem;
  margin-bottom: 11px;
  text-align: left;
}

.KU9-intention__descblock p {
  margin: 0 0 15px 0;
  color: #3d2e23;
  font-size: 1.05rem;
  text-align: left;

}

.KU9-intention__infobox {
  background: #fff3e0;
  border-left: 2px solid #f80;
  border-radius: 0 13px 13px 0;
  font-size: 1.04rem;
  color: #8c650a;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 6px 0;
  padding: 10px 18px 10px 13px;
  box-shadow: 0 2px 6px #00ff29aa;
}

.KU9-intention__infobox-icon {
  font-size: 1.21rem;
  color: #f80;
  flex-shrink: 0;
}

.KU9-intention__infobox-strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.06rem;
  color: #8c650a;
}

.KU9-intention__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 13px;
}

.KU9-intention__btn {
  background: linear-gradient(92deg, #f80 80%, #ffeab8 100%);
  color: #372c17;
  font-weight: 900;
  font-size: 1.15rem;
  border-radius: 17px;
  padding: 16px 48px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 24px #00ff29aa;
  transition: background .18s, color .18s, transform .19s;
  animation: KU9-intention-btnshine 2.2s infinite alternate;
  position: relative;
  overflow: hidden;
}

.KU9-intention__btn:hover,
.KU9-intention__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.07);
  box-shadow: 0 17px 32px #f80b;
}

@keyframes KU9-intention-btnshine {
  0% {
    box-shadow: 0 2px 11px #00ff29aa;
  }

  100% {
    box-shadow: 0 10px 31px #00ff29aa;
  }
}

.KU9-intention__visual {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.KU9-intention__visualbox {
  background: #fffdf3;
  border-radius: 30px 50px 24px 44px;
  box-shadow: 0 6px 28px #00aa08cc;
  padding: 22px 18px 15px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.KU9-intention__visualbox img {
  border-radius: 14px;
  box-shadow: 0 4px 12px #00ff29aa;
}

.KU9-intention__visual-pointer {
  position: absolute;
  left: 86px;
  top: 16px;
  width: 12px;
  height: 70px;
  background: linear-gradient(101deg, #f80 55%, #fffab1 100%);
  border-radius: 8px;
  box-shadow: 0 3px 10px #f808;
  animation: KU9-intention-pointermove 5.5s infinite alternate cubic-bezier(.33, .9, .59, 1.2);
  transform-origin: 50% 0;
}

@keyframes KU9-intention-pointermove {
  0% {
    transform: rotate(-6deg);
  }

  100% {
    transform: rotate(18deg);
  }
}

/* Responsive: stack, center all */
@media (max-width: 900px) {
  .KU9-intention__row {
    flex-direction: column;
    gap: 14px;
    padding: 20px 3vw 13px 3vw;
    border-radius: 16px;
  }

  .KU9-intention__visual {
    margin-bottom: 18px;
  }

  .KU9-intention__content,
  .KU9-intention__visual {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .KU9-intention__descblock,
  .KU9-intention__infobox,
  .KU9-intention__infobox-strong {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .KU9-intention {
    padding: 27px 0 8px 0;
  }

  .KU9-intention__title {
    font-size: 1.01rem;
  }

  .KU9-intention__btn {
    padding: 10px 10vw;
    font-size: 0.97rem;
  }

  .KU9-intention__visualbox {
    min-height: 120px;
  }
}

.KU9-intent-nopic {
  background: linear-gradient(115deg, #f9f8ff 0%, #fff8e6 100%);
  position: relative;
  padding: 82px 0 70px 0;
  overflow: hidden;
}

.KU9-intent-nopic__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
  height: 580px;
  border-radius: 50%;
  background: radial-gradient(circle, #f80 14%, transparent 70%);
  opacity: 0.10;
  z-index: 1;
  filter: blur(35px);
  pointer-events: none;
  animation: KU9intentnopicbg 12s infinite alternate;
}

@keyframes KU9intentnopicbg {
  0% {
    filter: blur(20px);
    opacity: 0.08;
  }

  100% {
    filter: blur(38px);
    opacity: 0.13;
  }
}

.KU9-intent-nopic__shell {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 35px;
  box-shadow: 0 12px 40px #00ff16aa;
  padding: 54px 30px 44px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-intent-nopic__compassicon {
  font-size: 2.6rem;
  color: #f80;
  margin-bottom: 7px;
  text-shadow: 0 2px 16px #f80b;
  animation: KU9intentcompass 2.2s infinite alternate;
}

@keyframes KU9intentcompass {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 16px #f80);
  }
}

.KU9-intent-nopic__title {
  color: #322922;
  font-size: 2.01rem;
  font-weight: 900;
  margin-bottom: 14px;
  text-align: center;
}

.KU9-intent-nopic__descblock {
  margin-bottom: 28px;
  text-align: center;
}

.KU9-intent-nopic__sublead {
    text-align: center;
  display: block;
  color: #a66b05;
  font-weight: 800;
  font-size: 1.09rem;
  margin-bottom: 13px;
}

.KU9-intent-nopic__descblock p {
  color: #3d2e23;
  font-size: 1.07rem;

  margin: 0 0 13px 0;
}

.KU9-intent-nopic__infobox {
  background: #fff3e1;
  border-left: 2px solid #f80;
  border-radius: 0 11px 11px 0;
  font-size: 1.06rem;
  color: #c48a1e;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 auto 2px auto;
  padding: 10px 18px 10px 13px;
  box-shadow: 0 2px 7px #00ff29aa;
  justify-content: center;
  animation: KU9intentinfoboxfade 2.7s infinite alternate;
}

@keyframes KU9intentinfoboxfade {
  0% {
    background: #fff3e1;
  }

  100% {
    background: #ffe6ba;
  }
}

.KU9-intent-nopic__infobox-icon {
  font-size: 1.22rem;
  color: #f80;
  flex-shrink: 0;
}

.KU9-intent-nopic__infobox-strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.07rem;
  color: #8c650a;
}

.KU9-intent-nopic__dots {
  margin: 18px auto 24px auto;
  display: flex;
  gap: 12px;
  justify-content: center;
}

.KU9-intent-nopic__dot {
  width: 13px;
  height: 13px;
  background: linear-gradient(100deg, #ffeab8 60%, #f80 100%);
  border-radius: 50%;
  box-shadow: 0 2px 10px #f805;
  animation: KU9intentdot 2s infinite alternate;
}

.KU9-intent-nopic__dot:nth-child(2) {
  animation-delay: .3s;
}

.KU9-intent-nopic__dot:nth-child(3) {
  animation-delay: .6s;
}

.KU9-intent-nopic__dot:nth-child(4) {
  animation-delay: .9s;
}

@keyframes KU9intentdot {
  0% {
    filter: brightness(1);
  }

  100% {
    filter: brightness(1.18) drop-shadow(0 0 6px #f80);
  }
}

.KU9-intent-nopic__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-intent-nopic__btn {
  background: linear-gradient(92deg, #f80 85%, #ffeab8 100%);
  color: #372c17;
  font-weight: 900;
  font-size: 1.15rem;
  border-radius: 17px;
  padding: 15px 48px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 7px 24px #00ff29aa;
  transition: background .18s, color .18s, transform .19s;
  animation: KU9intentbtnshine 2.1s infinite alternate;
  position: relative;
  overflow: hidden;
}

.KU9-intent-nopic__btn:hover,
.KU9-intent-nopic__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 15px 28px #f80b;
}

@keyframes KU9intentbtnshine {
  0% {
    box-shadow: 0 2px 11px #00ff29aa;
  }

  100% {
    box-shadow: 0 10px 31px #00ff29aa;
  }
}

/* Responsive: all centered, smaller padding */
@media (max-width: 900px) {
  .KU9-intent-nopic__shell {
    padding: 20px;
    border-radius: 13px;
  }

  .KU9-intent-nopic__title {
    font-size: 1.07rem;
  }

  .KU9-intent-nopic__sublead {
      text-align: left;
  }
  .KU9-intent-nopic__descblock,
  .KU9-intent-nopic__descblock p,
  .KU9-intent-nopic__infobox,
  .KU9-intent-nopic__infobox-strong {
    text-align: center;
  }

  .KU9-intent-nopic__btn {
    padding: 12px 10vw;
    font-size: 0.98rem;
  }
}

@media (max-width: 600px) {
  .KU9-intent-nopic {
    padding: 26px 0 6px 0;
  }
}

.KU9-bet {
  position: relative;
  min-height: 540px;
  background: #161621;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KU9-bet__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center center/cover no-repeat;
  z-index: 1;
  filter: brightness(0.58) blur(1.5px);
  animation: KU9betbgfade 16s infinite alternate;
}

@keyframes KU9betbgfade {
  0% {
    filter: brightness(0.55) blur(2.1px);
  }

  100% {
    filter: brightness(0.68) blur(1px);
  }
}

.KU9-bet__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(114deg, rgb(39 124 19 / 93%) 78%, rgba(255, 128, 0, 0.08) 100%);
  z-index: 2;
  pointer-events: none;
}

.KU9-bet__shell {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 32px 65px 32px;
  border-radius: 34px;
  backdrop-filter: blur(2.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-bet__ticker {
  width: 100%;
  overflow-x: auto;
  display: flex;
  gap: 32px;
  align-items: center;
  margin-bottom: 25px;
  font-size: 1.04rem;
  background: rgba(18, 15, 23, 0.68);
  border-radius: 19px;
  padding: 7px 0 7px 18px;
  box-shadow: 0 2px 14px #f80b;
}

@keyframes KU9betticker {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-220px);
  }
}

.KU9-bet__live {
  color: #f80;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 13px;
  animation: KU9betliveblink 1.1s infinite alternate;
}

@keyframes KU9betliveblink {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

.KU9-bet__match {
  color: #ffd77a;
  margin-right: 32px;
  white-space: nowrap;
  font-weight: 700;
}

.KU9-bet__title {
  color: #fff;
  font-size: 2.18rem;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 17px;

  text-shadow: 0 7px 36px rgba(40, 18, 8, 0.13);
}

.KU9-bet__infobox {
  background: #fff5e3;
  border-left: 2px solid grey;
  border-radius: 0 12px 12px 0;
  padding: 12px 21px 12px 17px;
  margin: 0 auto 18px auto;
  font-size: 1.08rem;
  color: #cf7807;
  font-weight: bolder;
  box-shadow: 0 2px 8px #00ff29aa;
  text-align: center;
}

.KU9-bet__infobox strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.08rem;
  color: #cf7807;
}

.KU9-bet__descblock {
  max-width: 700px;
  margin-bottom: 28px;
  color: #fafafa;
  font-size: 1.06rem;
  text-align: center;

}

.KU9-bet__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-bet__btn {
  background: #f80;
  color: #181c28;
  font-weight: 900;
  font-size: 1.17rem;
  border-radius: 16px;
  padding: 18px 52px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, 0.13);
  transition: background .19s, color .19s, transform .23s;
  animation: KU9betbtnglow 2.2s infinite alternate;
}

.KU9-bet__btn:hover,
.KU9-bet__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 18px 54px rgba(255, 128, 0, 0.20);
}

@keyframes KU9betbtnglow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, 0.13);
  }

  100% {
    box-shadow: 0 13px 48px rgba(255, 128, 0, 0.23);
  }
}

/* Responsive: all centered, smaller padding */
@media (max-width: 900px) {
  .KU9-bet__shell {
    padding: 32px 2vw 30px 2vw;
    border-radius: 18px;
    max-width: 100%;
  }

  .KU9-bet__title {
    font-size: 1.15rem;
  }

  .KU9-bet__infobox,
  .KU9-bet__descblock {
    text-align: center;
  }

  .KU9-bet__btn {
    padding: 13px 10vw;
    font-size: 1.02rem;
  }

  .KU9-bet__ticker {
    font-size: 0.97rem;
    padding-left: 9px;
  }
}

@media (max-width: 600px) {
  .KU9-bet {
    min-height: 320px;
  }
}



.KU9-bet__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.KU9-bet__btn {
  background: #f80;
  color: #181c28;
  font-weight: 900;
  font-size: 1.17rem;
  border-radius: 16px;
  padding: 18px 52px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, 0.13);
  transition: background .19s, color .19s, transform .23s;
  animation: KU9betbtnglow 2.2s infinite alternate;
}

.KU9-bet__btn:hover,
.KU9-bet__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 18px 54px rgba(255, 128, 0, 0.20);
}

.KU9-bet__btn--outline {
  background: transparent;
  color: #ffd77a;
  border: 2.5px solid #ffd77a;
  box-shadow: 0 4px 20px #00ff29aa;
  animation: KU9betbtnoutlineglow 2.2s infinite alternate;
}

.KU9-bet__btn--outline:hover,
.KU9-bet__btn--outline:focus {
  background: #ffd77a;
  color: #1a1428;
  border-color: #fff;
  transform: scale(1.09);
}

@keyframes KU9betbtnoutlineglow {
  0% {
    box-shadow: 0 3px 13px #ffd77a13;
  }

  100% {
    box-shadow: 0 13px 38px #ffd77a36;
  }
}

/* Responsive tweaks */
@media (max-width: 900px) {
  .KU9-bet__actions {
    gap: 0;
  }

  .KU9-bet__btn,
  .KU9-bet__btn--outline {
    padding: 13px 10vw;
    font-size: 1.02rem;
  }
}

.KU9-strategybet {
  position: relative;
  padding: 88px 0 76px 0;
  background: #14151f;
  overflow: hidden;
}

.KU9-strategybet__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center center/cover no-repeat;
  z-index: 1;
  filter: brightness(0.28) blur(2.5px);
  opacity: 0.75;
}

.KU9-strategybet__shell {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.KU9-strategybet__card {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align-items: stretch;
}

.KU9-strategybet__content {
  flex: 1.35;
  padding: 60px 50px 50px 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.KU9-strategybet__visual {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 0 0 0;
}

.KU9-strategybet__imgwrap {
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 50%;
  box-shadow: 0 8px 26px #f80b;
}

.KU9-strategybet__imgwrap img {
  border-radius: 14px;
  box-shadow: 0 3px 16px #00ff29aa;
  background: #191929;
}

.KU9-strategybet__title {
  color: #fff;
  font-size: 2.01rem;
  font-weight: 900;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 1px;
}

.KU9-strategybet__icon {
  font-size: 2rem;
  color: #f80;
  animation: KU9-strategybet-glow 1.6s infinite alternate;
}

@keyframes KU9-strategybet-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 18px #f80);
  }
}

.KU9-strategybet__infobox {
  background: #fff7e1;
  border-left: 2px solid grey;
  border-radius: 0 12px 12px 0;
  padding: 13px 21px 13px 17px;
  margin-bottom: 22px;
  font-size: 1.09rem;
  color: #b6760c;
  font-weight: bolder;
  box-shadow: 0 2px 8px #00ff29aa;
  text-align: left;
}

.KU9-strategybet__infobox strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.09rem;
  color: #b6760c;
}

.KU9-strategybet__desc {
  color: #f6ecd6;
  font-size: 1.08rem;

  margin-bottom: 28px;
  text-align: left;
}

.KU9-strategybet__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 32px;
}

.KU9-strategybet__chip {
  background: linear-gradient(99deg, #222231 80%, #1b1927 100%);
  color: #f8c869;
  font-size: 0.99rem;
  font-weight: 800;
  border-radius: 14px;
  padding: 9px 17px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #f8c86933;
  box-shadow: 0 2px 7px #00ff29aa;
  cursor: pointer;
  animation: KU9-strategybet-chip 2.7s infinite alternate;
}

@keyframes KU9-strategybet-chip {
  0% {
    box-shadow: 0 2px 8px #f8c86922;
  }

  100% {
    box-shadow: 0 9px 28px #f8c86933;
  }
}

.KU9-strategybet__chip i {
  color: #f8c869;
  font-size: 1.14rem;
}

.KU9-strategybet__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-strategybet__btn {
  background: #f80;
  color: #191929;
  font-weight: 900;
  font-size: 1.15rem;
  border-radius: 15px;
  padding: 17px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 24px #f8c86944;
  transition: background .18s, color .18s, transform .20s;
  animation: KU9-strategybet-btn-glow 2.1s infinite alternate;
}

.KU9-strategybet__btn:hover,
.KU9-strategybet__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 18px 40px #f8c86941;
}

@keyframes KU9-strategybet-btn-glow {
  0% {
    box-shadow: 0 2px 13px #f8c86919;
  }

  100% {
    box-shadow: 0 12px 38px #f8c86929;
  }
}

/* Responsive — stack everything, all centered on mobile */
@media (max-width: 900px) {
  .KU9-strategybet__card {
    flex-direction: column;
    border-radius: 17px;
  }

  .KU9-strategybet__content,
  .KU9-strategybet__visual {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 26px 4vw 0 4vw;
  }

  .KU9-strategybet__desc,
  .KU9-strategybet__infobox,
  .KU9-strategybet__chips {
    text-align: center;
    justify-content: center;
  }

  .KU9-strategybet__imgwrap {
    margin: 16px auto 18px auto;
  }

  .KU9-strategybet__btn {
    padding: 13px 10vw;
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .KU9-strategybet {
    padding: 38px 0 16px 0;
  }

  .KU9-strategybet__title {
    font-size: 1.04rem;
  }
}

.KU9-datatools {
  position: relative;
  background: linear-gradient(112deg, #007c2f 0%, #16db2b 100%);
  padding: 88px 0 74px 0;
  overflow: hidden;
}

.KU9-datatools__bg {
  position: absolute;
  left: 0;
  top: 40%;
  width: 260px;
  height: 320px;
  background: radial-gradient(circle, #f80 22%, transparent 80%);
  opacity: 0.09;
  filter: blur(38px);
  z-index: 1;
  animation: KU9-datatools-float 9s infinite alternate;
}

@keyframes KU9-datatools-float {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(33px);
  }
}

.KU9-datatools__shell {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}

.KU9-datatools__card {
  display: flex;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 38px;
  box-shadow: 0 11px 48px #00ff29aa;
  align-items: stretch;
  overflow: hidden;
}

.KU9-datatools__content {
  flex: 1.5;
  padding: 56px 48px 48px 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.KU9-datatools__visual {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(121deg, #f7f8ff 67%, #fff3e1 100%);
  min-width: 220px;
  padding: 0 0 0 0;
}

.KU9-datatools__visualbox {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  background: rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  box-shadow: 0 5px 24px #f80b;
  position: relative;
}

.KU9-datatools__pulse {
  position: absolute;
  left: 50%;
  top: 54px;
  width: 38px;
  height: 38px;
  background: #f80;
  border-radius: 50%;
  opacity: 0.11;
  filter: blur(9px);
  transform: translateX(-50%);
  animation: KU9-datatools-pulse 2.5s infinite;
  z-index: 0;
}

@keyframes KU9-datatools-pulse {
  0% {
    opacity: 0.11;
    transform: scale(1) translateX(-50%);
  }

  60% {
    opacity: 0.25;
    transform: scale(1.25) translateX(-50%);
  }

  100% {
    opacity: 0.11;
    transform: scale(1) translateX(-50%);
  }
}

.KU9-datatools__visualbox img {
  
  border-radius: 13px;
  height: 100%;
  box-shadow: 0 3px 15px #00ff29aa;
  background: #fafafa;
  z-index: 2;
}

.KU9-datatools__title {
  color: #322922;
  font-size: 2.03rem;
  font-weight: 900;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.KU9-datatools__icon {
  font-size: 2.09rem;
  color: #f80;
  animation: KU9-datatools-glow 2.1s infinite alternate;
}

@keyframes KU9-datatools-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 19px #f80);
  }
}

.KU9-datatools__infobox {
  background: #fff6ea;
  border-left: 2px solid grey;
  border-radius: 0 12px 12px 0;
  padding: 13px 21px 13px 17px;
  margin-bottom: 18px;
  font-size: 1.10rem;
  color: #c38815;
  font-weight: bolder;
  box-shadow: 0 2px 8px #00ff29aa;
  max-width: 420px;
  text-align: left;
}

.KU9-datatools__infobox strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.10rem;
  color: #b6760c;
}

.KU9-datatools__desc {
  color: #4d413e;
  font-size: 1.09rem;

  margin-bottom: 26px;
  text-align: left;
  max-width: 520px;
}

.KU9-datatools__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 32px;
}

.KU9-datatools__chip {
  background: linear-gradient(101deg, #fff7e3 80%, #f6e7ca 100%);
  color: #e2a21d;
  font-size: 1rem;
  font-weight: 800;
  border-radius: 14px;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 7px #00ff29aa;
  cursor: pointer;
  animation: KU9-datatools-chip 2.4s infinite alternate;
}

@keyframes KU9-datatools-chip {
  0% {
    box-shadow: 0 2px 8px #00ff29aa;
  }

  100% {
    box-shadow: 0 9px 28px #f80b;
  }
}

.KU9-datatools__chip i {
  color: #f8c869;
  font-size: 1.14rem;
}

.KU9-datatools__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-datatools__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.16rem;
  border-radius: 17px;
  padding: 17px 56px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 24px #f8c86944;
  transition: background .17s, color .17s, transform .20s;
  animation: KU9-datatools-btn-glow 2.3s infinite alternate;
}

.KU9-datatools__btn:hover,
.KU9-datatools__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.09);
  box-shadow: 0 18px 40px #f8c86941;
}

@keyframes KU9-datatools-btn-glow {
  0% {
    box-shadow: 0 2px 13px #f8c86919;
  }

  100% {
    box-shadow: 0 12px 38px #f8c86929;
  }
}

/* Responsive — stack everything, all centered on mobile */
@media (max-width: 900px) {
  .KU9-datatools__card {
    flex-direction: column;
    border-radius: 17px;
  }

  .KU9-datatools__content,
  .KU9-datatools__visual {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 24px 4vw 0 4vw;
  }

  .KU9-datatools__desc,
  .KU9-datatools__infobox,
  .KU9-datatools__chips {
    text-align: center;
    justify-content: center;
  }

  .KU9-datatools__visualbox {
    margin: 18px auto 18px auto;
  }

  .KU9-datatools__btn {
    padding: 13px 10vw;
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .KU9-datatools {
    padding: 33px 0 14px 0;
  }

  .KU9-datatools__title {
    font-size: 1.04rem;
  }
}

.KU9-apphabits {
  position: relative;
  background: darkgreen;
  padding: 96px 0 62px 0;
  overflow: hidden;
}

.KU9-apphabits__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 80% 20%, #f80 11%, transparent 55%);
  opacity: 0.08;
  filter: blur(36px);
  z-index: 1;
  pointer-events: none;
}

.KU9-apphabits__shell {
  max-width: 1200px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 36px;
  box-shadow: 0 10px 48px #00ff29aa;
  padding: 46px 28px 38px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.KU9-apphabits__imgwrap {
  background: linear-gradient(135deg, #fffbe9 60%, #ffe5b5 100%);
  border-radius: 36px;
  box-shadow: 0 6px 36px #00ff29aa;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -70px 0 22px 0;
  position: relative;
  z-index: 2;
  animation: KU9-apphabits-imgfloat 4.2s infinite alternate;
}

.KU9-apphabits__imgwrap img {
  border-radius: 16px;
  box-shadow: 0 2px 15px #00ff29aa;
}

@keyframes KU9-apphabits-imgfloat {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(15px);
  }
}

.KU9-apphabits__title {
  color: #2d2213;
  font-size: 2.08rem;
  font-weight: 900;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 1px;
  text-align: center;
}

.KU9-apphabits__icon {
  font-size: 2.13rem;
  color: #f80;
  animation: KU9-apphabits-glow 1.7s infinite alternate;
}

@keyframes KU9-apphabits-glow {
  0% {
    filter: drop-shadow(0 0 7px #f80);
  }

  100% {
    filter: drop-shadow(0 0 17px #f80);
  }
}

.KU9-apphabits__infobox {
  background: #fff7e5;
  border-left: 2px solid grey;
  border-radius: 0 13px 13px 0;
  padding: 13px 20px 13px 17px;
  margin-bottom: 17px;
  font-size: 1.13rem;
  color: #b9861b;
  font-weight: bolder;
  box-shadow: 0 2px 7px #00ff29aa;
  text-align: center;
  animation: KU9-apphabits-infofade 2.5s infinite alternate;
}

@keyframes KU9-apphabits-infofade {
  0% {
    background: #fff7e5;
  }

  100% {
    background: #ffecc5;
  }
}

.KU9-apphabits__infobox strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #b9861b;
}

.KU9-apphabits__desc {
  color: #473b2b;
  font-size: 1.09rem;

  margin-bottom: 26px;
  text-align: center;
}

.KU9-apphabits__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 31px;
  justify-content: center;
}

.KU9-apphabits__badge {
  background: linear-gradient(99deg, #fffbe4 80%, #ffe1b7 100%);
  color: #de9005;
  font-size: 0.99rem;
  font-weight: 800;
  border-radius: 14px;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 7px #00ff29aa;
  cursor: pointer;
  animation: KU9-apphabits-badge 2.5s infinite alternate;
}

@keyframes KU9-apphabits-badge {
  0% {
    box-shadow: 0 2px 8px #f8c86922;
  }

  100% {
    box-shadow: 0 9px 28px #f8c86933;
  }
}

.KU9-apphabits__badge i {
  color: #de9005;
  font-size: 1.13rem;
}

.KU9-apphabits__actions {
  width: 100%;
  display: flex;
  justify-content: center;
}

.KU9-apphabits__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.17rem;
  border-radius: 17px;
  padding: 17px 52px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 24px #f8c86944;
  transition: background .17s, color .17s, transform .20s;
  animation: KU9-apphabits-btn-glow 2.1s infinite alternate;
}

.KU9-apphabits__btn:hover,
.KU9-apphabits__btn:focus {
  background: #fff;
  color: #f80;
  transform: scale(1.08);
  box-shadow: 0 18px 40px #f8c86941;
}

@keyframes KU9-apphabits-btn-glow {
  0% {
    box-shadow: 0 2px 13px #f8c86919;
  }

  100% {
    box-shadow: 0 12px 38px #f8c86929;
  }
}

/* Responsive — all centered, smaller padding, floating image shrinks */
@media (max-width: 900px) {
  .KU9-apphabits__shell {
    padding: 22px 2vw 16px 2vw;
    border-radius: 16px;
  }

  .KU9-apphabits__imgwrap {
    margin-top: -40px;
  }

  .KU9-apphabits__title {
    font-size: 1.07rem;
  }

  .KU9-apphabits__desc,
  .KU9-apphabits__infobox {
    text-align: center;
  }

  .KU9-apphabits__btn {
    padding: 12px 10vw;
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .KU9-apphabits {
    padding: 33px 0 10px 0;
  }
}

/* ---------- Section shell ---------- */
.KU9-commit {
  background: linear-gradient(120deg, #18131f 0%, #246900 100%);
  position: relative;
  overflow: hidden;
  padding: 92px 0 80px;
}

.KU9-commit__bg {
  position: absolute;
  top: 40%;
  left: -80px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, #f80 20%, transparent 80%);
  opacity: .13;
  filter: blur(45px);
  animation: commitFloat 10s infinite alternate;
  pointer-events: none;
}

@keyframes commitFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(40px)
  }
}

/* ---------- Flex wrapper ---------- */
.KU9-commit__wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* ---------- Text column ---------- */
.KU9-commit__content {
  flex: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.KU9-commit__title {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.KU9-commit__icon {
  font-size: 2rem;
  color: #f80;
  animation: commitGlow 2s infinite alternate;
}

@keyframes commitGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 20px #f80)
  }
}

.KU9-commit__infobox {
  background: #2a2037;
  border-left: 2px solid grey;
  border-radius: 0 12px 12px 0;
  padding: 13px 22px 13px 17px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px #00ff29aa;
}

.KU9-commit__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.1rem;
  color: #f8d89c;
}

.KU9-commit__desc {
  color: #dfd6f0;
  font-size: 1.08rem;

  margin-bottom: 30px;
}

.KU9-commit__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px;
}

.KU9-commit__chip {
  background: linear-gradient(100deg, #241d34 75%, #1a1326 100%);
  color: #ffd37b;
  font-weight: 800;
  font-size: .98rem;
  padding: 9px 18px;
  border-radius: 14px;
  border: 1.5px solid #00ff29aa;
  display: flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 8px #00ff29aa;
  transition: transform .18s;
}

.KU9-commit__chip:hover {
  transform: translateY(-4px) scale(1.05)
}

.KU9-commit__chip i {
  color: #f80
}

/* ---------- Button ---------- */
.KU9-commit__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-commit__btn {
  background: #f80;
  color: #18131f;
  font-weight: 900;
  font-size: 1.16rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(255, 128, 0, .15);
  transition: background .18s, color .18s, transform .22s;
  animation: commitBtnGlow 2.3s infinite alternate;
}

@keyframes commitBtnGlow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .14)
  }

  100% {
    box-shadow: 0 13px 42px rgba(255, 128, 0, .24)
  }
}

.KU9-commit__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ---------- Visual column ---------- */
.KU9-commit__visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  background: #20182d;
  padding: 0 0 0 20px;
}

.KU9-commit__visual img {
  
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 6px 26px #f80b;
}

/* ---------- RESPONSIVE: ≤768 px ---------- */
@media(max-width:900px) {
  .KU9-commit__wrap {
    flex-direction: column;
    gap: 28px;
    padding: 0 4vw
  }

  .KU9-commit__content {
    align-items: center;
    text-align: center
  }

  .KU9-commit__desc,
  .KU9-commit__infobox {
    max-width: none;
    text-align: center
  }

  .KU9-commit__chips {
    justify-content: center
  }

  .KU9-commit__visual {
    clip-path: none;
    background: transparent;
    padding: 0
  }

  .KU9-commit__visual img {
    width: 180px;
    margin-top: 4px
  }

  .KU9-commit__btn {
    padding: 14px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-commit {
    padding: 36px 0 18px
  }

  .KU9-commit__title {
    font-size: 1.05rem
  }
}

/* ===== Section shell ===== */
.KU9-loginhero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #111;
}

.KU9-loginhero__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover no-repeat;
  filter: brightness(.55) blur(2px);
  animation: loginBg 16s infinite alternate ease-in-out;
  z-index: 1;
}

@keyframes loginBg {
  0% {
    filter: brightness(.5) blur(2.5px)
  }

  100% {
    filter: brightness(.7) blur(1px)
  }
}

.KU9-loginhero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgb(8 107 7 / 92%) 70%, rgba(255, 128, 0, .12) 100%);
  z-index: 2;
}

/* ===== Inner glass card ===== */
.KU9-loginhero__shell {
  position: relative;
  z-index: 3;
  max-width: 680px;
  margin: 0 auto;
  padding: 60px 32px 54px;
  background: rgba(30, 25, 45, .94);
  backdrop-filter: blur(3px);
  border-radius: 34px;
  box-shadow: 0 12px 48px rgba(255, 128, 0, .14);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.KU9-loginhero__title {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 20px;

}

/* ===== Call-out ===== */
.KU9-loginhero__infobox {
  background: #fff3df;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .15);
  max-width: 440px;
}

.KU9-loginhero__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  color: #b67d08;
}

/* ===== Sub-line ===== */
.KU9-loginhero__desc {
  color: #e8e2f3;
  font-size: 1.05rem;

  margin-bottom: 32px;
  max-width: 500px;
}

/* ===== Buttons ===== */
.KU9-loginhero__actions {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.KU9-loginhero__btn {
  background: #f80;
  color: #18131f;
  font-weight: 900;
  font-size: 1.15rem;
  padding: 17px 52px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(255, 128, 0, .15);
  transition: background .18s, color .18s, transform .23s;
  animation: loginBtnGlow 2.2s infinite alternate;
}

.KU9-loginhero__btn--ghost {
  background: transparent;
  color: #ffd57c;
  border: 2.5px solid #ffd57c;
  animation: loginGhostGlow 2.2s infinite alternate;
}

@keyframes loginBtnGlow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .15)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .25)
  }
}

@keyframes loginGhostGlow {
  0% {
    box-shadow: 0 3px 12px rgba(255, 213, 124, .15)
  }

  100% {
    box-shadow: 0 13px 38px rgba(255, 213, 124, .25)
  }
}

.KU9-loginhero__btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #f80;
}

.KU9-loginhero__btn--ghost:hover {
  background: #ffd57c;
  color: #1d1529;
  border-color: #fff;
}

/* ===== Mobile (≤768 px): center everything ===== */
@media(max-width:900px) {
  .KU9-loginhero__shell {
    padding: 30px 4vw;
    border-radius: 18px
  }

  .KU9-loginhero__title {
    font-size: 1.15rem
  }

  .KU9-loginhero__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }

  .KU9-loginhero__actions {
    gap: 0
  }

  .KU9-loginhero__desc,
  .KU9-loginhero__infobox {
    max-width: none;
    text-align: center
  }
}

@media(max-width:600px) {
  .KU9-loginhero {
    min-height: 340px;
    padding: 32px 0
  }
}

/* -------- Section shell -------- */
.KU9-loginfocus {
  position: relative;
  background: #0e0d16;
  padding: 96px 0 88px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KU9-loginfocus__ring {
  /* neon accent ring (unchanged) */
}

/* -------- Grid wrapper -------- */
.KU9-loginfocus__grid {
  max-width: 1100px;
  width: 100%;
  padding: 0 24px;
  display: flex;
  gap: 56px;
  align-items: center;
  z-index: 2;
  position: relative;
}

/* -------- Left image column -------- */
.KU9-loginfocus__image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KU9-loginfocus__image img {
  
  max-width: 100%;
  border-radius: 28px;
  box-shadow: 0 10px 40px rgba(255, 128, 0, .18);
  animation: imgFloat 5s infinite ease-in-out alternate;
}

@keyframes imgFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(18px)
  }
}

/* -------- Right content column (card) -------- */
.KU9-loginfocus__card {
  flex: 1.25;
  background: rgba(31, 26, 46, .92);
  backdrop-filter: blur(4px);
  border-radius: 32px;
  box-shadow: 0 14px 60px rgba(255, 128, 0, .14);
  padding: 60px 46px 52px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ---------- Shell ---------- */
.KU9-loginfocus {
  position: relative;
  background: #0e0d16;
  /* deep graphite */
  padding: 100px 0 90px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KU9-loginfocus__ring {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translateY(-50%);
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background:conic-gradient(from 120deg, #00ff3c 0 25%, #23ff00 25% 50%, transparent 50%);
  filter: blur(85px);
  opacity: 0.18;
  pointer-events: none;
  animation: ringSpin 20s linear infinite;
}

@keyframes ringSpin {
  to {
    transform: translateY(-50%) rotate(360deg)
  }
}

/* ---------- Card ---------- */
.KU9-loginfocus__card {
  max-width: 600px;
  padding: 58px 38px 48px;
  background: rgba(31, 26, 46, .92);
  backdrop-filter: blur(4px);
  border-radius: 32px;
  box-shadow: 0 14px 60px rgba(255, 128, 0, .14);
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}

.KU9-loginfocus__title {
  font-size: 2.05rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: .5px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-loginfocus__icon {
  font-size: 1.95rem;
  color: #f80;
  animation: titleGlow 2s infinite alternate
}

@keyframes titleGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 20px #f80)
  }
}

/* ---------- Call-out ---------- */
.KU9-loginfocus__infobox {
  background: #231c34;
  border-left: 2px solid grey;
  border-radius: 0 12px 12px 0;
  padding: 14px 20px 14px 18px;
  margin-bottom: 22px;
  max-width: 460px;
}

.KU9-loginfocus__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.1rem;
  color: #f7d18f;
}

/* ---------- Text ---------- */
.KU9-loginfocus__desc {
  color: #dcd4ef;
  font-size: 1.08rem;

  margin-bottom: 34px
}

/* ---------- Badge ---------- */
.KU9-loginfocus__badge {
  background: #13101c;
  color: #ffb95c;
  font-weight: 800;
  font-size: .97rem;
  border: 1.5px solid #00ff29aa;
  border-radius: 14px;
  padding: 9px 17px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 8px #00ff29aa;
  margin-bottom: 34px;
  animation: badgePulse 2.5s infinite alternate;
}

.KU9-loginfocus__badge i {
  color: #f80
}

@keyframes badgePulse {
  0% {
    box-shadow: 0 2px 8px #00ff29aa
  }

  100% {
    box-shadow: 0 9px 28px #f80b
  }
}

/* ---------- Button ---------- */
.KU9-loginfocus__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-loginfocus__btn {
  background: #f80;
  color: #0d0b14;
  font-weight: 900;
  font-size: 1.16rem;
  padding: 17px 54px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .15);
  transition: background .18s, color .18s, transform .23s;
  animation: btnGlow 2.3s infinite alternate;
}

@keyframes btnGlow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .15)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .25)
  }
}

.KU9-loginfocus__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ---------- RESPONSIVE (≤768 px) ---------- */
@media(max-width:900px) {
  .KU9-loginfocus {
    padding: 60px 0 50px
  }

  .KU9-loginfocus__card {
    align-items: center;
    text-align: center;
    padding: 34px 6vw
  }

  .KU9-loginfocus__title {
    justify-content: center;
    font-size: 1.1rem
  }

  .KU9-loginfocus__infobox,
  .KU9-loginfocus__desc {
    text-align: center;
    max-width: none
  }

  .KU9-loginfocus__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-loginfocus__ring {
    display: none
  }
}


/* --- existing text/button styles remain unchanged --- */
.KU9-loginfocus__title {
  /* same as previously provided */
}

.KU9-loginfocus__icon {
  /* same */
}

.KU9-loginfocus__infobox {
  /* same */
}

.KU9-loginfocus__desc {
  /* same */
}

.KU9-loginfocus__badge {
  /* same */
}

.KU9-loginfocus__btn {
  /* same */
}

@keyframes titleGlow {
  /* same */
}

@keyframes badgePulse {
  /* same */
}

@keyframes btnGlow {
  /* same */
}

/* -------- Responsive (≤768 px) -------- */
@media(max-width:900px) {
  .KU9-loginfocus {
    padding: 60px 0 50px
  }

  .KU9-loginfocus__grid {
    flex-direction: column;
    gap: 30px;
    padding: 0 6vw
  }

  .KU9-loginfocus__image img {
    width: 220px
  }

  .KU9-loginfocus__card {
    align-items: center;
    text-align: center;
    padding: 34px 6vw
  }

  .KU9-loginfocus__title {
    justify-content: center;
    font-size: 1.12rem
  }

  .KU9-loginfocus__infobox,
  .KU9-loginfocus__desc {
    text-align: center;
    max-width: none
  }

  .KU9-loginfocus__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-loginfocus {
    padding: 34px 0 22px
  }

  .KU9-loginfocus__ring {
    display: none
  }
}

/* ===== base section ===== */
.KU9-structure {
  background: linear-gradient(115deg, #163406 0%, #27ab00 100%);
  padding: 98px 0 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.KU9-structure::before {
  /* subtle glow */
  content: "";
  position: absolute;
  top: 45%;
  left: -70px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #f80 20%, transparent 80%);
  opacity: .14;
  filter: blur(50px);
  pointer-events: none;
  animation: structGlow 10s infinite alternate;
}

@keyframes structGlow {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(40px)
  }
}

/* ===== top image ===== */
.KU9-structure__figure {
  width: 260px;
  height: 260px;
  margin: 0 0 28px;
  background: linear-gradient(140deg, #ffecd4 0%, #f8ac5e 100%);
  border-radius: 50%;
  padding: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 8px 36px rgba(255, 128, 0, .18);
  animation: imgFloat 5s ease-in-out infinite alternate;
}

.KU9-structure__figure img {
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 4px 18px #f80b
}

@keyframes imgFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(16px)
  }
}

/* ===== content block ===== */
.KU9-structure__content {
  max-width: 1200px;
  background: linear-gradient(115deg, #163406 0%, #27ab00 100%);
  backdrop-filter: blur(4px);
  border-radius: 34px;
  box-shadow: 0 12px 50px rgba(255, 128, 0, .14);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.KU9-structure__title {
  font-size: 2.04rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: .7px;
}

.KU9-structure__icon {
  font-size: 2rem;
  color: #f80;
  animation: iconGlow 2s infinite alternate
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 20px #f80)
  }
}

/* call-out */
.KU9-structure__infobox {
  background: #231c34;
  border-left: 2px solid grey;
  border-radius: 0 13px 13px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 23px;
  max-width: 460px;
  box-shadow: 0 2px 8px #00ff29aa;
  color: #f7d18f;
  font-size: 1.12rem;
}

.KU9-structure__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
}

/* main paragraph */
.KU9-structure__desc {
  color: #dcd4ef;
  font-size: 1.08rem;

  margin-bottom: 30px
}

/* fun stats */
.KU9-structure__stats {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #ffd27e;
  font-weight: 700;
  font-size: .95rem;
  margin: 0 0 32px;
  padding: 0;
}

.KU9-structure__stats i {
  color: #f80;
  margin-right: 6px
}

/* CTA */
.KU9-structure__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-structure__btn {
  background: #f80;
  color: #0d0c14;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .16);
  cursor: pointer;
  transition: background .18s, color .18s, transform .23s;
  animation: btnPulse 2.3s infinite alternate;
}

@keyframes btnPulse {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .16)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .28)
  }
}

.KU9-structure__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ===== Responsive ≤768 px ===== */
@media(max-width:900px) {
  .KU9-structure {
    padding: 70px 0 60px
  }

  .KU9-structure__figure {
    width: 180px;
    height: 180px;
    margin-bottom: 22px
  }

  .KU9-structure__content {
    padding: 34px 6vw
  }

  .KU9-structure__title {
    font-size: 1.1rem
  }

  .KU9-structure__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-structure {
    padding: 50px 0 38px
  }
}

/* ===== shell ===== */
.KU9-awareness {
  
  padding: 100px 0 90px;
  position: relative;
  overflow: hidden;
}

/* glowing halo */
.KU9-awareness__halo {
  position: absolute;
  top: 40%;
  left: -80px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, #f80 19%, transparent 78%);
  filter: blur(50px);
  opacity: .12;
  pointer-events: none;
  animation: haloFloat 9s infinite alternate;
}

@keyframes haloFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(38px)
  }
}

/* ===== grid ===== */
.KU9-awareness__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* left image */
.KU9-awareness__visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.KU9-awareness__visual img {
  
  max-width: 100%;
  border-radius: 28px;
  box-shadow: 0 8px 32px rgba(255, 128, 0, .18);
  animation: imgFloat 5s ease-in-out infinite alternate;
}

@keyframes imgFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(18px)
  }
}

/* right card */
.KU9-awareness__content {
  flex: 1.3;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(4px);
  border-radius: 32px;
  box-shadow: 0 12px 48px rgba(255, 128, 0, .14);
  padding: 60px 50px 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* title */
.KU9-awareness__title {
  font-size: 2.04rem;
  font-weight: 900;
  color: #332510;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: .6px;
}

.KU9-awareness__icon {
  font-size: 2rem;
  color: #f80;
  animation: titleGlow 2s infinite alternate
}

@keyframes titleGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 18px #f80)
  }
}

/* call-out */
.KU9-awareness__infobox {
  background: #fff6e9;
  border-left: 2px solid grey;
  border-radius: 0 13px 13px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  max-width: 460px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .13);
}

.KU9-awareness__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #c48813;
}

/* paragraph */
.KU9-awareness__desc {
  color: #4b4038;
  font-size: 1.09rem;
text-align: center;
  margin-bottom: 30px
}

/* dots list */
.KU9-awareness__dots {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin: 0 0 32px;
  padding: 0;
  color: #e2a546;
  font-weight: 700;
  font-size: .96rem;
}

.KU9-awareness__dots i {
  color: #f80;
  margin-right: 6px
}

/* button */
.KU9-awareness__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-awareness__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .16);
  transition: background .18s, color .18s, transform .23s;
  animation: btnPulse 2.2s infinite alternate;
}

@keyframes btnPulse {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .16)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .28)
  }
}

.KU9-awareness__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ===== responsive ≤768 px ===== */
@media(max-width:900px) {
  .KU9-awareness {
    padding: 70px 0 60px
  }

  .KU9-awareness__grid {
    flex-direction: column;
    gap: 30px;
    padding: 0 6vw
  }

  .KU9-awareness__visual img {
    width: 220px
  }

  .KU9-awareness__content {
    align-items: center;
    text-align: center;
    padding: 34px 6vw
  }

  .KU9-awareness__title {
    justify-content: center;
    font-size: 1.1rem
  }

  .KU9-awareness__infobox,
  .KU9-awareness__desc {
    max-width: none;
    text-align: center
  }

  .KU9-awareness__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-awareness {
    padding: 50px 0 38px
  }
}

/* ========== Section shell ========== */
.KU9-apphq {
  background: linear-gradient(115deg, #b7ffb8 0%, #f4f6ff 100%);
  padding: 100px 0 90px;
  position: relative;
  overflow: hidden;
}

.KU9-apphq__glow {
  position: absolute;
  top: 45%;
  left: -90px;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, #f80 18%, transparent 80%);
  filter: blur(48px);
  opacity: .10;
  pointer-events: none;
  animation: appGlow 9s infinite alternate;
}

@keyframes appGlow {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(40px)
  }
}

/* ========== 3-column grid ========== */
.KU9-apphq__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* --- columns --- */
.KU9-apphq__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.KU9-apphq__col--img img {
  width: 290px;
  max-width: 100%;
  border-radius: 30px;
  box-shadow: 0 8px 40px rgba(255, 128, 0, .18);
  animation: phoneFloat 5s ease-in-out infinite alternate;
}

@keyframes phoneFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(18px)
  }
}

/* ========== Typography & blocks ========== */
.KU9-apphq__title {
  font-size: 2rem;
  font-weight: 900;
  color: #2d2619;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-apphq__icon {
  font-size: 2.1rem;
  color: #f80;
  animation: iconGlow 2s infinite alternate;
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 18px #f80)
  }
}

.KU9-apphq__infobox {
  background: #fff5e6;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .13);
}

.KU9-apphq__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  color: #c28a11;
}

.KU9-apphq__desc {
  color: #4c4138;
  font-size: 1.09rem;

  margin-bottom: 26px;
}

/* features */
.KU9-apphq__features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #e3a94c;
  font-weight: 700;
  font-size: .97rem;
}

.KU9-apphq__features i {
  color: #f80;
  margin-right: 6px
}

/* ========== CTA button ========== */
.KU9-apphq__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-apphq__btn {
  background: #f80;
  color: #fffaf1;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .16);
  transition: background .18s, color .18s, transform .23s;
  animation: btnPulse 2.3s infinite alternate;
}

@keyframes btnPulse {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .16)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .26)
  }
}

.KU9-apphq__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ========== Responsive ≤768 px ========== */
@media(max-width:900px) {
  .KU9-apphq {
    padding: 70px 0 60px
  }

  .KU9-apphq__grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 6vw;
    text-align: center
  }

  .KU9-apphq__col--img img {
    width: 220px;
    margin: 0 auto
  }

  .KU9-apphq__title {
    justify-content: center;
    font-size: 1.1rem
  }

  .KU9-apphq__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-apphq {
    padding: 50px 0 40px
  }
}

/* ===== shell ===== */
.KU9-ready {
  position: relative;
  background: #319104;
  padding: 100px 0 90px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* neon pulse ring */
.KU9-ready__ring {
  position: absolute;
  right: -120px;
  top: 45%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: conic-gradient(from 45deg, #f80 0 25%, #6646ff 25% 50%, transparent 50%);
  filter: blur(90px);
  opacity: .15;
  pointer-events: none;
  animation: ringSpin 22s linear infinite;
}

@keyframes ringSpin {
  to {
    transform: rotate(360deg)
  }
}

/* ===== wrapper ===== */
.KU9-ready__wrap {
  max-width: 1200px;
  padding: 0 24px;
  display: flex;
  gap: 60px;
  align-items: center;
  z-index: 2;
}

/* image */
.KU9-ready__figure {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.KU9-ready__figure img {
  max-width: 100%;
  border-radius: 28px;
  box-shadow: 0 10px 38px rgba(255, 128, 0, .18);
  animation: imgFloat 6s ease-in-out infinite alternate;
}

@keyframes imgFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(20px)
  }
}

/* content column */
.KU9-ready__content {
  flex: 1.2;
  background:rgb(28 24 40 / 20%);
  backdrop-filter: blur(3px);
  border-radius: 32px;
  box-shadow: 0 14px 56px rgba(255, 128, 0, .15);
  padding: 60px 50px 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* headline */
.KU9-ready__title {
  color: #fff;
  font-size: 2.06rem;
  font-weight: 900;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: .6px;
}

.KU9-ready__icon {
  font-size: 2rem;
  color: #f80;
  animation: iconGlow 2.2s infinite alternate
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 20px #f80)
  }
}

/* call-out */
.KU9-ready__infobox {
  background: #201a2d;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px #00ff29aa;
  max-width: 460px;
}

.KU9-ready__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  color: #f7d392;
}

figure {
  margin: 0;
}

/* body text */
.KU9-ready__desc {
  color: #dcd3ee;
  font-size: 1.08rem;

  margin-bottom: 30px
}

/* steps */
.KU9-ready__steps {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #ffb959;
  font-weight: 700;
  font-size: .97rem;
}

.KU9-ready__steps i {
  color: #f80;
  margin-right: 6px
}

/* button */
.KU9-ready__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-ready__btn {
  background: #f80;
  color: #0d0b16;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .16);
  transition: background .18s, color .18s, transform .23s;
  animation: btnGlow 2.4s infinite alternate;
}

@keyframes btnGlow {
  0% {
    box-shadow: 0 3px 15px rgba(255, 128, 0, .16)
  }

  100% {
    box-shadow: 0 13px 45px rgba(255, 128, 0, .28)
  }
}

.KU9-ready__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ===== responsive ≤768 px ===== */
@media(max-width:900px) {
  .KU9-ready {
    padding: 70px 0 60px
  }

  .KU9-ready__wrap {
    flex-direction: column;
    gap: 30px;
    padding: 0 6vw;
    text-align: center
  }

  .KU9-ready__figure img {
    width: 220px
  }

  .KU9-ready__content {
    align-items: center;
    text-align: center;
    padding: 34px 6vw
  }

  .KU9-ready__title {
    justify-content: center;
    font-size: 1.1rem
  }

  .KU9-ready__infobox,
  .KU9-ready__desc {
    max-width: none;
    text-align: center
  }

  .KU9-ready__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-ready {
    padding: 50px 0 38px
  }
}

/* ====== Section shell ====== */
.KU9-applite {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #111;
}

.KU9-applite__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover no-repeat;
  filter: brightness(.55) blur(2px);
  animation: appliteBg 18s ease-in-out infinite alternate;
  z-index: 1;
}

@keyframes appliteBg {
  0% {
    filter: brightness(.52) blur(2.5px)
  }

  100% {
    filter: brightness(.72) blur(1px)
  }
}

.KU9-applite__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(163deg,rgba(11, 153, 51, 0.5) 0%, rgba(255, 186, 36, 0.5) 100%);
  z-index: 2;
}

/* ====== Floating panel ====== */
.KU9-applite__shell {
  position: relative;
  z-index: 3;
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 40px 54px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ====== Heading ====== */
.KU9-applite__title {
  color: #fff;
  font-size: 2.15rem;
  font-weight: 900;
  letter-spacing: .8px;
  margin-bottom: 22px;

}

/* ====== Call-out ====== */
.KU9-applite__infobox {
  background: #231c34;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 24px;
  max-width: 480px;
  box-shadow: 0 2px 9px rgba(255, 128, 0, .15);
}

.KU9-applite__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #f8d69c;
}

/* ====== Description ====== */
.KU9-applite__desc {
  color: #e6def4;
  font-size: 1.08rem;

  margin-bottom: 28px;
  max-width: 900px;
}

/* ====== Perks list ====== */
.KU9-applite__perks {
  list-style: none;
  padding: 0;
  margin: 0 0 34px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #ffc87e;
  font-weight: 700;
  font-size: .97rem;
}

.KU9-applite__perks i {
  color: #f80;
  margin-right: 6px
}

/* ====== CTA button ====== */
.KU9-applite__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.KU9-applite__btn {
  background: #f80;
  color: #0e0b14;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .17);
  transition: background .18s, color .18s, transform .23s;
  animation: appliteBtn 2.4s infinite alternate;
}

@keyframes appliteBtn {
  0% {
    box-shadow: 0 4px 18px rgba(255, 128, 0, .17)
  }

  100% {
    box-shadow: 0 14px 48px rgba(255, 128, 0, .28)
  }
}

.KU9-applite__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ====== Responsive ≤768 px ====== */
@media(max-width:900px) {
  .KU9-applite__shell {
    padding: 34px 7vw;
    border-radius: 18px
  }

  .KU9-applite__title {
    font-size: 1.12rem
  }

  .KU9-applite__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }

  .KU9-applite__infobox,
  .KU9-applite__desc {
    max-width: none
  }
}

@media(max-width:600px) {
  .KU9-applite {
    min-height: 340px;
    padding: 32px 0
  }
}

/* ===== shell ===== */
.KU9-system {
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  padding: 120px 0 90px;
  position: relative;
  overflow: hidden;
}

/* diagonal ribbon */
.KU9-system__ribbon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 140%;
  height: 360px;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  transform: translateX(-50%) skewY(-6deg);
  border-bottom: 4px solid #f80;
  box-shadow: 0 4px 26px rgba(255, 128, 0, .12);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}

.KU9-system__ribbon img {
  box-shadow: 0 6px 22px rgba(255, 128, 0, .18);
  border-radius: 26px;
  animation: phoneFloat 6s ease-in-out infinite alternate;
}

@keyframes phoneFloat {
  0% {
    transform: skewY(6deg) translateY(0)
  }

  100% {
    transform: skewY(6deg) translateY(20px)
  }
}

/* content card */
.KU9-system__card {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  background: #fffffff2;
  box-shadow: 0 14px 48px rgba(255, 128, 0, .15);
  border-radius: 34px;
  padding: 80px 56px 60px;
  text-align: center;
}

/* heading */
.KU9-system__title {
  font-size: 2.05rem;
  font-weight: 900;
  color: #2d2619;
  margin-bottom: 18px;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.KU9-system__icon {
  font-size: 2.1rem;
  color: #f80;
  animation: iconGlow 2s infinite alternate
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 18px #f80)
  }
}

/* call-out */
.KU9-system__infobox {
  background: #fff7e6;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin: 0 auto 22px;
  max-width: 480px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .13);
}

.KU9-system__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  color: #c38a14;
}

/* paragraph */
.KU9-system__desc {
  margin: 0 auto 30px;
  color: #4c4138;
  font-size: 1.09rem;

}

/* tags */
.KU9-system__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 34px;
}

.KU9-system__tag {
  background: linear-gradient(99deg, #fffbe5 80%, #ffe4c1 100%);
  color: #db9712;
  font-weight: 800;
  font-size: .96rem;
  padding: 8px 17px;
  border-radius: 14px;
  border: 1.5px solid #00ff29aa;
  box-shadow: 0 2px 7px rgba(255, 128, 0, .09);
  display: flex;
  gap: 6px;
  align-items: center;
  animation: tagPulse 2.5s infinite alternate;
}

.KU9-system__tag i {
  color: #f80
}

@keyframes tagPulse {
  0% {
    box-shadow: 0 2px 8px #00ff29aa
  }

  100% {
    box-shadow: 0 9px 28px #f80b
  }
}

/* button */
.KU9-system__actions {
  display: flex;
  justify-content: center;
  width: 100%
}

.KU9-system__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .16);
  transition: background .18s, color .18s, transform .23s;
  animation: btnPulse 2.4s infinite alternate;
}

@keyframes btnPulse {
  0% {
    box-shadow: 0 4px 18px rgba(255, 128, 0, .16)
  }

  100% {
    box-shadow: 0 14px 48px rgba(255, 128, 0, .28)
  }
}

.KU9-system__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ===== responsive ≤768 px ===== */
@media(max-width:900px) {
  .KU9-system {
    padding: 60px 0 50px
  }

  .KU9-system__card {
    padding: 40px 8vw 36px;
    transform: translateY(120px)
  }

  .KU9-system__title {
    font-size: 1.12rem
  }

  .KU9-system__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }

  .KU9-system__infobox,
  .KU9-system__desc {
    max-width: none
  }
}

@media(max-width:600px) {
  .KU9-system {
    padding: 40px 0 38px
  }

  .KU9-system__card {
    transform: translateY(0)
  }
}

/* ====== Section shell ====== */
.KU9-tools {
  background: linear-gradient(163deg, rgb(255 255 255) 0%, rgb(36 255 39) 100%);
  padding: 30px 0 90px;
  position: relative;
  overflow: hidden;
}

/* background bubbles */
.KU9-tools__bubble {
  position: absolute;
  border-radius: 50%;
  filter: blur(32px);
  pointer-events: none;
  background: #ffe1b8;
  opacity: .22;
  animation: float 12s infinite alternate ease-in-out;
}

.KU9-tools__bubble--1 {
  top: 18%;
  left: -10%;
  width: 240px;
  height: 240px;
}

.KU9-tools__bubble--2 {
  bottom: -12%;
  right: -8%;
  width: 300px;
  height: 300px;
  animation-delay: 3s;
}

@keyframes float {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(40px)
  }
}

/* ====== Grid (2-col) ====== */
.KU9-tools__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* ====== Left content ====== */
.KU9-tools__content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.KU9-tools__title {
  font-size: 2rem;
  font-weight: 900;
  color: #2d2619;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-tools__icon {
  font-size: 2.1rem;
  color: #f80;
  animation: glow 2s infinite alternate
}

@keyframes glow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 18px #f80)
  }
}

.KU9-tools__infobox {
  background: #fff7e8;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .13);
  max-width: 460px;
}

.KU9-tools__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  color: #c28a13;
}

.KU9-tools__desc {
  color: #4b4036;
  font-size: 1.09rem;
  margin-bottom: 28px
}

/* tags */
.KU9-tools__bubbles {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px
}

.KU9-tools__tag {
  background: linear-gradient(100deg, #fffbe8 80%, #ffe4c4 100%);
  color: #da9711;
  font-weight: 800;
  font-size: .96rem;
  padding: 8px 17px;
  border-radius: 14px;
  border: 1.5px solid #00ff29aa;
  display: flex;
  gap: 6px;
  align-items: center;
  box-shadow: 0 2px 7px rgba(255, 128, 0, .09);
  animation: tagPulse 2.6s infinite alternate;
}

.KU9-tools__tag i {
  color: #f80
}

@keyframes tagPulse {
  0% {
    box-shadow: 0 2px 8px #00ff29aa
  }

  100% {
    box-shadow: 0 9px 28px #f80b
  }
}

/* CTA */
.KU9-tools__actions {
  display: flex;
  justify-content: center;
  width: 100%
}

.KU9-tools__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .17);
  transition: background .18s, color .18s, transform .23s;
  animation: btnPulse 2.4s infinite alternate;
}

@keyframes btnPulse {
  0% {
    box-shadow: 0 4px 18px rgba(255, 128, 0, .17)
  }

  100% {
    box-shadow: 0 14px 48px rgba(255, 128, 0, .28)
  }
}

.KU9-tools__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ====== Right image ====== */
.KU9-tools__visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.KU9-tools__visual img {
  
  max-width: 100%;
  border-radius: 28px;
  box-shadow: 0 8px 38px rgba(255, 128, 0, .18);
  animation: phoneFloat 6s ease-in-out infinite alternate;
}

@keyframes phoneFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(20px)
  }
}

/* ====== Responsive ≤768 px ====== */
@media(max-width:900px) {
  .KU9-tools__grid {
    flex-direction: column;
    gap: 30px;
    padding: 0 6vw;
    text-align: center
  }

  .KU9-tools__visual img {
    width: 220px
  }

  .KU9-tools__content {
    align-items: center
  }

  .KU9-tools__title {
    justify-content: center;
    font-size: 1.12rem
  }

  .KU9-tools__infobox,
  .KU9-tools__desc {
    max-width: none;
    text-align: center
  }

  .KU9-tools__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-tools {
    padding: 70px 0 60px
  }
}

/* ========= Section shell ========= */
.KU9-control {
  background: linear-gradient(115deg, #fffdf7 0%, #01a900 100%);
  padding: 40px 0 30px;
  position: relative;
  overflow: hidden;
}

/* rotating radar ring */
.KU9-control__radar {
  position: absolute;
  left: -120px;
  top: 40%;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: conic-gradient(from 40deg, #f80 0 25%, #ffd88b 25% 50%, transparent 50%);
  opacity: .12;
  filter: blur(70px);
  pointer-events: none;
  animation: radarSpin 28s linear infinite;
}

@keyframes radarSpin {
  to {
    transform: rotate(360deg)
  }
}

/* ========= grid ========= */
.KU9-control__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(4px);
  border-radius: 32px;
  box-shadow: 0 12px 48px rgba(255, 128, 0, .15);
  padding: 30px;
  display: flex;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* image column */
.KU9-control__visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.KU9-control__visual img {
  
  max-width: 100%;
  border-radius: 26px;
  box-shadow: 0 10px 38px rgba(255, 128, 0, .18);
  animation: phoneFloat 6s ease-in-out infinite alternate;
}

@keyframes phoneFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(24px)
  }
}

/* content column */
.KU9-control__content {
  flex: 1.25;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;

}

/* heading */
.KU9-control__title {
  font-size: 2rem;
  font-weight: 900;
  color: #2d2619;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-control__icon {
  font-size: 2.05rem;
  color: #f80;
  animation: iconGlow 2s infinite alternate
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 7px #f80)
  }

  100% {
    filter: drop-shadow(0 0 18px #f80)
  }
}

/* infobox */
.KU9-control__infobox {
  background: #fff7e5;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  max-width: 460px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .13);
}

.KU9-control__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.12rem;
  color: #c38a14;
}

/* paragraph */
.KU9-control__desc {
  color: #4c4237;
  font-size: 1.09rem;
  margin-bottom: 28px
}

/* chips */
.KU9-control__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 34px
}

.KU9-control__chip {
  background: linear-gradient(100deg, #fffbe8 80%, #ffe4c4 100%);
  color: #d89712;
  font-weight: 800;
  font-size: .95rem;
  padding: 8px 17px;
  border-radius: 14px;
  border: 1.5px solid #00ff29aa;
  display: flex;
  gap: 6px;
  align-items: center;
  box-shadow: 0 2px 7px rgba(255, 128, 0, .08);
  animation: chipPulse 2.6s infinite alternate;
}

.KU9-control__chip i {
  color: #f80;
  font-size: 1rem
}

@keyframes chipPulse {
  0% {
    box-shadow: 0 2px 8px #00ff29aa
  }

  100% {
    box-shadow: 0 8px 26px #f80b
  }
}

/* button */
.KU9-control__actions {
  display: flex;
  justify-content: center;
  width: 100%
}

.KU9-control__btn {
  background: #f80;
  color: #fffaf2;
  font-weight: 900;
  font-size: 1.17rem;
  padding: 17px 56px;
  border: none;
  border-radius: 16px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(255, 128, 0, .17);
  transition: background .18s, color .18s, transform .23s;
  animation: btnSheen 2.4s infinite alternate;
}

@keyframes btnSheen {
  0% {
    box-shadow: 0 4px 18px rgba(255, 128, 0, .17)
  }

  100% {
    box-shadow: 0 14px 48px rgba(255, 128, 0, .28)
  }
}

.KU9-control__btn:hover {
  background: #fff;
  color: #f80;
  transform: scale(1.09)
}

/* ========= responsive ≤768 px ========= */
@media(max-width:900px) {
  .KU9-control {
    padding: 70px 0 60px
  }

  .KU9-control__grid {
    flex-direction: column;
    gap: 30px;
    padding: 0 6vw;
    text-align: center
  }

  .KU9-control__visual img {
    width: 220px
  }

  .KU9-control__content {
    align-items: center;
    text-align: center;
    padding: 34px 6vw
  }

  .KU9-control__title {
    justify-content: center;
    font-size: 1.12rem
  }

  .KU9-control__infobox,
  .KU9-control__desc {
    max-width: none;
    text-align: center
  }

  .KU9-control__btn {
    padding: 13px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-control {
    padding: 50px 0 40px
  }
}

/* ============ base shell ============ */
.KU9-focusnight {
  position: relative;
  background: #398500;
  color: #eae6ff;
  overflow: hidden;
  padding: 140px 0 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 800px;
}

/* ------ parallax sparkle canvas ------ */
.KU9-focusnight__spark {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  filter: blur(1px) brightness(1.3);
}

/* ------ rotating hex-grid ------ */
.KU9-focusnight__hexfield {
  position: absolute;
  inset: -150px;
  /* oversized for rotation */
  background:
    linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);

  background-size: 180px 156px;
  opacity: .15;
  animation: hexSpin 55s linear infinite;
  z-index: 0;
}

@keyframes hexSpin {
  to {
    transform: rotate(360deg)
  }
}

/* ------ inner glass card ------ */
.KU9-focusnight__shell {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  padding: 30px;
  background: rgb(14 101 0 / 44%);
  backdrop-filter: blur(8px);
  border-radius: 36px;
  box-shadow: 0 18px 60px #ff800026;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ------ title ------ */
.KU9-focusnight__title {
  font-size: 2.15rem;
  font-weight: 900;
  letter-spacing: .7px;
  margin-bottom: 22px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.KU9-focusnight__icon {
  font-size: 2rem;
  color: #ff9f0f;
  animation: titleGlow 2.2s infinite alternate
}

@keyframes titleGlow {
  0% {
    filter: drop-shadow(0 0 6px #ff9f0f)
  }

  100% {
    filter: drop-shadow(0 0 22px #ff9f0f)
  }
}

/* ------ infobox ------ */
.KU9-focusnight__infobox {
  background: #140f20;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 16px 24px 16px 20px;
  margin-bottom: 24px;
  box-shadow: 0 2px 9px #ff800022;
  
}

.KU9-focusnight__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  color: #ffcf91;
}

/* ------ description ------ */
.KU9-focusnight__desc {
  font-size: 1.1rem;
  margin-bottom: 34px
}

/* ------ ribbons ------ */
.KU9-focusnight__ribbons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 46px;
}

.KU9-focusnight__ribbons span {
  background: linear-gradient(135deg, #1e192e 0%, #302447 100%);
  color: #ffbe69;
  font-weight: 800;
  font-size: .95rem;
  white-space: nowrap;
  padding: 9px 18px;
  border-radius: 20px;
  border: 1.5px solid #ff9f0f33;
  box-shadow: 0 2px 8px #ff800022;
  display: flex;
  align-items: center;
  gap: 7px;
  animation: ribPulse 3s infinite alternate;
}

.KU9-focusnight__ribbons i {
  color: #ff9f0f
}

@keyframes ribPulse {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-4px)
  }
}

/* ------ CTA neon button ------ */
.KU9-focusnight__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.KU9-focusnight__btn {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 18px 64px;
  text-decoration: none;
  font-size: 1.18rem;
  font-weight: 900;
  color: #0c0b11;
  background: #ff9f0f;
  box-shadow: 0 12px 34px rgba(255, 159, 15, .25);
  transition: transform .25s;
}

.KU9-focusnight__btn-inner {
  position: relative;
  z-index: 2
}

.KU9-focusnight__btn::before {
  content: "";
  position: absolute;
  inset: -100%;
  background:
    conic-gradient(from 0deg, #fff 0 10%, transparent 10% 80%, #fff 80%);
  animation: scan 3s linear infinite;
}

@keyframes scan {
  to {
    transform: translateX(100%)
  }
}

.KU9-focusnight__btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #ff9f0f
}

/* ========= responsive ≤768 px ========= */
@media(max-width:900px) {
  .KU9-focusnight {
    padding: 80px 0 70px
  }

  .KU9-focusnight__shell {
    padding: 44px 7vw 48px
  }

  .KU9-focusnight__title {
    font-size: 1.2rem
  }

  .KU9-focusnight__btn {
    padding: 14px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-focusnight {
    padding: 60px 0 50px
  }
}

/* ===== Hero shell ===== */
.KU9-bonushero {
  position: relative;
  min-height: 540px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #111;
}

.KU9-bonushero__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover no-repeat;
  filter: brightness(.55) blur(2px);
  animation: bonusBg 18s ease-in-out infinite alternate;
  z-index: 1;
}

@keyframes bonusBg {
  0% {
    filter: brightness(.5) blur(2.5px)
  }

  100% {
    filter: brightness(.7) blur(1px)
  }
}

.KU9-bonushero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(163deg,rgba(11, 153, 51, 0.6) 0%, rgba(255, 186, 36, 0.5) 100%);
  z-index: 2;
}

/* ===== Glass card ===== */
.KU9-bonushero__shell {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  padding: 68px 50px 60px;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ===== Title ===== */
.KU9-bonushero__title {
  color: #fff;
  font-size: 2.18rem;
  font-weight: 900;
  letter-spacing: .8px;
  margin-bottom: 22px;
}

/* ===== Call-out ===== */
.KU9-bonushero__infobox {
  background: #201827;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 16px 24px 16px 20px;
  margin-bottom: 24px;
  max-width: 480px;
  box-shadow: 0 2px 9px rgba(255, 182, 80, .15);
}

.KU9-bonushero__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #ffd798;
}

/* ===== Paragraph ===== */
.KU9-bonushero__desc {
  color: #e8e2f4;
  font-size: 1.08rem;
  margin-bottom: 30px;
  max-width: 520px;
}

/* ===== Badges ===== */
.KU9-bonushero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 38px;
}

.KU9-bonushero__badge {
  background: linear-gradient(100deg, #3a2d4c 78%, #4d3a66 100%);
  color: #ffd37e;
  font-weight: 800;
  font-size: .95rem;
  padding: 9px 18px;
  border-radius: 16px;
  border: 1.5px solid rgba(255, 182, 80, .35);
  box-shadow: 0 2px 8px rgba(255, 182, 80, .12);
  display: flex;
  align-items: center;
  gap: 7px;
  animation: badgePulse 3s infinite alternate;
}

.KU9-bonushero__badge i {
  color: #ffb650
}

@keyframes badgePulse {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-4px)
  }
}

/* ===== Buttons ===== */
.KU9-bonushero__actions {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%
}

.KU9-bonushero__btn {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 18px;
  padding: 18px 56px;
  font-size: 1.17rem;
  font-weight: 900;
  text-decoration: none;
  color: #0c0b11;
  background: #ffb650;
  box-shadow: 0 12px 34px rgba(255, 182, 80, .25);
  transition: transform .24s;
}

.KU9-bonushero__btn::before {
  content: "";
  position: absolute;
  inset: -100%;
  background:
    conic-gradient(from 0deg, #fff 0 10%, transparent 10% 80%, #fff 80%);
  animation: btnShine 3.2s linear infinite;
}

@keyframes btnShine {
  to {
    transform: translateX(100%)
  }
}

.KU9-bonushero__btn:hover {
  transform: scale(1.07);
  background: #fff;
  color: #ffb650
}

.KU9-bonushero__btn--ghost {
  background: transparent;
  color: #ffd37e;
  border: 2.5px solid #ffd37e;
  box-shadow: 0 10px 30px rgba(255, 182, 80, .15);
}

.KU9-bonushero__btn--ghost::before {
  display: none
}

.KU9-bonushero__btn--ghost:hover {
  background: #ffd37e;
  color: #1e1632;
  transform: scale(1.07);
}

/* ===== Responsive ≤768 px ===== */
@media(max-width:900px) {
  .KU9-bonushero__shell {
    padding: 40px 7vw 46px;
    border-radius: 20px
  }

  .KU9-bonushero__title {
    font-size: 1.2rem
  }

  .KU9-bonushero__btn {
    padding: 14px 10vw;
    font-size: 1rem
  }

  .KU9-bonushero__actions {
    gap: 14px
  }

  .KU9-bonushero__infobox,
  .KU9-bonushero__desc {
    max-width: none
  }
}

@media(max-width:600px) {
  .KU9-bonushero {
    min-height: 360px;
    padding: 60px 0 50px
  }
}


/* ========= shell ========= */
.KU9-leverage {
  background: linear-gradient(120deg, #beffb4 0%, #ebeefe 100%);
  padding: 30px 0 30px;
  position: relative;
  overflow: hidden;
}

/* angled glow */
.KU9-leverage__glow {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 140%;
  height: 220px;
  background: linear-gradient(135deg, rgba(255, 153, 0, .25) 0%, transparent 60%);
  transform: translateX(-50%) rotate(-6deg);
  filter: blur(32px);
  pointer-events: none;
}

/* ========= grid ========= */
.KU9-leverage__grid {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* ========= content ========= */
.KU9-leverage__content {
  flex: 1.25;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.KU9-leverage__title {
  font-size: 2.02rem;
  font-weight: 900;
  color: #2d2535;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.KU9-leverage__icon {
  font-size: 2.05rem;
  color: #ff9800;
  animation: iconGlow 2s infinite alternate
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 6px #ff9800)
  }

  100% {
    filter: drop-shadow(0 0 18px #ff9800)
  }
}

/* call-out */
.KU9-leverage__infobox {
  background: #f7f3ff;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  max-width: 480px;
  box-shadow: 0 2px 8px rgba(160, 140, 255, .12);
}

.KU9-leverage__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #b97f0d;
}

/* paragraph */
.KU9-leverage__desc {
  color: #4b405a;
  font-size: 1.09rem;
  margin-bottom: 30px
}

/* chip timer */
.KU9-leverage__chip {
  align-self: center;
  background: linear-gradient(120deg, #ede2ff 0%, #fbe9d2 100%);
  color: #a56400;
  font-weight: 800;
  font-size: .96rem;
  padding: 10px 20px;
  border-radius: 18px;
  border: 1.5px solid rgba(255, 152, 0, .35);
  box-shadow: 0 2px 7px rgba(255, 152, 0, .15);
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 36px;
  animation: chipPulse 2.8s infinite alternate;
}

.KU9-leverage__chip i {
  color: #ff9800
}

@keyframes chipPulse {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-3px)
  }
}

/* CTA button */
.KU9-leverage__actions {
  display: flex;
  justify-content: center;
  width: 100%
}

.KU9-leverage__btn {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 20px;
  padding: 18px 64px;
  font-size: 1.17rem;
  font-weight: 900;
  text-decoration: none;
  color: #0d0b16;
  background: #ff9800;
  box-shadow: 0 12px 34px rgba(255, 152, 0, .25);
  transition: transform .24s;
}

.KU9-leverage__btn-inner {
  position: relative;
  z-index: 2
}

.KU9-leverage__btn::before {
  content: '';
  position: absolute;
  inset: -120% 0 0;
  /* start above */
  background: linear-gradient(180deg, transparent 0%, #ffffffaa 50%, transparent 100%);
  transform: rotate(25deg);
  animation: btnSheen 3.6s infinite;
}

@keyframes btnSheen {
  to {
    transform: translateY(260%) rotate(25deg)
  }
}

.KU9-leverage__btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #ff9800
}

/* ========= visual ========= */
.KU9-leverage__visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.KU9-leverage__visual img {
  
  max-width: 100%;
  border-radius: 24px;
  box-shadow: 0 10px 34px rgba(160, 140, 255, .18);
  animation: phoneFloat 6s ease-in-out infinite alternate;
}

@keyframes phoneFloat {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(22px)
  }
}

/* ========= responsive ========= */
@media(max-width:900px) {
  .KU9-leverage {
    padding: 80px 0 70px
  }

  .KU9-leverage__grid {
    flex-direction: column;
    gap: 30px;
    padding: 0;
    text-align: center
  }

  .KU9-leverage__visual img {
    width: 220px
  }

  .KU9-leverage__content {
    align-items: center;
    text-align: center;
    padding: 0
  }

  .KU9-leverage__title {
    justify-content: center;
    font-size: 1.12rem
  }

  .KU9-leverage__infobox,
  .KU9-leverage__desc {
    max-width: none;
    text-align: center
  }

  .KU9-leverage__btn {
    padding: 14px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-leverage {
    padding: 60px 0 50px
  }
}

/* ===== SECTION SHELL ===== */
.KU9-tierbonus {
  position: relative;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  padding: 30px 0 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  perspective: 900px;
}

/* ===== ORBIT RINGS ===== */
.tierbonus__ring {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  opacity: .12;
  background: conic-gradient(#ff9800 0 30%, transparent 30% 100%);
  filter: blur(70px);
}

.tierbonus__ring--lg {
  width: 680px;
  height: 680px;
  top: 45%;
  left: -220px;
  animation: orbit 60s linear infinite;
}

.tierbonus__ring--sm {
  width: 420px;
  height: 420px;
  bottom: -220px;
  right: -190px;
  animation: orbit 50s linear reverse infinite;
}

@keyframes orbit {
  to {
    transform: rotate(360deg)
  }
}

/* ===== 3-TIER STACK ===== */
.tierbonus__stack {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Tier 1 – Image capsule */
.tierbonus__capsule {
  position: relative;
  width: 260px;
  overflow: hidden;
  height: 260px;
  margin-bottom: -100px;
  z-index: 5;
  background: radial-gradient(circle, #2c243c 0%, #1d182b 60%);
  border-radius: 50%;
  box-shadow: 0 10px 40px rgba(255, 152, 0, .25);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(80px);
  animation: capsFloat 7s ease-in-out infinite alternate;
}

.tierbonus__capsule img {

  border-radius: 20px;
  box-shadow: 0 4px 22px rgba(255, 152, 0, .2);
}

@keyframes capsFloat {
  0% {
    transform: translateY(0) translateZ(80px)
  }

  100% {
    transform: translateY(24px) translateZ(80px)
  }
}

/* Tier 2 – shadow plate */
.tierbonus__shadow {
  position: relative;
  width: 300px;
  height: 20px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, transparent 70%);
  margin-bottom: -10px;
  z-index: 4;
  transform: translateZ(40px);
}

/* Tier 3 – Content card */
.tierbonus__card {
  position: relative;
  background: rgba(33, 29, 52, .7);
  backdrop-filter: blur(6px);
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(255, 152, 0, .15);
  padding: 100px 60px 66px;
  text-align: center;
  transform: translateZ(0);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Heading */
.tierbonus__title {
  font-size: 2.05rem;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: .6px;
}

.tierbonus__icon {
  font-size: 2.1rem;
  color: #ff9800;
  animation: iconGlow 2s infinite alternate;
}

@keyframes iconGlow {
  0% {
    filter: drop-shadow(0 0 6px #ff9800)
  }

  100% {
    filter: drop-shadow(0 0 22px #ff9800)
  }
}

/* Call-out */
.tierbonus__infobox {
  background: #161225;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 16px 24px 16px 20px;
  margin-bottom: 24px;
  max-width: 480px;
  box-shadow: 0 2px 9px rgba(255, 152, 0, .15);
}

.tierbonus__infobox strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  color: #ffcb89;
}

/* Body text */
.tierbonus__desc {
  color: #dcd6ef;
  font-size: 1.1rem;
  margin-bottom: 32px;
}

/* Perks list */
.tierbonus__perks {
  list-style: none;
  padding: 0;
  margin: 0 0 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.tierbonus__perks li {
  background: #241d38;
  color: #ffb05a;
  font-weight: 800;
  font-size: .95rem;
  padding: 10px 20px;
  border-radius: 18px;
  border: 1.5px solid rgba(255, 152, 0, .3);
  box-shadow: 0 2px 8px rgba(255, 152, 0, .12);
  display: flex;
  align-items: center;
  gap: 6px;
  animation: perkPulse 3.2s infinite alternate;
}

.tierbonus__perks i {
  color: #ff9800
}

@keyframes perkPulse {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-4px)
  }
}

/* CTA */
.tierbonus__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.tierbonus__btn {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 22px;
  padding: 20px 68px;
  font-size: 1.18rem;
  font-weight: 900;
  text-decoration: none;
  color: #0d0b15;
  background: #ff9800;
  box-shadow: 0 14px 38px rgba(255, 152, 0, .25);
  transition: transform .25s;
}

.tierbonus__btn-glow {
  position: absolute;
  inset: -120% 0 0;
  background: linear-gradient(0deg, transparent 0, #ffffffaa 50%, transparent 100%);
  transform: rotate(25deg);
  animation: btnSweep 4s infinite;
}

@keyframes btnSweep {
  to {
    transform: translateY(260%) rotate(25deg)
  }
}

.tierbonus__btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #ff9800
}

/* ===== Responsive ≤768px ===== */
@media(max-width:900px) {
  .KU9-tierbonus {
    padding: 100px 0 80px
  }

  .tierbonus__capsule {
    width: 200px;
    height: 200px;
    margin-bottom: -80px
  }

  .tierbonus__card {
    padding: 20px;
  }

  .tierbonus__title {
    font-size: 1.18rem
  }

  .tierbonus__desc {
    font-size: 1.02rem
  }

  .tierbonus__btn {
    padding: 16px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .KU9-tierbonus {
    padding: 80px 0 70px
  }

  .KU9-intention__descblock p {
    text-align: center;
  }
}

.last-section {
  background: #1f990b;
  padding: 60px 0 20px;
}

/* ===== Section ===== */
.ztk-architect {

  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* Image */
.ztk-architect__image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 260px
}

.ztk-architect__image img {
  
  border-radius: 26px;
  box-shadow: 0 14px 46px rgba(255, 128, 0, .2);
  animation: ztk-float 6s ease-in-out infinite alternate;
}

/* Panel */
.ztk-architect__panel {
  flex: 1.25;
  
  background: rgb(9 109 25 / 95%);
  backdrop-filter: blur(5px);
  border-radius: 34px;
  box-shadow: 0 16px 60px rgba(255, 128, 0, .14);
  padding: 60px 50px 54px;
  display: flex;
  flex-direction: column;
  align-items: center ;
  text-align: center;
  color: #ece8ff;
}

/* Headline */
.ztk-architect__headline {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px
}

.ztk-architect__badge {
  font-size: 2.1rem;
  color: #ff8d00;
  animation: ztk-glow 2s infinite alternate
}

/* Call-out */
.ztk-architect__callout {
  background: #161425;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 22px;
  max-width: 480px;
  box-shadow: 0 2px 8px rgba(255, 128, 0, .15)
}

.ztk-architect__callout strong {
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.13rem;
  color: #ffcb8c
}

/* Body text */
.ztk-architect__text {
  font-size: 1.08rem;
  margin-bottom: 32px
}

/* Progress bars */
.ztk-progresswrap {
  width: 100%;
  margin-bottom: 38px
}

.ztk-progress {
  margin-bottom: 14px
}

.ztk-progress__label {
  display: block;
  font-weight: 800;
  font-size: .96rem;
  color: #ffb45c;
  margin-bottom: 6px
}

.ztk-progress__label i {
  color: #ff8d00;
  margin-right: 6px
}

.ztk-progress__bar {
  display: block;
  width: 100%;
  height: 10px;
  background: #262336;
  border-radius: 8px;
  overflow: hidden
}

.ztk-progress__bar span {
  display: block;
  height: 100%;
  background: #ff8d00;
  border-radius: 8px;
  animation: ztk-grow 2s ease-out forwards
}

/* CTA */
.ztk-architect__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.ztk-architect__btn {
  position: relative;
  padding: 18px 58px;
  font-size: 1.17rem;
  font-weight: 900;
  color: #0e0b14;
  background: #ff8d00;
  border: none;
  border-radius: 20px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 12px 36px rgba(255, 141, 0, .25);
  overflow: hidden;
  transition: transform .25s
}

.ztk-architect__btn::after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0, #ffffff80 50%, transparent 100%);
  transform: skewX(-30deg);
  animation: ztk-shine 3.6s linear infinite
}

.ztk-architect__btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #ff8d00
}

/* Animations */
@keyframes ztk-float {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(22px)
  }
}

@keyframes ztk-glow {
  0% {
    filter: drop-shadow(0 0 6px #ff8d00)
  }

  100% {
    filter: drop-shadow(0 0 20px #ff8d00)
  }
}

@keyframes ztk-grow {
  from {
    width: 0
  }
}

@keyframes ztk-shine {
  to {
    left: 120%
  }
}

/* Responsive */
@media(max-width:900px) {
  .ztk-architect {
    padding: 90px 0 80px;
    flex-direction: column;
    gap: 30px;
    text-align: center
  }

  .ztk-architect__panel {
    align-items: center;
    padding: 40px 6vw
  }

  .ztk-architect__headline {
    justify-content: center;
    font-size: 1.12rem
  }

  .ztk-architect__callout,
  .ztk-architect__text {
    text-align: center;
    max-width: none
  }

  .ztk-architect__btn {
    padding: 14px 10vw;
    font-size: 1rem
  }

  .ztk-architect__image img {
    width: 220px
  }
}

@media(max-width:600px) {
  .ztk-architect {
    padding: 70px 0 60px
  }
}

.progress--70 {
  width: 70%
}

.progress--45 {
  width: 45%
}

.progress--30 {
  width: 30%
}


/* ===== Shell ===== */
.lvlup-hero {
  background: #e4e020;
  padding: 120px 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* Halo */
.lvlup-hero__halo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 620px;
  height: 620px;
  background: radial-gradient(circle, #ff952e33 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: lvlupPulse 8s infinite alternate;
  pointer-events: none;
  filter: blur(50px);
}

@keyframes lvlupPulse {
  0% {
    opacity: .25
  }

  100% {
    opacity: .12
  }
}

/* ===== Card ===== */
.lvlup-hero__card {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 90%;
  background: rgba(24, 22, 42, .94);
  backdrop-filter: blur(4px);
  border-radius: 34px;
  box-shadow: 0 18px 60px rgba(255, 149, 46, .16);
  padding: 60px 50px 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #e8e5ff;
}

/* Title */
.lvlup-hero__title {
  font-size: 2.04rem;
  font-weight: 900;
  margin-bottom: 22px;
  letter-spacing: .6px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.lvlup-hero__emoji {
  font-size: 2.1rem;
  animation: lvlupGlow 2s infinite alternate;
}

@keyframes lvlupGlow {
  0% {
    filter: drop-shadow(0 0 6px #ff952e)
  }

  100% {
    filter: drop-shadow(0 0 22px #ff952e)
  }
}

/* Call-out */
.lvlup-hero__callout {
  background: #141325;
  border-left: 2px solid grey;
  border-radius: 0 14px 14px 0;
  padding: 14px 22px 14px 18px;
  margin-bottom: 24px;
  max-width: 480px;
  box-shadow: 0 2px 9px rgba(255, 149, 46, .15);
}

.lvlup-hero__callout strong {
  display: block;
  padding-left: 10px;
  border-left: 2px solid grey;
  font-weight: bolder;
  font-size: 1.14rem;
  color: #ffd093;
}

/* Paragraph */
.lvlup-hero__desc {
  font-size: 1.08rem;
  margin-bottom: 34px
}

/* Chips */
.lvlup-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-bottom: 44px
}

.lvlup-chip {
  background: #1f1c34;
  color: #ffbc6c;
  font-weight: 800;
  font-size: .95rem;
  padding: 9px 18px;
  border-radius: 16px;
  border: 1.5px solid rgba(255, 149, 46, .35);
  box-shadow: 0 2px 8px rgba(255, 149, 46, .12);
  display: flex;
  gap: 6px;
  align-items: center;
  animation: lvlupChip 3s infinite alternate;
}

.lvlup-chip i {
  color: #ff952e
}

@keyframes lvlupChip {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-4px)
  }
}

/* CTA */
.lvlup-hero__actions {
  width: 100%;
  display: flex;
  justify-content: center
}

.lvlup-btn {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 20px;
  padding: 18px 58px;
  font-size: 1.17rem;
  font-weight: 900;
  text-decoration: none;
  color: #0d0b14;
  background: #ff952e;
  cursor: pointer;
  box-shadow: 0 12px 36px rgba(255, 149, 46, .25);
  transition: transform .25s;
}

.lvlup-btn::after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0, #ffffff80 50%, transparent 100%);
  transform: skewX(-30deg);
  animation: lvlupShine 3.6s linear infinite;
}

@keyframes lvlupShine {
  to {
    left: 120%
  }
}

.lvlup-btn:hover {
  transform: scale(1.08);
  background: #fff;
  color: #ff952e
}

/* ===== Responsive ===== */
@media(max-width:900px) {
  .lvlup-hero {
    padding: 90px 0 80px
  }

  .lvlup-hero__card {
    padding: 40px 7vw;
    text-align: center
  }

  .lvlup-hero__title {
    font-size: 1.18rem
  }

  .lvlup-btn {
    padding: 14px 10vw;
    font-size: 1rem
  }
}

@media(max-width:600px) {
  .lvlup-hero {
    padding: 70px 0 60px
  }
}

/* ===== base ===== */
.zfooter {
  background: #1e5d00;
  color: #d9d7e5;
  font-size: .95rem;
  padding: 60px 6vw 40px;
  display: flex;
  flex-direction: column;
  gap: 42px;
}

/* 1 ▸ logo + nav */
.zfooter__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  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;
  border-radius: .5em;
  color: #ffb866;
  height: 39px;
  background-color: white;
  padding: 2px;
  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: 2rem;
  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 {
    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
  }
}


/* ════════════════════════════════════════════════════════════════════
   KU9 · Aviator Hero Section  •  No line-height declarations
   ════════════════════════════════════════════════════════════════════*/
.aviator-hero299 {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #eaf8ff;
  text-align: center;
}
.aviator-hero299__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover fixed;
}
.aviator-hero299__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,20,0.6);
}

/* flying planes */
.aviator-hero299__plane {
  position: absolute;
  color: #36eaff88;
  font-size: 1.6rem;
  opacity: 0.7;
  pointer-events: none;
}
.aviator-hero299__plane--1 { top: 20%; animation: fly1 14s linear infinite; }
.aviator-hero299__plane--2 { top: 45%; animation: fly2 18s linear infinite; }
.aviator-hero299__plane--3 { top: 70%; animation: fly3 22s linear infinite; }

@keyframes fly1 { 0% { left:-5%; transform: rotateZ(-10deg); } 100% { left:105%; } }
@keyframes fly2 { 0% { left:105%; transform: rotateZ(10deg); } 100% { left:-10%; } }
@keyframes fly3 { 0% { left:-8%; transform: rotateZ(-5deg); } 100% { left:110%; } }

/* content */
.aviator-hero299__container {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 1rem;
  backdrop-filter: blur(10px);
  background: rgba(0,10,30,0.4);
  border-radius: 20px;
  padding: 2.5rem 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.aviator-hero299__title {
  font-size: clamp(2rem,3vw+1rem,2.8rem);
  font-weight: 900;
  color: #46ff3c;
  margin: 0;
  text-shadow: 0 4px 24px #00eaff55;
}
.aviator-hero299__desc {
  max-width: 680px;
  margin: 0;
  color: #d0efff;
  font-size: 1rem;
}
.aviator-hero299__link {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .3s;
}
.aviator-hero299__link:hover {
  border-color: #fff;
}

.aviator-hero299__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.aviator-hero299__btn {
  display: inline-block;
  padding: 1.1rem 2.6rem;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  background: #59ff36;
  color: #031025;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .25s, transform .25s;
  animation: btnPulse 1.6s infinite alternate;
}
.aviator-hero299__btn--ghost {
  background: transparent;
  border: 2px solid #59ff36;
  color: #59ff36;
}
.aviator-hero299__btn:hover {
  background: #fff;
  transform: translateY(-3px);
}

@keyframes btnPulse { to { box-shadow: 0 8px 36px #36eaffaa; } }

.aviator-hero299__figure {
  margin: 1.6rem 0 0;
}
.aviator-hero299__img {
  
  max-width: 85vw;
  border-radius: 14px;
  box-shadow: 0 4px 28px #00eaff44;
  animation: imgFloat 3s ease-in-out infinite alternate;
}
@keyframes imgFloat { to { transform: translateY(-14px); } }

/* responsive */
@media(max-width: 760px) {
  .aviator-hero299__container {
    padding:  1rem;
    margin: 0;
    gap: 1.2rem;
  }
  .aviator-hero299__title { font-size: 1.8rem; }
  .aviator-hero299__actions {  width: 100%; }
  
}

/* ════════════════════════════════════════════════════════════════
   KU9 — Soar High Aviator Section Styles
   ════════════════════════════════════════════════════════════════ */
.aviator-highfly {
  position: relative;
  background: #000;
  overflow: hidden;
  padding: 5rem 1rem 6rem;
  text-align: center;
}
.aviator-highfly__sky {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover no-repeat fixed;
  z-index: 1;
}
.aviator-highfly__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  z-index: 2;
}
.aviator-highfly__content {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
}
.aviator-highfly__nested {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.aviator-highfly__headline {
  font-size: 2.5rem;
  font-weight: 800;
  
  text-shadow: 0 2px 15px #00eaff66;
  margin: 0;
  margin-bottom: 0.5em;
}
.aviator-highfly__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
}
.aviator-highfly__desc-block {
  flex: 1 1 55%;
  display: flex;
  justify-content: center;
}
.aviator-highfly__desc-inner {
  display: flex;
  flex-direction: column;
  
  background: rgba(0, 25, 45, 0.6);
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 0 20px #00eaff33;
}
.aviator-highfly__text {
  color: #e1f6ff;
  font-size: 1rem;
}
.aviator-highfly__link {
  color: #ff0000;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}
.aviator-highfly__link:hover {
  border-color: #ff0000;
}
.aviator-highfly__img-box {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.aviator-highfly__img {
  width: 100%;
  
  border-radius: 20px;
  box-shadow: 0 0 30px #00eaff55;
  animation: soarFloat 3s ease-in-out infinite alternate;
}
@keyframes soarFloat {
  0% { transform: translateY(0); }
  100% { transform: translateY(-12px); }
}

.aviator-highfly__btn-row {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.aviator-highfly__btn {
  padding: 1rem 2.4rem;
  font-size: 1.05rem;
  background: #fff;
  color: #000;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 20px #00eaff44;
}
.aviator-highfly__btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px #00eaff88;
}

/* Responsive */
@media (max-width: 768px) {
  .aviator-highfly__body {
    flex-direction: column;
  }

  .aviator-highfly__body { 
    display: flex;
    flex-direction: column;
  }

  .crazytime-breakdown299__cta {
    display: flex;
  }

  .aviator-highfly__headline {
    font-size: 1.8rem;
  }
  .aviator-highfly__img {
    
  }
}

/* ════════════════════════════════════════════════════════════════
   KU9 Aviator · Master the Skies Section Styles (NO line-height)
   ════════════════════════════════════════════════════════════════*/
.aviator-master {
  position: relative;
  background: #010f18;
  padding: 2rem 1rem 3rem;
  text-align: center;
  overflow: hidden;
}
.aviator-master__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, #002d4e 0%, #1ee833 60%, #e1ff14 100%);
  z-index: 1;
  animation: aviatorGradient 9s ease-in-out infinite alternate;
}
@keyframes aviatorGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 80%; }
}
.aviator-master__plane {
  position: absolute;
  top: 10%; left: -4%;
  font-size: 2.4rem;
  color: #00eaffbb;
  z-index: 2;
  animation: planeFly 12s linear infinite;
}
@keyframes planeFly {
  0%   { left: -4%; top: 8%; opacity: 0.7; }
  10%  { left: 8%; top: 10%; }
  25%  { left: 30%; top: 16%; }
  50%  { left: 56%; top: 24%; }
  70%  { left: 78%; top: 34%; }
  90%  { left: 96%; top: 10%; }
  100% { left: 104%; top: 9%; opacity: 0.2; }
}
.aviator-master__container {
  position: relative;
  z-index: 3;
  max-width: 1180px;
  margin: 0 auto;
}
.aviator-master__card {
  
  border-radius: 22px;
  
  padding: 2.5rem 2.5rem 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.2rem;
}
.aviator-master__title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0.5px;
  margin-bottom: .7rem;
  text-shadow: 0 4px 18px #00eaff65;
}
.aviator-master__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2.6rem;
  width: 100%;
}
.aviator-master__left {
  flex: 1 1 380px;
  display: flex;
  justify-content: center;
}
.aviator-master__desc-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  background: rgba(16, 32, 45, 0.77);
  border-radius: 14px;
  padding: 1.7rem 1.5rem;
  box-shadow: 0 0 18px #00eaff22;
}
.aviator-master__desc {
  color: #e7f7ff;
  font-size: 1.02rem;
  margin-bottom: 0;
}
.aviator-master__link {
  color: #ff0000;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1.5px solid transparent;
  transition: border-color .23s;
}
.aviator-master__link:hover {
  border-color: #ff0200;
}
.aviator-master__tips {
  margin-top: 1.2rem;
  background: rgba(0, 234, 255, 0.08);
  border-left: 4px solid #fff;
  border-radius: 8px;
  padding: 1.1rem 1.2rem;
  width: 100%;
  text-align: left;
  animation: tipsFadeIn 1.5s .5s backwards;
}
@keyframes tipsFadeIn { from { opacity:0; transform:translateY(30px);} to{opacity:1;transform:none;}}
.aviator-master__tips-title {
  color: #fff;
  font-size: 1.11rem;
  font-weight: 800;
  margin-bottom: .55rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.aviator-master__tips-list {
  padding: 0 0 0 1.1em;
  margin: 0;
}
.aviator-master__tips-list li {
  color: #d0f7ff;
  font-size: .97rem;
  margin-bottom: .37rem;
}
.aviator-master__highlight {
  color: #fff04c;
  font-weight: 700;
}
.aviator-master__cta {
  margin-top: 1.7rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.aviator-master__btn {
  padding: 1.1rem 2.6rem;
  background: #fff;
  color: #000b14;
  font-weight: 700;
  border-radius: 50px;
  font-size: 1.07rem;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff55;
  transition: background .21s, transform .19s;
  animation: btnPulseMaster 1.2s infinite alternate;
}
@keyframes btnPulseMaster { to { box-shadow: 0 8px 34px #36eaffcc; } }
.aviator-master__btn:hover {
  background: #19e0ff;
  transform: translateY(-3px);
}
.aviator-master__right {
  flex: 0 0 340px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.aviator-master__figure {
  margin: 0;
  text-align: center;
}
.aviator-master__img {
  width: 290px;
  max-width: 95vw;
  border-radius: 20px;
  box-shadow: 0 4px 32px #00eaff33;
  animation: imgFloatMaster 3.2s ease-in-out infinite alternate;
}
@keyframes imgFloatMaster { to { transform: translateY(-17px); } }
.aviator-master__caption {
  color: #8be2ff;
  
  font-size: .96rem;
  margin-top: .7rem;
  font-style: italic;
}

@media (max-width:900px) {
  .aviator-master__body {
    flex-direction: column;
    gap: 2.1rem;
  }
  .aviator-master__left,
  .aviator-master__right {
    width: 100%; flex: 1 1 100%;
    justify-content: center;
  }
  .aviator-master__cta { justify-content: center; }
}
@media (max-width:560px) {
  .aviator-master__img { width: 95vw; }
  .aviator-master__desc-wrap { padding: 1.1rem .8rem; }
  .aviator-master__card { padding: 1.3rem .4rem; }
}
/* ════════════════════════════════════════════════════════════════════
   KU9 · Why Bangladeshi Players Choose Aviator (Card Layout)
   ════════════════════════════════════════════════════════════════════ */
.aviator-why299 {
  position: relative;
  padding: 5rem 1rem 6rem;
  background: #0b1728;
  color: #eaf8ff;
  text-align: center;
  overflow: hidden;
}
.aviator-why299__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, #001726 0%, #2e7c2a 100%);
  opacity: 0.92;
  z-index: 1;
  pointer-events: none;
}
.aviator-why299__container {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}
.aviator-why299__header {
  margin-bottom: 2.8rem;
}
.aviator-why299__title {
  color: #fff;
  font-size: clamp(2rem,2.5vw + 1rem,2.5rem);
  font-weight: 900;
  margin: 0 0 1.3rem 0;
}
.aviator-why299__desc {
  font-size: 1.08rem;
  color: #d0eaff;
  margin: 0 auto;
  max-width: 800px;
}
.aviator-why299__lead {
  padding-left: 10px;
  border-left: 2px solid grey;
  text-align: center;
  align-items: center;
  
  font-weight: 700;
  color: #ffe400;
  background: rgba(0,234,255,0.10);
  margin-bottom: 6px;
}
.aviator-why299__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.2rem;
  margin: 0 auto 2.7rem;
}
.aviator-why299__card {
  background: rgba(0,18,36,0.92);
  border-radius: 18px;
  box-shadow: 0 4px 22px #00eaff26;
  width: 260px;
  min-width: 220px;
  max-width: 94vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.1rem 1.2rem 1.6rem 1.2rem;
  transition: transform .26s, box-shadow .25s;
  animation: cardEnterAviator 1s cubic-bezier(.17,.67,.55,1.55) both;
}
.aviator-why299__card:hover {
  transform: translateY(-9px) scale(1.05) rotate(-1deg);
  box-shadow: 0 8px 32px #00eaff66;
}
@keyframes cardEnterAviator { from { opacity:0; transform:scale(.86) translateY(30px);} to {opacity:1; transform:none;} }

.aviator-why299__card-img {
  max-height: 180px;

  border-radius: 14px;
  margin-bottom: 1.1rem;
  object-fit: cover;
  box-shadow: 0 2px 12px #00eaff40;
  background: #001726;
  animation: imgFloatAviator 3.2s ease-in-out infinite alternate;
}
@keyframes imgFloatAviator { to { transform: translateY(-8px); } }
.aviator-why299__card-title {
  font-size: 1.07rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .41rem;
  text-align: center;
}
.aviator-why299__card-desc {
  font-size: .97rem;
  color: #d7f6ff;
  margin: 0;
  text-align: center;
}
.aviator-why299__cta {
  margin: 2.3rem 0 0 0;
  text-align: center;
}
.aviator-why299__btn {
  padding: 1.05rem 2.3rem;
  background: #fff;
  color: #09273a;
  font-weight: 700;
  font-size: 1.06rem;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 18px #00eaff45;
  transition: background .2s, transform .2s;
  animation: btnPulseWhy 1.35s infinite alternate;
  display: inline-block;
}
@keyframes btnPulseWhy { to { box-shadow: 0 8px 34px #36eaffcc; } }
.aviator-why299__btn:hover {
  background: #19e0ff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width:900px) {
  .aviator-why299__cards { gap: 1.2rem; }
}
@media (max-width:600px) {
  .aviator-why299__header { margin-bottom: 1.4rem; }
  .aviator-why299__cards { flex-direction: column; align-items: center; }
}

/* ════════════════════════════════════════════════════════════════════
   KU9 · Crazy Time Hero Section  •  No line-height declarations
   ════════════════════════════════════════════════════════════════════*/
.crazytime-hero299 {
  position: relative;
  min-height: 630px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #f6f9ff;
  text-align: center;
}


.crazytime-bonusrds299__bonuscard-head {
  padding-left:10px; border-left:2px solid grey; text-align:center; align-items:center;
}

.crazytime-hero299__bg {
  position: absolute;
  inset: 0;
  background: url('img/bg.jpg') center/cover fixed;
  filter: blur(2px) brightness(0.85);
  z-index: 1;
}
.crazytime-hero299__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(0,22,60,0.77) 25%,rgba(204,43,94,0.33) 80%);
  z-index: 2;
  pointer-events: none;
}

.crazytime-hero299__container {
  position: relative;
  z-index: 3;
  max-width: 850px;
  margin: 0 auto;
  backdrop-filter: blur(7px);
  background: rgba(16,14,54,0.18);
  border-radius: 22px;
  padding: 2.8rem 1.5rem 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.7rem;
}

.crazytime-hero299__title {
  font-size: 2.4rem;
  font-weight: 900;
  color: #fffc4e;
  letter-spacing: .2px;
  text-shadow: 0 5px 22px #ff4fb277, 0 0px 6px #00eaff33;
  margin: 0 0 0.4em 0;
}
.crazytime-hero299__desc {
  max-width: 700px;
  margin: 0;
  color: #ffe8fa;
  font-size: 1.09rem;
}
.crazytime-hero299__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.7rem 0 0.2rem;
}
.crazytime-hero299__btn {
  display: inline-block;
  padding: 1.1rem 2.7rem;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  background: #ff38c7;
  color: #171939;
  box-shadow: 0 2px 18px #ff41c888;
  transition: background .21s, transform .22s;
  animation: crazyBtnPulse 1.2s infinite alternate;
}
.crazytime-hero299__btn--ghost {
  background: transparent;
  border: 2.5px solid #ff38c7;
  color: #ffffff;
}
.crazytime-hero299__btn:hover {
  background: #ff4fb2;
  transform: translateY(-2.5px);
}
@keyframes crazyBtnPulse { to { box-shadow: 0 8px 34px #ff99fccc; } }

.crazytime-hero299__figure {
  margin: 2.1rem 0 0;
}
.crazytime-hero299__img {
  border-radius: 16px;
  box-shadow: 0 4px 28px #d741ff44;
  animation: imgFloatCrazy 2.6s ease-in-out infinite alternate;
}
@keyframes imgFloatCrazy { to { transform: translateY(-15px); } }

/* Responsive */
@media(max-width: 800px) {
  .crazytime-hero299__container { padding: 1.8rem 1rem 1.5rem; gap: 0.5em; }
  .crazytime-hero299__figure { margin: 1.2rem 0 0; }
  .crazytime-hero299__title { font-size: 1.5rem; }
  .crazytime-hero299__actions {  gap: 0.9rem; }
}

/* ══════════════════════════════════════════════════════════════
   KU9 · Crazy Time · Must-Try Section (Left/Right Layout)
   ══════════════════════════════════════════════════════════════ */
.crazytime-musttry299 {
  width: 100%;
  padding: 5rem 1rem 6rem;
  background: linear-gradient(110deg, #2a8300 0%, #2e7900 100%);
  overflow: hidden;
}
.crazytime-musttry299__wrapper {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  flex-wrap: wrap;
}
.crazytime-musttry299__imgbox {
  flex: 0 0 370px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crazytime-musttry299__img {
  width: 330px;
  max-width: 94vw;
  border-radius: 18px;
  box-shadow: 0 8px 36px #0cf1f255;
  animation: floatCrazyImg 2.7s ease-in-out infinite alternate;
}
@keyframes floatCrazyImg { to { transform: translateY(-16px); } }

.crazytime-musttry299__content {
  flex: 1 1 440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.crazytime-musttry299__title {
  font-size: clamp(1.8rem,2.3vw + 1rem,2.3rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.2rem;
  text-shadow: 0 4px 18px #ffe40060;
}
.crazytime-musttry299__descblock {
  background: rgba(255, 238, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 2px 22px #ffe40019;
  padding: 2.1rem 1.5rem 1.2rem 1.5rem;
  margin-bottom: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  align-items: center;
}
.crazytime-musttry299__desc {
  font-size: 1.07rem;
  color: #ffeebb;
  margin: 0;
}
.crazytime-musttry299__link {
  color: #ff43a2;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
.crazytime-musttry299__link:hover {
  border-color: #ff43a2;
}
.crazytime-musttry299__cta {
  margin-top: .7rem;
}
.crazytime-musttry299__btn {
  display: inline-block;
  padding: 1.09rem 2.5rem;
  font-size: 1.06rem;
  background: #ffe400;
  color: #262522;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .22s, transform .22s;
  animation: musttryBtnPulse 1.2s infinite alternate;
}
@keyframes musttryBtnPulse { to { box-shadow: 0 8px 32px #ffe400bb; } }
.crazytime-musttry299__btn:hover {
  background: #fff15b;
  transform: translateY(-2px);
}

@media (max-width:900px) {
  .crazytime-musttry299__wrapper { flex-direction: column-reverse; gap: 1.8rem; }
  .crazytime-musttry299__content { align-items: center; text-align: center; }
  .crazytime-musttry299__imgbox { width: 100%; }
  .crazytime-musttry299__img { width: 90vw; }
}

/* ════════════════════════════════════════════════════════════════════
   KU9 · Crazy Time Wheel Breakdown (Modern Card/Wheel Styling)
   ════════════════════════════════════════════════════════════════════*/
.crazytime-breakdown299 {
  width: 100%;
  background: linear-gradient(163deg,rgba(11, 153, 51, 1) 0%, rgba(255, 186, 36, 1) 100%);
  padding: 5rem 1rem 6rem;
  color: #f2fcff;
  display: flex;
  justify-content: center;
}
.crazytime-breakdown299__shell {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 3.4rem;
  flex-wrap: wrap;
}
.crazytime-breakdown299__visual {
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-width: 260px;
}
.crazytime-breakdown299__wheel-outer {
  position: relative;
  width: 170px;
  height: 280px;
  margin-bottom: 2.1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.crazytime-breakdown299__wheel {
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  width: 110px;
  height: 224px;
  border-radius: 55px;
  background: repeating-linear-gradient(
    to bottom, 
    #ffe400 0 14px, #fff 14px 28px, #ff55a0 28px 42px, #02eeff 42px 56px, #fff 56px 70px
  );
  box-shadow: 0 4px 22px #ffe40019;
  overflow: hidden;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.crazytime-breakdown299__segment {
  font-weight: 900;
  font-size: 1.1rem;
  margin: 5px 0;
  width: 100%;
  text-align: center;
  letter-spacing: 2px;
  color: #1d1d1d;
  opacity: .7;
  filter: blur(.7px);
}
.crazytime-breakdown299__segment--num1 { color: #000; }
.crazytime-breakdown299__segment--num2 { color: #000; }
.crazytime-breakdown299__segment--num5 { color: #000; }
.crazytime-breakdown299__segment--num10 { color: #000; }
.crazytime-breakdown299__segment--bonus { color: #000; letter-spacing: 1px; font-size: 1rem; }
.crazytime-breakdown299__flapper {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 26px; height: 30px;
  z-index: 3;
}
.crazytime-breakdown299__topslot {
  position: absolute;
  left: 50%;
  top: -37px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff2fc;
  border-radius: 10px 10px 18px 18px;
  box-shadow: 0 2px 16px #00eaff1a;
  padding: 5px 16px 3px 16px;
  z-index: 4;
  animation: topSlotSpin 1.8s linear infinite alternate;
}
@keyframes topSlotSpin { to { box-shadow: 0 0 16px #ffe400cc, 0 0 30px #ff55a033; } }
.crazytime-breakdown299__topslot-label {
  font-size: .86rem;
  color: #ff55a0;
  font-weight: 700;
}
.crazytime-breakdown299__topslot-multiplier {
  color: #000;
  font-weight: 900;
  font-size: 1.12rem;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 7px #ff4fb2bb;
}
.crazytime-breakdown299__img {
  margin-top: .7rem;
  width: 158px;
  
  border-radius: 11px;
  box-shadow: 0 2px 13px #00eaff33;
  animation: imgFloatCrazyBreak 2.7s ease-in-out infinite alternate;
}
@keyframes imgFloatCrazyBreak { to { transform: translateY(-9px); } }

.crazytime-breakdown299__content {
  flex: 1 1 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.crazytime-breakdown299__title {
  font-size: clamp(1.5rem,2vw + 1rem,2.1rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.3rem;
  letter-spacing: 0.1px;
  text-shadow: 0 5px 19px #ffe40088;
}
.crazytime-breakdown299__descblock {
  background: rgba(255,255,255,0.04);
  border-radius: 15px;
  box-shadow: 0 2px 22px #ffe4000f;
  padding: 2.1rem 1.1rem 1.3rem 1.1rem;
  margin-bottom: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.04rem;
  align-items: center;
}
.crazytime-breakdown299__desc {
  font-size: 1.06rem;
  color: #fffbe2;
  margin: 0;
  text-align: center;
}
.crazytime-breakdown299__link {
  color: #ff55a0;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .23s;
}
.crazytime-breakdown299__link:hover {
  border-color: #ff55a0;
}
.crazytime-breakdown299__cta {
  margin-top: .8rem;
}
.crazytime-breakdown299__btn {
  display: inline-block;
  padding: 1.13rem 2.4rem;
  font-size: 1.07rem;
  background: #ffe400;
  color: #222221;
  font-weight: 700;
  border-radius: 46px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .18s, transform .20s;
  animation: breakdownBtnPulse 1.28s infinite alternate;
}
@keyframes breakdownBtnPulse { to { box-shadow: 0 8px 34px #ffe400cc; } }
.crazytime-breakdown299__btn:hover {
  background: #fff33c;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width:1024px) {
  .crazytime-breakdown299__shell { flex-direction: column; gap: 2.2rem; }
  .crazytime-breakdown299__visual { margin-bottom: 0; flex: none;  }
  .crazytime-breakdown299 {
    padding-bottom: 30px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   KU9 · Crazy Time All Four Bonus Rounds (Modern Grid Card Design)
   ═══════════════════════════════════════════════════════════════════════ */
.crazytime-bonusrds299 {
  width: 100%;
  padding: 5rem 1rem 6rem;
  background: linear-gradient(105deg, #2e4b23 0%, #112e0e 100%);
  color: #f9fcff;
  text-align: center;
}
.crazytime-bonusrds299__container {
  max-width: 1200px;
  margin: 0 auto;
}
.crazytime-bonusrds299__title {
  font-size: clamp(1.7rem, 2vw + 1rem, 2.4rem);
  font-weight: 900;
  color: #ffe400;
  margin-bottom: 1.5rem;
  text-shadow: 0 3px 16px #ffe40059;
}
.crazytime-bonusrds299__desc {
  font-size: 1.1rem;
  color: #fceffb;
  margin: 0 0 2.7rem 0;
}
.crazytime-bonusrds299__bonusgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 2.3rem;
  margin-bottom: 2.8rem;
}
.crazytime-bonusrds299__bonuscard {
  background: rgba(0, 234, 255, 0.04);
  border-radius: 20px;
  box-shadow: 0 4px 24px #ffe40022;
  padding: 2.2rem 1.3rem 1.3rem 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: bonusCardPulse 1.7s cubic-bezier(.35,.85,.39,1.1) infinite alternate;
}
@keyframes bonusCardPulse {
  0%   { box-shadow: 0 4px 18px #ffe40011;}
  100% { box-shadow: 0 6px 32px #00eaff2f;}
}

.crazytime-bonusrds299__bonuscard-body p {
  margin: 0;
}

.crazytime-bonusrds299__bonuscard-head {
  font-weight: 800;
  color: #ffe400;
  font-size: 1.14rem;
  margin-bottom: 1.05rem;
  letter-spacing: .02em;
  background: rgba(255,255,255,.06);
  border-radius: 9px;
  padding: .5em;
  width: 90%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  margin-bottom: 10px;
}
.crazytime-bonusrds299__bonuscard-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}
.crazytime-bonusrds299__bonusimg {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: .2rem;
  box-shadow: 0 2px 10px #00eaff32;
  background: #151d2f;
}
.crazytime-bonusrds299__cta {
  margin: 2.1rem 0 0 0;
}
.crazytime-bonusrds299__btn {
  display: inline-block;
  padding: 1.08rem 2.4rem;
  font-size: 1.07rem;
  background: #ffe400;
  color: #1d1939;
  font-weight: 700;
  border-radius: 44px;
  text-decoration: none;
  box-shadow: 0 3px 19px #ffe4005c;
  transition: background .18s, transform .21s;
  animation: allBonusesBtnPulse 1.25s infinite alternate;
}
@keyframes allBonusesBtnPulse { to { box-shadow: 0 8px 34px #ffe400cc; } }
.crazytime-bonusrds299__btn:hover {
  background: #fff53c;
  transform: translateY(-2px);
}
.crazytime-bonusrds299__figure {
  margin-top: 2.7rem;
}
.crazytime-bonusrds299__figureimg {
  
  border-radius: 19px;
  box-shadow: 0 3px 26px #ff55a055;
  animation: figureBonusFloat 2.3s ease-in-out infinite alternate;
}
@keyframes figureBonusFloat { to { transform: translateY(-16px); } }

@media (max-width: 950px) {
  .crazytime-bonusrds299__bonusgrid {
    grid-template-columns: 1fr;
    gap: 1.7rem;
  }
}
@media (max-width: 600px) {
  .crazytime-bonusrds299__bonuscard-head {
    font-size: 1.01rem;
    padding: .7em .3em;
  }
  .crazytime-bonusrds299__bonusimg { width: 57px; height: 57px; }
  .crazytime-bonusrds299__figureimg { width: 95vw; }
  .crazytime-bonusrds299__bonuscard { padding: 1.1rem .5rem .7rem .5rem; }
}











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

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

.dnone {
  display: none;
}



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

/* ========== n7fixed-bonus-banner ========== */
.n7fixed-bonus-banner {
  position: fixed;

  bottom: 0;
width: 100%;
  z-index: 1010;
background: rgb(56 56 56 / 58%);
    color: #ffffff;
  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;
  z-index: 1111111111111111111111111111;
  /* Disable highlight on tap in mobile */
  -webkit-tap-highlight-color: transparent;

}

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

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

.cv666-luxehero__shell {
  margin-top: 0;
  background: none;
  padding: 0;
  animation: none;
}

h1[class*="title"], h2[class*="title"] {
text-align: center;
font-size: 36px;
}

p, span, strong {
  font-size: 18px !important;
}

[class*="lead"] {
  display: inline-block;
  text-align: center
}

[class*="_link"] { 
color: #53c621;

}

[class*="_link"]:hover { 
color: #ff8f43;
border-color: #ff8f43;
}

[class*="btn"]:not([class*="wrap"]),
[class*="button"]:not([class*="buttons"]) {
  padding: 20px 30px;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  /* Новые анимации: отскок + пульсация тени */
  animation:
    bounce 0.6s infinite cubic-bezier(.28,.84,.42,1.06),
    shadow-pulse 1.5s infinite ease-in-out,
    glow-pulse-const 2s infinite ease-in-out;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes shadow-pulse {
  0%, 100% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  }
}

[class*="btn--"]:not([class*="btn--main"]) {
  display: inline-block;
  transform-origin: center center;
  background: white;
  color: black;
  animation: wiggle 1s infinite ease-in-out !important;
}

@keyframes wiggle {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
}



.KU9-appfocus__subtitle {
  color: white;
}

@media (max-width: 768px) {

  [class*="title"]:not([class*="subtitle"]), h1, h2 {
  font-size: 36px;
}



.KU9-games__descblock,.cv666-luxehero__subtitle,.KU9-hero__title,.KU9-slots__descblock,.KU9-bonushero__title,.KU9-bonushero__desc,.KU9-bonushero__infobox,.KU9-loginhero__desc, .KU9-bet__title, .KU9-bet__descblock {
  margin: 0;
  margin-bottom: 0.6rem;
}

.KU9-bonushero__actions,.crazytime-hero299__actions, .aviator-hero299__actions {
  gap: 0;
}

.aviator-hero299__container {
  background: none;
  padding: 0;
  box-shadow:  0;
}

.KU9-bonushero__shell {
  padding: 0;
}

.KU9-bet__descblock p, .crazytime-hero299__title {
  margin: 0;
}

.KU9-games__shell {
  margin-top: 0;
  padding-top: 0;
}

  [class*="btn"]:not([class*="wrap"]),
  [class*="button"]:not([class*="buttons"]) {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    animation:
      bounce 0.6s infinite cubic-bezier(.28,.84,.42,1.06),
    shadow-pulse 1.5s infinite ease-in-out,
    glow-pulse-const 2s infinite ease-in-out;
  }

  [class*="btn--"]:not([class*="btn--main"]) {
  display: inline-block;
  transform-origin: center center;
  background: white;
  color: black;
  animation: wiggle 1s infinite ease-in-out !important;
}

@keyframes wiggle {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
}

}




@media (max-width: 768px) {


  .KU9-hero, .KU9-slots {
    padding: 0 !important;
  }

}

@media (max-width: 768px) {

  section {
    padding: 20px !important;
  }

  .lux-header__login-btn {
    width: auto !important;
  }

  .KU9-tools__bubbles {
    justify-content: center
  }

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

  .cv666-luxehero__cta-row,.KU9-applite__actions, .KU9-hero__actions, .KU9-games__actions, .KU9-slots__actions {
    flex-direction: column;
    gap: 0;
  }
}

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






html,
body {
  height: 100%;

  display: flex;
  flex-direction: column;
}

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

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


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

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

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


.crazytime-breakdown299__link {

  color: #b49900;
}