#kakfop4 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(
      155deg,
      color-mix(in srgb, var(--neutral-1050) 92%, var(--primary-dark)) 0%,
      color-mix(in srgb, var(--neutral-950) 88%, var(--accent-dark)) 48%,
      color-mix(in srgb, var(--neutral-1050) 90%, var(--warning-dark)) 100%
    );
  padding-block: clamp(3rem, 7vw, 5.5rem);
}
#kakfop4::before {
  content: '';
  position: absolute;
  inset-block: -20%;
  inset-inline-end: -18%;
  width: min(70vw, 34rem);
  background: linear-gradient(
    210deg,
    color-mix(in srgb, var(--warning-color) 70%, transparent) 0%,
    color-mix(in srgb, var(--primary) 55%, transparent) 42%,
    transparent 72%
  );
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  opacity: 0.85;
  pointer-events: none;
  z-index: 0;
  animation: slashsweep_m8kQ2nVx4pL9rT 9s ease-in-out infinite alternate;
}
#kakfop4::after {
  content: '';
  position: absolute;
  inset-block-end: -12%;
  inset-inline-start: -10%;
  width: min(55vw, 26rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(
    circle at 40% 40%,
    color-mix(in srgb, var(--accent) 45%, transparent),
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
  animation: orbdrift_h7wR3cYq9bN2sK 8s ease-in-out infinite alternate;
}
#kakfop4 .bcog9qv {
  position: relative;
  z-index: 1;
}
#kakfop4 .bkca9rp {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  margin-block-end: clamp(1.75rem, 4vw, 2.75rem);
  align-items: end;
}
#kakfop4 .b1pezl0 {
  display: inline-block;
  max-width: 100%;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--neutral-1050);
  background: linear-gradient(90deg, var(--primary-bg), var(--warning-bg));
  padding-block: 0.45rem;
  padding-inline: 0.9rem;
  border-radius: 0.35rem;
  white-space: normal;
  transform: rotate(-1.5deg);
  box-shadow: 0 0.55rem 1.4rem color-mix(in srgb, var(--warning-color) 35%, transparent);
}
#kakfop4 .bahhv6v {
  margin-block: 0.85rem 0.65rem;
  margin-inline: 0;
  color: var(--text-light);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  font-size: clamp(2rem, 5.2vw, 3.4rem);
  text-transform: uppercase;
}
#kakfop4 .bahhv6v span {
  display: inline;
  background: linear-gradient(100deg, var(--primary-light), var(--accent-light), var(--secondary-light));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#kakfop4 .bayhn5e {
  margin: 0;
  color: color-mix(in srgb, var(--text-light) 78%, var(--neutral-350));
  font-size: 1.05rem;
  line-height: 1.55;
  max-width: 36rem;
}
#kakfop4 .bgbyjot {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
#kakfop4 .blrx4y8 {
  position: relative;
  overflow: hidden;
  border-radius: 0.85rem;
  padding-block: 1rem;
  padding-inline: 1rem;
  background: color-mix(in srgb, var(--neutral-1050) 55%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-light) 45%, transparent);
  color: var(--text-light);
  min-height: 100%;
}
#kakfop4 .blrx4y8::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 0.28rem;
  background: linear-gradient(90deg, var(--accent), var(--secondary-bg));
}
#kakfop4 .bc489oh {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-bg);
  margin-block-end: 0.35rem;
}
#kakfop4 .b3op09y {
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
  color: color-mix(in srgb, var(--text-light) 92%, var(--neutral-250));
}
#kakfop4 .b14v668 {
  position: relative;
  border-radius: 1.35rem;
  overflow: hidden;
  background:
    linear-gradient(
      160deg,
      color-mix(in srgb, var(--white) 96%, var(--primary-bg)) 0%,
      var(--background-tertiary) 55%,
      color-mix(in srgb, var(--accent-bg) 18%, var(--white)) 100%
    );
  border: 2px solid color-mix(in srgb, var(--primary) 55%, var(--white));
  box-shadow:
    0 1.75rem 3.5rem color-mix(in srgb, var(--neutral-1050) 55%, transparent),
    0 0 0 0.35rem color-mix(in srgb, var(--warning-color) 28%, transparent);
}
#kakfop4 .b9lvwei {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.85rem;
  padding-inline: 1.15rem;
  background: linear-gradient(90deg, var(--primary), var(--warning-color), var(--accent));
}
#kakfop4 .bls5w7f {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-light);
  white-space: normal;
}
#kakfop4 .bg26j8x {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--secondary-bg);
  box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--secondary-light) 35%, transparent);
  flex-shrink: 0;
  animation: pulseglow_a4fT8mZp1qX6vC 1.8s ease-in-out infinite;
}
#kakfop4 .b2weiea {
  position: relative;
  padding-block: clamp(1.75rem, 4vw, 2.75rem);
  padding-inline: clamp(1.1rem, 3vw, 2.25rem);
  filter: blur(0);
  transition: filter 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
