@keyframes topbarshift_m4k8n2xq9wp {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }

    @keyframes navreveal_q7w3rt9m2xn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    #ui_doh9q48f {
      position: relative;
      background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary)) 0%, var(--background-tertiary) 100%);
      border-block-end: 1px solid var(--neutral-150);
      box-shadow: 0 0.35rem 1.25rem color-mix(in srgb, var(--neutral-950) 8%, transparent);

      .b_prjtf2wq {
        block-size: 0.35rem;
        background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary), var(--primary));
        background-size: 200% 100%;
        animation: topbarshift_m4k8n2xq9wp 8s linear infinite alternate;
      }

      .navbar {
        padding-block: 0;
        padding-inline: 0;
        background: transparent;
      }

      .b_3fqaelt9 {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: 'brand toggle' 'nav nav';
        align-items: center;
        gap: 0.75rem 1rem;
        padding-block: 1.35rem;
        padding-inline: 0;
      }

      .b_o250tc2u {
        grid-area: brand;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        min-inline-size: 0;
      }

      .navbar-brand {
        grid-area: unset;
        margin: 0;
        padding: 0;
        white-space: normal;
        font-size: clamp(1.35rem, 2.5vw, 1.85rem);
        font-weight: 800;
        letter-spacing: -0.04em;
        line-height: 1.1;
        color: var(--text-primary);
        text-decoration: none;
        transition: color 0.25s ease, letter-spacing 0.25s ease;
      }

      .navbar-brand:hover {
        color: var(--primary-dark);
        letter-spacing: -0.02em;
      }

      .navbar-brand:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: 0.2rem;
        border-radius: 0.25rem;
      }

      .b_kdjotdcg {
        margin: 0;
        max-inline-size: 28rem;
        font-size: 0.8125rem;
        font-weight: 500;
        line-height: 1.45;
        color: var(--text-tertiary);
      }

      .navbar-toggler {
        grid-area: toggle;
        justify-self: end;
        align-self: center;
        border: 1px solid color-mix(in srgb, var(--primary) 55%, var(--neutral-150));
        border-radius: 999px;
        padding-block: 0.5rem;
        padding-inline: 0.75rem;
        background: var(--background-tertiary);
        transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
      }

      .navbar-toggler:hover {
        background: color-mix(in srgb, var(--primary-bg) 45%, var(--background-tertiary));
        border-color: var(--primary);
        box-shadow: 0 0.25rem 0.85rem color-mix(in srgb, var(--bs-primary) 22%, transparent);
      }

      .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--bs-primary) 28%, transparent);
        outline: none;
      }

      .navbar-collapse {
        grid-area: nav;
      }

      .navbar-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        animation: navreveal_q7w3rt9m2xn 0.55s ease-out both;
      }

      .navbar-nav .b_bt66g1l6 {
        margin: 0;
      }

      .navbar-nav .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-block: 0.2rem;
        margin-inline: 0;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-secondary);
        text-decoration: none;
        border-radius: 999px;
        border: 1px solid transparent;
        background: transparent;
        transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
      }

      .navbar-nav .nav-link:hover {
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--accent-bg) 40%, var(--background-tertiary));
        border-color: color-mix(in srgb, var(--accent) 35%, var(--neutral-150));
      }

      .navbar-nav .nav-link:focus-visible {
        outline: 2px solid var(--accent-dark);
        outline-offset: 2px;
      }

      .navbar-nav .nav-link.active {
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary-dark), var(--primary));
        border-color: color-mix(in srgb, var(--primary) 70%, var(--neutral-150));
        box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--bs-primary) 30%, transparent);
      }

      .navbar-nav .nav-link.active:hover {
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        border-color: var(--accent-dark);
      }
    }

    @media (min-width: 992px) {
      #ui_doh9q48f .b_3fqaelt9 {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: 'brand nav';
        align-items: center;
      }

      #ui_doh9q48f .navbar-toggler {
        display: none;
      }

      #ui_doh9q48f .navbar-collapse {
        display: flex !important;
        justify-content: end;
        align-items: center;
      }

      #ui_doh9q48f .navbar-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: end;
        align-items: center;
        gap: 0.35rem 0.25rem;
      }

      #ui_doh9q48f .navbar-nav .nav-link {
        margin-block: 0;
        margin-inline: 0;
      }
    }

    @media (max-width: 991.98px) {
      #ui_doh9q48f .navbar-nav {
        margin-block-start: 0.5rem;
        padding-block: 1rem;
        padding-inline: 1rem;
        border-radius: 1rem;
        background: color-mix(in srgb, var(--background-secondary) 70%, var(--background-tertiary));
        border: 1px solid var(--neutral-150);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--background-tertiary) 80%, transparent);
      }

      #ui_doh9q48f .navbar-nav .nav-link {
        inline-size: 100%;
        justify-content: center;
      }
    }