#kakfop4:not(.blhkril) .b2weiea {
  filter: blur(12px);
  user-select: none;
  pointer-events: none;
}
#kakfop4 .bjxmo94 {
  display: block;
  text-align: center;
  color: var(--primary-dark);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-block-end: 0.9rem;
}
#kakfop4 .bb2l8c1 {
  display: block;
  width: 100%;
  appearance: none;
  cursor: pointer;
  text-align: center;
  border-radius: 1rem;
  border: 3px dashed color-mix(in srgb, var(--primary) 55%, var(--warning-color));
  background:
    repeating-linear-gradient(
      -45deg,
      color-mix(in srgb, var(--primary-bg) 16%, var(--white)),
      color-mix(in srgb, var(--primary-bg) 16%, var(--white)) 10px,
      color-mix(in srgb, var(--warning-bg) 12%, var(--white)) 10px,
      color-mix(in srgb, var(--warning-bg) 12%, var(--white)) 20px
    );
  padding-block: 1.35rem;
  padding-inline: 1.15rem;
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#kakfop4.blhkril .bb2l8c1:hover {
  border-color: var(--warning-dark);
  box-shadow: 0 0.9rem 2rem color-mix(in srgb, var(--primary) 28%, transparent);
  transform: translateY(-0.15rem);
}
#kakfop4.blhkril .bb2l8c1:active {
  transform: translateY(0);
}
#kakfop4 .bi49aaq {
  display: block;
  font-size: clamp(1.45rem, 4vw, 2.15rem);
  font-weight: 900;
  color: var(--neutral-1050);
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  word-break: break-word;
}
#kakfop4 .bqwryu3,
#kakfop4 .b2xsuqe {
  display: block;
  margin-block-start: 0.75rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-secondary);
}
#kakfop4 .bqwryu3 i,
#kakfop4 .b2xsuqe i {
  color: var(--accent-dark);
  margin-inline-end: 0.25rem;
}
#kakfop4 .b2xsuqe {
  display: none;
  color: var(--secondary-dark);
}
#kakfop4.b8tkpcm .bqwryu3 {
  display: none;
}
#kakfop4.b8tkpcm .b2xsuqe {
  display: block;
}
#kakfop4 .bf0lkim {
  cursor: pointer;
  appearance: none;
  border: 0;
  padding: 1rem;
  z-index: 3;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--neutral-1050) 72%, var(--primary-dark)),
      color-mix(in srgb, var(--neutral-950) 68%, var(--accent-dark))
    );
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#kakfop4.blhkril .bf0lkim {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-12%) scale(0.96);
}
#kakfop4 .bn5j9q0 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.28fr);
  gap: 1rem;
  align-items: center;
  width: min(100%, 28rem);
  border-radius: 1.15rem;
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
  background: var(--background-tertiary);
  border: 2px solid color-mix(in srgb, var(--accent) 40%, var(--white));
  box-shadow: 0 1.4rem 2.8rem color-mix(in srgb, var(--neutral-1050) 40%, transparent);
  text-align: start;
}
#kakfop4 .btw06j1 {
  display: block;
  font-weight: 800;
  color: var(--text-primary);
  font-size: 1.1rem;
  line-height: 1.25;
}
#kakfop4 .beyylty {
  display: block;
  color: var(--text-tertiary);
  margin-block-start: 0.35rem;
  font-size: 0.92rem;
  line-height: 1.4;
}
#kakfop4 .bm4fn7o {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  margin-block-start: 1.05rem;
}
#kakfop4 .bm4fn7o span {
  display: block;
  height: 0.5rem;
  border-radius: 999px;
  background: var(--neutral-250);
  overflow: hidden;
}
#kakfop4 .bm4fn7o span:nth-child(1) {
  background: linear-gradient(90deg, var(--accent-light), var(--accent));
}
#kakfop4 .bm4fn7o span:nth-child(2) {
  background: linear-gradient(90deg, var(--primary-light), var(--primary));
}
#kakfop4 .bm4fn7o span:nth-child(3) {
  background: linear-gradient(90deg, var(--secondary-bg), var(--secondary));
}
#kakfop4 .br9dub7 {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  max-width: 4.5rem;
  margin-inline-start: auto;
  border-radius: 1rem;
  font-size: 1.75rem;
  color: var(--text-light);
  background: linear-gradient(145deg, var(--accent), var(--primary));
  box-shadow: 0 0.75rem 1.5rem color-mix(in srgb, var(--accent-dark) 35%, transparent);
}
#kakfop4 .bf0lkim:active .bn5j9q0 {
  animation: unlocktap_z9pL4nWm2cR7qH 0.45s ease;
}
@keyframes slashsweep_m8kQ2nVx4pL9rT {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.75;
  }
  100% {
    transform: translateY(3%) rotate(-2deg);
    opacity: 1;
  }
}
@keyframes orbdrift_h7wR3cYq9bN2sK {
  0% {
    transform: translateY(0) scale(1);
  }
  100% {
    transform: translateY(-6%) scale(1.08);
  }
}
@keyframes pulseglow_a4fT8mZp1qX6vC {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: 0.75;
  }
}
@keyframes unlocktap_z9pL4nWm2cR7qH {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@media (min-width: 992px) {
  #kakfop4 .bkca9rp {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 2rem;
  }
}
@media (max-width: 575.98px) {
  #kakfop4 .bn5j9q0 {
    grid-template-columns: minmax(0, 1fr);
  }
  #kakfop4 .br9dub7 {
    max-width: 3.5rem;
    margin-inline-start: 0;
  }
  #kakfop4 .bgbyjot {
    grid-template-columns: minmax(0, 1fr);
  }
}