#ui_p609o14n {
  background: var(--background-dark);
  padding-block: 6rem;
  padding-inline: 0;
  position: relative;
  overflow: hidden;

  &::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
            linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.12) 0%, transparent 45%),
            linear-gradient(315deg, rgba(var(--bs-primary-rgb), 0.08) 0%, transparent 40%);
    pointer-events: none;
  }

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

  .b_l5sz4rye {
    text-align: center;
    margin-bottom: 2.5rem;

    .b_kfchuxli {
      display: inline-block;
      margin-bottom: 0.85rem;
      padding-block: 0.45rem;
      padding-inline: 0.9rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.08);
      color: var(--secondary-light);
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    h2 {
      margin: 0 0 0.85rem;
      color: var(--text-light);
      font-size: 2.5rem;
    }

    p {
      margin: 0;
      color: var(--neutral-150);
      font-size: 1.02rem;
    }
  }

  .b_ophqfxas {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 1.5rem;
  }

  .b_bwg6uemj,
  .b_ira5arfc {
    border-radius: 1.75rem;
    overflow: hidden;
    height: 100%;
  }

  .b_bwg6uemj {
    background: var(--background-tertiary);
    border: 1px solid var(--neutral-150);

    .b_gz45o9eh {
      padding: 1.4rem 1.5rem;
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--accent) 100%);
      color: var(--text-light);

      h3 {
        margin: 0 0 0.4rem;
        font-size: 1.4rem;
      }

      p {
        margin: 0;
        opacity: 0.9;
      }
    }

    .b_43x778h9 {
      padding: 1.5rem;
    }

    .row {
      --bs-gutter-x: 1rem;
      --bs-gutter-y: 1rem;
    }

    .b_69hbolya {
      margin-bottom: 1rem;

      label {
        display: block;
        margin-bottom: 0.55rem;
        color: var(--text-primary);
        font-weight: 600;
      }

      .form-control,
      .form-select {
        width: 100%;
        border: 1px solid var(--neutral-150);
        border-radius: 1rem;
        background: var(--background-primary);
        min-height: 3.5rem;
        padding-block: 0.9rem;
        padding-inline: 1rem;
        color: var(--text-primary);
        transition: border-color 0.25s ease, box-shadow 0.25s ease;

        &:focus {
          outline: none;
          border-color: var(--accent);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.12);
          background: var(--background-tertiary);
        }
      }

      textarea.form-control {
        min-height: 9rem;
        resize: vertical;
      }
    }

    .b_4fpidq9d {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      align-items: center;
      justify-content: space-between;
      margin-top: 1.2rem;
    }

    .form-check {
      padding-inline-start: 2rem;
      margin: 0;

      .form-check-input {
        margin-inline-start: -2rem;
        width: 1.1rem;
        height: 1.1rem;
        border-color: var(--neutral-350);

        &:checked {
          background-color: var(--accent);
          border-color: var(--accent);
        }
      }

      .form-check-label {
        color: var(--text-secondary);

        a {
          color: var(--accent-dark);
          text-decoration: none;

          &:hover {
            color: var(--primary-dark);
            text-decoration: underline;
          }
        }
      }
    }

    .b_ena8qs3p {
      border: none;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);
      color: var(--text-light);
      padding-block: 0.95rem;
      padding-inline: 1.5rem;
      min-width: 13rem;
      font-weight: 700;
      transition: transform 0.25s ease, box-shadow 0.25s ease;

      &:hover {
        transform: translateY(-0.15rem);
        box-shadow: 0 1rem 2rem rgba(var(--bs-primary-rgb), 0.22);
      }
    }
  }

  .b_ira5arfc {
    background: linear-gradient(180deg, var(--neutral-1050) 0%, var(--neutral-950) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1.5rem;

    .b_qozopfbv {
      border-radius: 1.25rem;
      overflow: hidden;
      margin-bottom: 1.25rem;
      aspect-ratio: 16 / 10;
      border: 1px solid rgba(255, 255, 255, 0.08);

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
    }

    .b_94330blh {
      display: grid;
      gap: 0.9rem;
    }

    .b_qmv5a27q {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 1.1rem;
      padding: 1rem;
      display: flex;
      gap: 0.9rem;
      align-items: flex-start;

      i {
        color: var(--secondary);
        font-size: 1.25rem;
        flex-shrink: 0;
      }

      .b_39a0wz41 {
        h4 {
          margin: 0 0 0.3rem;
          font-size: 0.95rem;
          color: var(--text-light);
        }

        p {
          margin: 0;
          color: var(--neutral-150);
        }
      }
    }

    .b_cwytpn2d {
      margin-top: 1.25rem;

      a {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--secondary-light);
        text-decoration: none;
        font-weight: 600;

        &:hover {
          color: var(--text-light);
        }
      }
    }
  }

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

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

    .b_l5sz4rye {
      h2 {
        font-size: 2rem;
      }
    }

    .b_bwg6uemj {
      .b_gz45o9eh,
      .b_43x778h9 {
        padding: 1.2rem;
      }

      .b_4fpidq9d {
        flex-direction: column;
        align-items: stretch;
      }

      .b_ena8qs3p {
        width: 100%;
      }
    }
  }
}