@keyframes float_qw8n3m5t2k {
        0% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
        100% {
          transform: translateY(0);
        }
      }

      @keyframes reveal_pk2m9v4x6s {
        0% {
          opacity: 0;
          transform: translateY(18px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #ken49nf {
        position: relative;
        overflow: hidden;
        padding-block: 5.5rem;
padding-inline: 0;
        background: linear-gradient(155deg, var(--background-primary) 0%, var(--background-secondary) 100%);

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at 12% 18%, rgba(var(--bs-primary-rgb), 0.16) 0%, transparent 48%), radial-gradient(circle at 88% 88%, rgba(var(--bs-accent-rgb), 0.16) 0%, transparent 50%);
          pointer-events: none;
        }

        .b22b95i {
          position: relative;
          z-index: 1;
          animation: reveal_pk2m9v4x6s 0.7s ease-out both;
        }

        .b5if044 {
          background: var(--background-tertiary);
          border: 1px solid var(--gray-150);
          border-radius: 1.75rem;
          padding: 2rem;
          display: flex;
          flex-direction: column;
          gap: 1.25rem;

          .b93wl75 {
            display: inline-flex;
            width: fit-content;
            background: color-mix(in srgb, var(--primary) 14%, var(--white));
            color: var(--primary-dark);
            border-radius: 99px;
            padding-block: 0.45rem;
padding-inline: 0.85rem;
            font-size: 0.74rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.15;
            white-space: normal;
          }

          .bnuadxj {
            margin: 0;
            font-size: clamp(1.9rem, 3vw, 2.6rem);
            font-weight: 800;
            color: var(--text-primary);
            line-height: 1.15;
          }

          .b6bnjxf {
            margin: 0;
            color: var(--text-secondary);
            font-size: 1.02rem;
            line-height: 1.65;
          }

          .b5pjiml {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.85rem;

            .bcfeb4b {
              border: 1px solid var(--gray-150);
              border-radius: 1rem;
              padding-block: 0.8rem;
padding-inline: 0.9rem;
              background: color-mix(in srgb, var(--background-primary) 72%, var(--white));

              .bgi3tc9 {
                display: block;
                font-size: 1.35rem;
                font-weight: 800;
                color: var(--primary);
                line-height: 1;
              }

              .b5e6bus {
                display: block;
                margin-top: 0.3rem;
                color: var(--text-secondary);
                font-size: 0.82rem;
                line-height: 1.3;
              }
            }
          }
        }

        .brgwajq {
          background: var(--background-tertiary);
          border: 2px solid color-mix(in srgb, var(--primary) 20%, var(--gray-150));
          border-radius: 1.75rem;
          display: grid;
          grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
          box-shadow: 0 18px 38px color-mix(in srgb, var(--primary) 20%, transparent);
          overflow: hidden;

          .bc6dxi3 {
            background: linear-gradient(165deg, color-mix(in srgb, var(--primary) 12%, var(--white)) 0%, color-mix(in srgb, var(--accent) 12%, var(--white)) 100%);
            padding: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
              width: 100%;
              max-width: 220px;
              aspect-ratio: 1 / 1;
              object-fit: cover;
              border-radius: 1.2rem;
              border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--white));
              animation: float_qw8n3m5t2k 4.6s ease-in-out infinite;
            }
          }

          .b1crlnq {
            padding-block: 1.4rem;
padding-inline: 1.35rem;
            display: flex;
            flex-direction: column;
            gap: 0.95rem;

            .bgdlbvv {
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
              gap: 0.75rem;

              .b3b4gtr {
                h3 {
                  margin: 0;
                  font-size: 1.45rem;
                  font-weight: 800;
                  color: var(--text-primary);
                }

                p {
                  margin-block: 0.32rem 0;
margin-inline: 0;
                  color: var(--text-secondary);
                  font-size: 0.9rem;
                }
              }

              .bs13cvl {
                background: color-mix(in srgb, var(--warning-color) 16%, var(--white));
                color: var(--warning-dark);
                border-radius: 0.9rem;
                padding-block: 0.33rem;
padding-inline: 0.58rem;
                font-size: 0.7rem;
                font-weight: 700;
                white-space: normal;
                line-height: 1.1;
              }
            }

            .bl0zn45 {
              display: flex;
              align-items: baseline;
              gap: 0.35rem;

              .b5moknt {
                font-size: clamp(2rem, 3vw, 2.55rem);
                line-height: 1;
                color: var(--primary-dark);
                font-weight: 900;
              }

              .bsuzntx {
                color: var(--text-tertiary);
                font-size: 0.92rem;
                font-weight: 600;
              }
            }

            .bnd6e2o {
              list-style: none;
              margin: 0;
              padding: 0;
              display: grid;
              gap: 0.48rem;

              li {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                color: var(--text-secondary);
                font-size: 0.92rem;
                line-height: 1.35;

                i {
                  color: var(--secondary);
                  font-size: 1.02rem;
                }
              }
            }

            .btn {
              border-radius: 0.9rem;
              font-weight: 700;
              padding-top: 0.72rem;
              padding-bottom: 0.72rem;
            }
          }
        }

        .boci9m7 {
          margin-top: 1.25rem;
        }

        .b2jtd1u {
          min-height: 100%;
          background: var(--background-tertiary);
          border: 1px solid var(--gray-150);
          border-radius: 1.35rem;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

          &:hover {
            transform: translateY(-6px);
            border-color: color-mix(in srgb, var(--primary) 32%, var(--gray-150));
            box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 16%, transparent);
          }

          .bffqxjv {
            padding: 0.95rem;
            background: linear-gradient(150deg, color-mix(in srgb, var(--background-primary) 70%, var(--white)) 0%, color-mix(in srgb, var(--primary) 10%, var(--white)) 100%);

            img {
              width: 100%;
              aspect-ratio: 1 / 1;
              object-fit: cover;
              border-radius: 0.95rem;
              border: 1px solid var(--gray-150);
            }
          }

          .be1iuah {
            padding-block: 1rem 1.05rem;
padding-inline: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            flex: 1 1 auto;

            .bigo4xd {
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
              gap: 0.75rem;

              h4 {
                margin: 0;
                font-size: 1.1rem;
                color: var(--text-primary);
                font-weight: 700;
              }

              .bdezt4h {
                color: var(--primary);
                font-weight: 800;
                font-size: 1.2rem;
                white-space: nowrap;
              }
            }

            ul {
              list-style: none;
              margin: 0;
              padding: 0;
              display: grid;
              gap: 0.45rem;

              li {
                color: var(--text-secondary);
                font-size: 0.88rem;
                display: flex;
                align-items: center;
                gap: 0.46rem;
                line-height: 1.35;

                i {
                  color: var(--secondary);
                }
              }
            }

            .btn {
              margin-top: auto;
              border-radius: 0.8rem;
              font-weight: 700;
            }
          }
        }
      }

      @media (max-width: 991.98px) {
        #ken49nf {
          .brgwajq {
            grid-template-columns: 1fr;
          }
        }
      }

      @media (max-width: 767.98px) {
        #ken49nf {
          padding-block: 4rem;
padding-inline: 0;

          .b5if044 {
            .b5pjiml {
              grid-template-columns: 1fr;
            }
          }
        }
      }