#ui_9a6blujt {
        --cta-glass: color-mix(in srgb, var(--white) 14%, transparent);
        --cta-glass-strong: color-mix(in srgb, var(--white) 22%, transparent);
        --cta-stroke: color-mix(in srgb, var(--white) 28%, transparent);
        --cta-shadow: color-mix(in srgb, var(--neutral-1050) 55%, transparent);
        position: relative;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        overflow: hidden;
        color: var(--text-light);
        background: linear-gradient(
          135deg,
          var(--primary-dark) 0%,
          var(--accent-dark) 42%,
          var(--secondary-dark) 100%
        );
      }

      #ui_9a6blujt::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(
            ellipse 90% 55% at 0% 0%,
            color-mix(in srgb, var(--accent-light) 35%, transparent) 0%,
            transparent 58%
          ),
          radial-gradient(
            ellipse 70% 50% at 100% 100%,
            color-mix(in srgb, var(--primary-light) 28%, transparent) 0%,
            transparent 55%
          );
        pointer-events: none;
        z-index: 0;
      }

      #ui_9a6blujt::after {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -15%;
        width: min(55vw, 520px);
        aspect-ratio: 1;
        border-radius: 40% 60% 45% 55%;
        border: 2px solid color-mix(in srgb, var(--white) 12%, transparent);
        background: color-mix(in srgb, var(--secondary) 12%, transparent);
        animation: orbit_k7m2n9pqx4rw 28s linear infinite;
        z-index: 0;
      }

      @keyframes orbit_k7m2n9pqx4rw {
        to {
          transform: rotate(360deg);
        }
      }

      #ui_9a6blujt .b_efiewgo9 {
        position: absolute;
        inset-block-end: -25%;
        inset-inline-start: -8%;
        width: min(42vw, 380px);
        aspect-ratio: 1;
        border-radius: 55% 40% 60% 45%;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent) 25%, transparent),
          color-mix(in srgb, var(--primary) 15%, transparent)
        );
        filter: blur(2px);
        animation: drift_m9k2p7qx4n8wa 18s ease-in-out infinite alternate;
        z-index: 0;
      }

      @keyframes drift_m9k2p7qx4n8wa {
        0% {
          transform: translate(0, 0) scale(1);
        }
        100% {
          transform: translate(4%, -3%) scale(1.05);
        }
      }

      [dir='rtl'] #ui_9a6blujt .b_efiewgo9 {
        animation-name: drift_m9k2p7qx4n8wa_rtl;
      }

      @keyframes drift_m9k2p7qx4n8wa_rtl {
        0% {
          transform: translate(0, 0) scale(1);
        }
        100% {
          transform: translate(-4%, -3%) scale(1.05);
        }
      }

      #ui_9a6blujt .container {
        position: relative;
        z-index: 1;
      }

      #ui_9a6blujt .b_dtibkfge {
        position: relative;
      }

      #ui_9a6blujt .b_657qhdvu {
        position: relative;
        border-radius: 1.75rem;
        padding: 0.45rem;
        background: linear-gradient(
          145deg,
          color-mix(in srgb, var(--accent-light) 55%, transparent),
          color-mix(in srgb, var(--secondary-light) 45%, transparent)
        );
        box-shadow: 0 28px 60px var(--cta-shadow);
      }

      #ui_9a6blujt .b_68d1ue4k {
        position: relative;
        border-radius: 1.35rem;
        overflow: hidden;
        aspect-ratio: 1;
        background: var(--neutral-850);
      }

      #ui_9a6blujt .b_68d1ue4k img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      #ui_9a6blujt .b_p8e1wyg7 {
        position: absolute;
        inset-block-end: 1.25rem;
        inset-inline-start: 1.25rem;
        inset-inline-end: 1.25rem;
        padding-block: 1rem;
        padding-inline: 1.15rem;
        border-radius: 1rem;
        background: var(--cta-glass-strong);
        backdrop-filter: blur(14px);
        border: 1px solid var(--cta-stroke);
        display: flex;
        align-items: center;
        gap: 0.85rem;
      }

      #ui_9a6blujt .b_g2aqgcgo {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.75rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.35rem;
        color: var(--text-primary);
        background: linear-gradient(135deg, var(--secondary-light), var(--accent-bg));
      }

      #ui_9a6blujt .b_g2j89vb2 {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.35;
        color: var(--text-light);
        white-space: normal;
      }

      #ui_9a6blujt .b_46f2iokv {
        padding-block: 0.5rem;
      }

      #ui_9a6blujt .b_r071g6tg {
        display: inline-block;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--text-primary);
        background: linear-gradient(90deg, var(--secondary-bg), var(--accent-bg));
        border: 1px solid color-mix(in srgb, var(--white) 35%, transparent);
        white-space: normal;
        max-width: 100%;
        margin-bottom: 1.25rem;
      }

      #ui_9a6blujt .b_kbe6fb6e {
        font-size: clamp(1.85rem, 4.2vw, 2.85rem);
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 1.1rem;
        background: linear-gradient(100deg, var(--text-light) 0%, var(--text-light) 35%, var(--accent-light) 55%, var(--secondary-light) 85%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      #ui_9a6blujt .b_67ulsy2a {
        font-size: 1.05rem;
        line-height: 1.7;
        color: color-mix(in srgb, var(--text-light) 88%, var(--neutral-350));
        margin-bottom: 1.75rem;
        max-width: 34rem;
      }

      #ui_9a6blujt .b_6qo24pso {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        margin-bottom: 1.75rem;
      }

      #ui_9a6blujt .b_qal50cpb {
        padding-block: 0.85rem;
        padding-inline: 0.65rem;
        border-radius: 1rem;
        text-align: center;
        background: var(--cta-glass);
        border: 1px solid var(--cta-stroke);
        backdrop-filter: blur(10px);
        transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;
      }

      #ui_9a6blujt .b_qal50cpb:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--secondary-light) 65%, transparent);
        background: var(--cta-glass-strong);
      }

      #ui_9a6blujt .b_e08a5rf1 {
        font-size: clamp(1.35rem, 3vw, 1.85rem);
        font-weight: 800;
        line-height: 1.1;
        color: var(--secondary-bg);
        margin-bottom: 0.25rem;
      }

      #ui_9a6blujt .b_959tlflc {
        font-size: 0.72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: color-mix(in srgb, var(--text-light) 82%, var(--neutral-450));
      }

      #ui_9a6blujt .b_3d8pnoer {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
        margin-bottom: 1.85rem;
      }

      #ui_9a6blujt .b_spqmzgh0 {
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        padding-block: 0.65rem;
        padding-inline: 0.85rem;
        border-radius: 0.85rem;
        background: color-mix(in srgb, var(--neutral-1050) 35%, transparent);
        border: 1px solid color-mix(in srgb, var(--white) 10%, transparent);
        transition: transform 0.3s ease, border-color 0.3s ease;
      }

      #ui_9a6blujt .b_spqmzgh0:hover {
        transform: translateX(6px);
        border-color: color-mix(in srgb, var(--accent-light) 45%, transparent);
      }

      [dir='rtl'] #ui_9a6blujt .b_spqmzgh0:hover {
        transform: translateX(-6px);
      }

      #ui_9a6blujt .b_bcwnhmzp {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.65rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.05rem;
        color: var(--text-primary);
        background: linear-gradient(145deg, var(--accent-bg), var(--secondary-bg));
      }

      #ui_9a6blujt .b_spqmzgh0 span {
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.45;
        color: color-mix(in srgb, var(--text-light) 94%, var(--neutral-350));
        padding-block-start: 0.1rem;
      }

      #ui_9a6blujt .b_92hre1vs {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        padding-block: 1rem;
        padding-inline: 1.85rem;
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        color: var(--text-primary);
        background: linear-gradient(135deg, var(--secondary), var(--secondary-light));
        border: none;
        box-shadow: 0 14px 36px color-mix(in srgb, var(--secondary) 45%, transparent);
        position: relative;
        overflow: hidden;
        transition: transform 0.35s ease, box-shadow 0.35s ease;
      }

      #ui_9a6blujt .b_92hre1vs::after {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: -120%;
        width: 80%;
        height: 100%;
        background: linear-gradient(
          90deg,
          transparent,
          color-mix(in srgb, var(--white) 45%, transparent),
          transparent
        );
        transform: skewX(-18deg);
        transition: inset-inline-start 0.55s ease;
      }

      #ui_9a6blujt .b_92hre1vs:hover::after {
        inset-inline-start: 120%;
      }

      #ui_9a6blujt .b_92hre1vs:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 48px color-mix(in srgb, var(--secondary-dark) 50%, transparent);
        color: var(--text-primary);
      }

      #ui_9a6blujt .b_92hre1vs i {
        font-size: 1.15rem;
        transition: transform 0.35s ease;
      }

      #ui_9a6blujt .b_92hre1vs:hover i {
        transform: translateX(4px);
      }

      [dir='rtl'] #ui_9a6blujt .b_92hre1vs:hover i {
        transform: translateX(-4px);
      }

      @media (max-width: 991px) {
        #ui_9a6blujt .b_6qo24pso {
          grid-template-columns: repeat(3, 1fr);
        }

        #ui_9a6blujt .b_46f2iokv {
          margin-block-start: 2rem;
        }
      }

      @media (max-width: 767px) {
        #ui_9a6blujt .b_6qo24pso {
          grid-template-columns: 1fr;
        }

        #ui_9a6blujt .b_qal50cpb {
          display: flex;
          align-items: center;
          justify-content: space-between;
          text-align: start;
          gap: 1rem;
        }

        #ui_9a6blujt .b_e08a5rf1 {
          margin-bottom: 0;
        }

        #ui_9a6blujt .b_959tlflc {
          text-align: end;
          max-width: 60%;
        }
      }

#ui_oyezomp5 {
        --footer-panel: color-mix(in srgb, var(--neutral-950) 70%, var(--primary-dark));
        --footer-glow: color-mix(in srgb, var(--info-color) 45%, transparent);
        --footer-hot: color-mix(in srgb, var(--warning-color) 55%, transparent);
        position: relative;
        overflow: hidden;
        color: var(--text-light);
        background:
          linear-gradient(
            160deg,
            var(--neutral-1050) 0%,
            var(--neutral-950) 48%,
            color-mix(in srgb, var(--primary-dark) 65%, var(--neutral-1050)) 100%
          );
        border-block-start: 5px solid var(--warning-color);
        box-shadow: 0 -20px 50px color-mix(in srgb, var(--neutral-1050) 55%, transparent);
        padding-block: 3.5rem 0;
        padding-inline: 0;
      }

      #ui_oyezomp5::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -12%;
        width: min(55vw, 28rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle, var(--footer-glow) 0%, transparent 68%);
        pointer-events: none;
        animation: orbfloat_k7m2n9p4qx1z 7s ease-in-out infinite;
      }

      #ui_oyezomp5::after {
        content: '';
        position: absolute;
        inset-block-end: 18%;
        inset-inline-start: -8%;
        width: min(40vw, 18rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle, var(--footer-hot) 0%, transparent 70%);
        pointer-events: none;
        animation: orbfloat_k7m2n9p4qx1z 9s ease-in-out infinite reverse;
      }

      #ui_oyezomp5 .b_lot7jyu3 {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 100%;
        background: linear-gradient(
          118deg,
          transparent 0%,
          transparent 42%,
          color-mix(in srgb, var(--secondary) 18%, transparent) 42.5%,
          color-mix(in srgb, var(--info-color) 14%, transparent) 58%,
          transparent 58.5%,
          transparent 100%
        );
        pointer-events: none;
        z-index: 0;
      }

      #ui_oyezomp5 .b_dnx8l0oe {
        position: relative;
        z-index: 1;
      }

      #ui_oyezomp5 .b_g20bk4ou {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        gap: 1.5rem;
        align-items: stretch;
        margin-block-end: 2rem;
      }

      #ui_oyezomp5 .b_qnmp0989 {
        position: relative;
        padding-block: 2rem;
        padding-inline: 1.75rem;
        background: linear-gradient(
          135deg,
          color-mix(in srgb, var(--primary) 55%, var(--neutral-1050)),
          color-mix(in srgb, var(--accent-dark) 40%, var(--neutral-950))
        );
        border: 2px solid color-mix(in srgb, var(--info-color) 50%, var(--primary-light));
        border-radius: 1.75rem 0.35rem 1.75rem 0.35rem;
        overflow: hidden;
        animation: risein_w3h8j6c2v9tq 0.7s ease-out both;
      }

      #ui_oyezomp5 .b_qnmp0989::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 0.55rem;
        height: 100%;
        background: linear-gradient(180deg, var(--warning-color), var(--info-color));
      }

      #ui_oyezomp5 .b_rwb8xaxf {
        margin: 0;
        color: var(--white);
        font-size: clamp(1.75rem, 4vw, 2.75rem);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -0.03em;
        text-transform: uppercase;
      }

      #ui_oyezomp5 .b_ascxzm6w {
        display: block;
        width: 4.5rem;
        height: 0.35rem;
        margin-block-start: 1.1rem;
        background: linear-gradient(90deg, var(--warning-color), var(--info-color), var(--secondary-light));
        border-radius: 999px;
        animation: pulsebar_r4t8y1u6m3nq 2.4s ease-in-out infinite;
      }

      #ui_oyezomp5 .b_gdiw73c4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
        padding-block: 1.5rem;
        padding-inline: 1.5rem;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--warning-dark) 42%, var(--neutral-1050)),
          var(--footer-panel)
        );
        border: 2px solid color-mix(in srgb, var(--warning-color) 55%, var(--neutral-850));
        border-radius: 0.35rem 1.75rem 0.35rem 1.75rem;
        animation: risein_w3h8j6c2v9tq 0.7s ease-out 0.1s both;
      }

      #ui_oyezomp5 .b_os2blgey {
        margin: 0;
        color: var(--warning-light);
        font-size: 0.85rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      #ui_oyezomp5 .b_7nbfspw5 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.65rem;
      }

      #ui_oyezomp5 .b_jwxrlvyx {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1;
        width: 100%;
        color: var(--white);
        text-decoration: none;
        background: color-mix(in srgb, var(--neutral-1050) 55%, var(--primary-dark));
        border: 2px solid color-mix(in srgb, var(--info-color) 45%, var(--white));
        border-radius: 0.85rem;
        overflow: hidden;
        transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
      }

      #ui_oyezomp5 .b_jwxrlvyx::before {
        content: '';
        position: absolute;
        inset-block: 0;
        inset-inline: 0;
        background: linear-gradient(135deg, var(--warning-color), var(--info-color));
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      #ui_oyezomp5 .b_jwxrlvyx i {
        position: relative;
        z-index: 1;
        font-size: 1.25rem;
        transition: transform 0.3s ease;
      }

      #ui_oyezomp5 .b_jwxrlvyx:hover {
        transform: translateY(-4px) scale(1.04);
        border-color: var(--warning-light);
        box-shadow: 0 10px 28px color-mix(in srgb, var(--warning-color) 40%, transparent);
      }

      #ui_oyezomp5 .b_jwxrlvyx:hover::before {
        opacity: 1;
      }

      #ui_oyezomp5 .b_jwxrlvyx:hover i {
        transform: rotate(-8deg) scale(1.12);
      }

      #ui_oyezomp5 .b_konxthgu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.85rem;
        margin-block-end: 2rem;
        animation: risein_w3h8j6c2v9tq 0.7s ease-out 0.18s both;
      }

      #ui_oyezomp5 .b_k50ldk5b {
        display: grid;
        grid-template-columns: minmax(0, 0.22fr) minmax(0, 0.78fr);
        gap: 0.85rem;
        align-items: center;
        padding-block: 1.1rem;
        padding-inline: 1rem;
        background: color-mix(in srgb, var(--neutral-950) 78%, var(--accent-dark));
        border: 1px solid color-mix(in srgb, var(--primary-light) 35%, var(--neutral-850));
        border-inline-start: 4px solid var(--info-color);
        border-radius: 0.9rem;
        transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(2) {
        border-inline-start-color: var(--warning-color);
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(3) {
        border-inline-start-color: var(--secondary-light);
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(4) {
        border-inline-start-color: var(--danger-light);
      }

      #ui_oyezomp5 .b_k50ldk5b:hover {
        transform: translateY(-3px);
        background: color-mix(in srgb, var(--primary-dark) 45%, var(--neutral-950));
        border-color: color-mix(in srgb, var(--info-light) 40%, var(--neutral-650));
      }

      #ui_oyezomp5 .b_spwymbok {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1;
        width: 100%;
        max-width: 3rem;
        color: var(--neutral-1050);
        background: linear-gradient(145deg, var(--info-color), var(--primary-light));
        border-radius: 0.7rem;
        font-size: 1.15rem;
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(2) .b_spwymbok {
        background: linear-gradient(145deg, var(--warning-color), var(--warning-light));
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(3) .b_spwymbok {
        background: linear-gradient(145deg, var(--secondary), var(--secondary-light));
      }

      #ui_oyezomp5 .b_k50ldk5b:nth-child(4) .b_spwymbok {
        background: linear-gradient(145deg, var(--danger-color), var(--danger-light));
      }

      #ui_oyezomp5 .b_t9qycey4 {
        min-width: 0;
      }

      #ui_oyezomp5 .b_i4q4p4fl {
        display: block;
        margin-block-end: 0.2rem;
        color: var(--neutral-350);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      #ui_oyezomp5 .b_t1lqrqh7 {
        display: block;
        color: var(--white);
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.35;
        word-break: break-word;
      }

      #ui_oyezomp5 .b_sn1j4edc {
        padding-block: 1.5rem;
        padding-inline: 1.25rem;
        margin-block-end: 2rem;
        background: color-mix(in srgb, var(--neutral-1050) 62%, var(--primary));
        border: 1px solid color-mix(in srgb, var(--secondary-light) 35%, var(--neutral-850));
        border-radius: 1.25rem;
        animation: risein_w3h8j6c2v9tq 0.7s ease-out 0.26s both;
      }

      #ui_oyezomp5 .b_3lzhmd8z {
        margin-block: 0 1rem;
        margin-inline: 0;
        color: var(--secondary-bg);
        font-size: 0.85rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      #ui_oyezomp5 .b_77rls3aj {
        display: flex;
        flex-wrap: wrap;
        gap: 0.65rem;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      #ui_oyezomp5 .b_lw6qkfkt {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.65rem;
        padding-inline: 1.05rem;
        color: var(--white);
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 600;
        background: color-mix(in srgb, var(--neutral-950) 70%, var(--accent));
        border: 1px solid color-mix(in srgb, var(--info-color) 40%, var(--neutral-750));
        border-radius: 0.55rem;
        transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
      }

      #ui_oyezomp5 .b_lw6qkfkt:hover {
        color: var(--neutral-1050);
        background: linear-gradient(135deg, var(--info-color), var(--secondary-light));
        border-color: var(--info-light);
        transform: translateY(-2px) skewX(-2deg);
      }

      [dir="rtl"] #ui_oyezomp5 .b_lw6qkfkt:hover {
        transform: translateY(-2px) skewX(2deg);
      }

      #ui_oyezomp5 .b_4vam3nnq {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        position: relative;
        padding-block: 1.35rem 1.6rem;
        padding-inline: 0.25rem;
        border-block-start: 1px solid color-mix(in srgb, var(--white) 16%, var(--neutral-850));
        animation: risein_w3h8j6c2v9tq 0.7s ease-out 0.34s both;
      }

      #ui_oyezomp5 .b_4vam3nnq::before {
        content: '';
        position: absolute;
        inset-block-start: -2px;
        inset-inline-start: 0;
        width: 7rem;
        height: 3px;
        background: linear-gradient(90deg, var(--warning-color), var(--info-color));
        border-radius: 999px;
      }

      #ui_oyezomp5 .b_dhwl1zpq {
        color: var(--neutral-250);
        font-size: 0.85rem;
        text-align: center;
        line-height: 1.5;
      }

      @keyframes orbfloat_k7m2n9p4qx1z {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-18px);
        }
      }

      @keyframes risein_w3h8j6c2v9tq {
        from {
          opacity: 0;
          transform: translateY(24px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes pulsebar_r4t8y1u6m3nq {
        0%,
        100% {
          transform: scaleX(1);
          opacity: 1;
        }
        50% {
          transform: scaleX(1.35);
          opacity: 0.75;
        }
      }

      @media (max-width: 991.98px) {
        #ui_oyezomp5 .b_g20bk4ou {
          grid-template-columns: minmax(0, 1fr);
        }

        #ui_oyezomp5 .b_qnmp0989,
        #ui_oyezomp5 .b_gdiw73c4 {
          border-radius: 1.25rem;
        }

        #ui_oyezomp5 .b_7nbfspw5 {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          max-width: 20rem;
        }
      }

      @media (max-width: 767.98px) {
        #ui_oyezomp5 {
          padding-block-start: 2.5rem;
        }

        #ui_oyezomp5 .b_konxthgu {
          grid-template-columns: minmax(0, 1fr);
        }

        #ui_oyezomp5 .b_k50ldk5b {
          grid-template-columns: minmax(0, 0.18fr) minmax(0, 0.82fr);
        }

        #ui_oyezomp5 .b_7nbfspw5 {
          max-width: none;
        }

        #ui_oyezomp5 .b_lw6qkfkt {
          flex: 1 1 calc(50% - 0.65rem);
          text-align: center;
        }
      }