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

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

    #ui_tcg6ib2r {
      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_496tpkp6 {
        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_t4ph1kjf {
        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_62lk0b5h {
        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_o98ie9qd {
        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_i40fnemh {
        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_tcg6ib2r .b_t4ph1kjf {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: 'brand nav';
        align-items: center;
      }

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

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

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

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

    @media (max-width: 991.98px) {
      #ui_tcg6ib2r .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_tcg6ib2r .navbar-nav .nav-link {
        inline-size: 100%;
        justify-content: center;
      }
    }

#ui_pc6hogfw {
        background: var(--background-secondary);
        color: var(--text-secondary);

        & .b_nxqakck3 {
          background: var(--background-tertiary);
          border-left: 5px solid var(--primary);
        }

        & .b_eft2o22w {
          color: var(--primary-dark);
        }

        & .b_qmxrw55d {
          min-height: 320px;
          background: linear-gradient(135deg, var(--primary-bg), var(--info-bg));
        }

        & .b_mkzsj3pu {
          width: 120px;
          height: 120px;
          background: var(--primary);
        }

        & .b_mkzsj3pu:nth-child(2) {
          width: 90px;
          height: 90px;
          background: var(--secondary);
        }

        & .b_mkzsj3pu:nth-child(3) {
          width: 70px;
          height: 70px;
          background: var(--accent);
        }

        @media (max-width: 991px) {
          & {
            text-align: center;
          }

          & .b_nxqakck3 {
            border-left: 0;
            border-top: 5px solid var(--primary);
          }
        }
      }

#ui_4q915l09 {
        &.b_giu9mxsl {
            position: relative;
            background:
                    radial-gradient(circle at top left, rgba(92,161,232,0.18), transparent 48%),
                    radial-gradient(circle at bottom right, rgba(176,74,150,0.16), transparent 48%),
                    linear-gradient(180deg, var(--neutral-950) 0%, var(--background-dark) 100%);
            overflow: hidden;
        }
    
        &.b_giu9mxsl::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                    repeating-linear-gradient(45deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02) 1px, transparent 1px, transparent 24px),
                    linear-gradient(135deg, rgba(0,0,0,0.48), transparent 45%, rgba(255,255,255,0.02));
            pointer-events: none;
        }
    
        .b_qgvf0uzb {
            position: relative;
            z-index: 1;
        }
    
        .b_7kgy40h7 {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding-block: 0.4rem;
            padding-inline: 1.1rem;
            border-radius: 999px;
            background: rgba(0,0,0,0.34);
            border: 1px solid rgba(255,255,255,0.16);
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 0.14em;
            color: var(--text-light);
            margin-bottom: 1.3rem;
    
            i {
                font-size: 1rem;
                color: var(--secondary-light);
            }
        }
    
        .b_t721hii3 {
            color: var(--text-light);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 0.9rem;
        }
    
        .b_t721hii3 span {
            color: var(--primary-light);
        }
    
        .b_jd2ouz94 {
            color: rgba(255,255,255,0.78);
            font-size: 1.02rem;
            line-height: 1.9;
            margin-bottom: 1.9rem;
            max-width: 34rem;
        }
    
        .b_qz9pl51g {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem 1.4rem;
            align-items: center;
        }
    
        .b_2fl7gs8n {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            border-radius: 999px;
            padding-block: 0.9rem;
            padding-inline: 2.4rem;
            border: none;
            color: var(--text-light);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-weight: 600;
            font-size: 0.95rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            box-shadow: 0 18px 40px rgba(0,0,0,0.62);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
    
            i {
                font-size: 1rem;
                transition: transform 0.25s ease;
            }
    
            &:hover {
                color: var(--text-light);
                transform: translateY(-2px);
                box-shadow: 0 22px 52px rgba(0,0,0,0.78);
    
                i {
                    transform: translateX(4px);
                }
            }
        }
    
        .b_52t3m7ll {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.6);
        }
    
        .b_424p3xyh {
            display: grid;
            grid-template-columns: repeat(2, minmax(0,1fr));
            gap: 0.9rem;
        }
    
        .b_bl7sbamp {
            grid-column: span 2;
            border-radius: 22px;
            padding-block: 1.35rem;
            padding-inline: 1.4rem;
            background: rgba(15,23,42,0.9);
            border: 1px solid rgba(148,163,184,0.2);
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            position: relative;
            overflow: hidden;
        }
    
        .b_bl7sbamp::after {
            content: '';
            position: absolute;
            inset-inline-end: -30px;
            top: -30px;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(92,161,232,0.18), transparent 65%);
            pointer-events: none;
        }
    
        .b_pxgh5zr9 {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            background: rgba(255,255,255,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
    
            i {
                font-size: 1.4rem;
                color: var(--primary-light);
            }
        }
    
        .b_oqas6dhr {
            display: flex;
            flex-direction: column;
            gap: 0.3rem;
        }
    
        .b_k3xgkc0f {
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--text-light);
        }
    
        .b_60xspwyg {
            font-size: 0.83rem;
            color: rgba(226,232,240,0.85);
        }
    
        .b_fkbmlibf {
            font-size: 0.75rem;
            color: var(--secondary-light);
        }
    
        .b_4kivro30 {
            border-radius: 20px;
            padding-block: 1rem 0.95rem;
            padding-inline: 1rem;
            background: rgba(15,23,42,0.82);
            border: 1px solid rgba(51,65,85,0.88);
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            backdrop-filter: blur(0.35rem);
        }
    
        .b_besoyh89 {
            font-size: 0.8rem;
            color: rgba(148,163,184,0.9);
            text-transform: uppercase;
            letter-spacing: 0.12em;
        }
    
        .b_2i90alva {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text-light);
        }
    
        .b_iooheika {
            font-size: 0.78rem;
            color: rgba(148,163,184,0.9);
        }
    
        .b_4kivro30:nth-child(2) .b_2i90alva {
            color: var(--primary-light);
        }
    
        .b_4kivro30:nth-child(3) .b_2i90alva {
            color: var(--secondary-light);
        }
    
        @media (max-width: 991.98px) {
            .b_424p3xyh {
                margin-top: 2rem;
            }
        }
    
        @media (max-width: 767.98px) {
            .b_giu9mxsl {
                padding-top: 3rem !important;
                padding-bottom: 3rem !important;
            }
    
            .b_t721hii3 {
                font-size: 2rem;
            }
    
            .b_qz9pl51g {
                flex-direction: column;
                align-items: flex-start;
            }
    
            .b_424p3xyh {
                grid-template-columns: 1fr;
            }
    
            .b_bl7sbamp {
                grid-column: auto;
            }
        }
    }

#ui_ndorfsa3 {
        --cta-surface: var(--background-tertiary);
        --cta-ink: var(--text-primary);
        --cta-muted: var(--text-tertiary);
        --cta-line: color-mix(in srgb, var(--primary) 28%, var(--neutral-150));
        --cta-shadow: color-mix(in srgb, var(--neutral-950) 18%, transparent);
        --cta-glow: color-mix(in srgb, var(--accent) 22%, transparent);
        position: relative;
        overflow: clip;
        padding-block: clamp(3.5rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 48%, var(--background-secondary) 100%);
      }

      #ui_ndorfsa3::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        inline-size: min(52vw, 640px);
        block-size: min(52vw, 640px);
        border-radius: 50%;
        background: radial-gradient(circle at 35% 35%, var(--cta-glow), color-mix(in srgb, var(--secondary-bg) 55%, transparent) 52%, transparent 70%);
        pointer-events: none;
        z-index: 0;
        animation: ctashimmer_k7m2n9pqx4w8 14s ease-in-out infinite;
      }

      #ui_ndorfsa3::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline-start: 0;
        inline-size: 38%;
        block-size: 4px;
        background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
        opacity: 0.85;
        z-index: 0;
        animation: ctalineflow_m3n8k2p9qx7w 6s linear infinite;
        background-size: 200% 100%;
      }

      @keyframes ctashimmer_k7m2n9pqx4w8 {
        0%,
        100% {
          opacity: 0.55;
          transform: scale(1);
        }
        50% {
          opacity: 0.9;
          transform: scale(1.04);
        }
      }

      @keyframes ctalineflow_m3n8k2p9qx7w {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: 200% 0%;
        }
      }

      #ui_ndorfsa3 .b_jri4p25l {
        position: relative;
        z-index: 1;
      }

      #ui_ndorfsa3 .b_rridd27t {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
        grid-template-areas: 'aside main';
        gap: clamp(1.75rem, 4vw, 3rem);
        align-items: stretch;
      }

      #ui_ndorfsa3 .b_4vaxqoqp {
        grid-area: aside;
        position: relative;
        border-radius: clamp(1rem, 2vw, 1.75rem);
        background: var(--cta-surface);
        border: 1px solid var(--cta-line);
        box-shadow: 0 24px 48px var(--cta-shadow), 0 0 0 1px color-mix(in srgb, var(--neutral-150) 80%, var(--primary)) inset;
        padding-block: clamp(1.75rem, 3vw, 2.5rem);
        padding-inline: clamp(1.25rem, 2.5vw, 2rem);
        min-block-size: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }

      #ui_ndorfsa3 .b_4vaxqoqp::before {
        content: '01';
        font-size: clamp(3.5rem, 8vw, 5.5rem);
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.06em;
        color: color-mix(in srgb, var(--primary) 18%, var(--background-tertiary));
        font-variant-numeric: tabular-nums;
      }

      #ui_ndorfsa3 .b_4vaxqoqp::after {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        inset-block: 12%;
        inline-size: 6px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--accent-dark), var(--primary), var(--secondary-dark));
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--text-light) 35%, var(--accent));
      }

      #ui_ndorfsa3 .b_3d5rb8me {
        margin-block-start: auto;
        padding-block-start: 1rem;
        border-block-start: 1px solid color-mix(in srgb, var(--neutral-350) 55%, var(--background-tertiary));
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem 1rem;
      }

      #ui_ndorfsa3 .b_3d5rb8me span {
        display: block;
        block-size: 6px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--secondary), var(--primary-light));
        opacity: 0.85;
      }

      #ui_ndorfsa3 .b_3d5rb8me span:nth-child(2) {
        background: linear-gradient(90deg, var(--accent), var(--info-color));
      }

      #ui_ndorfsa3 .b_rjrmvdan {
        grid-area: main;
        position: relative;
        padding-block: clamp(0.25rem, 1vw, 0.5rem);
        padding-inline: clamp(0rem, 1vw, 0.35rem);
        text-align: start;
      }

      #ui_ndorfsa3 .b_nnohalsh {
        font-size: clamp(2rem, 4.2vw, 3.25rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.03em;
        color: var(--cta-ink);
        margin-block-end: 1.25rem;
        max-inline-size: 22ch;
      }

      #ui_ndorfsa3 .b_nnohalsh span {
        background: linear-gradient(120deg, var(--primary-dark), var(--accent-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
      }

      #ui_ndorfsa3 .b_fwl2arzi {
        font-size: clamp(1rem, 1.35vw, 1.15rem);
        line-height: 1.75;
        color: var(--cta-muted);
        margin-block-end: 2rem;
        max-inline-size: 52ch;
      }

      #ui_ndorfsa3 .b_p0im1z3w {
        display: flex;
        flex-wrap: wrap;
        gap: 0.875rem 1rem;
        align-items: center;
      }

      #ui_ndorfsa3 .b_t4ul1c03 {
        padding-block: 0.95rem;
        padding-inline: 1.65rem;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        border: 2px solid transparent;
        transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      }

      #ui_ndorfsa3 .b_t4ul1c03:first-child {
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        color: var(--text-light);
        box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 35%, transparent);
      }

      #ui_ndorfsa3 .b_t4ul1c03:first-child::after {
        content: '';
        font-size: 1.1em;
        line-height: 1;
        transition: margin-inline-start 0.25s ease;
      }

      #ui_ndorfsa3 .b_t4ul1c03:first-child:hover {
        background: linear-gradient(135deg, var(--primary-light), var(--primary));
        transform: translateY(-2px);
        box-shadow: 0 18px 34px color-mix(in srgb, var(--primary-dark) 38%, transparent);
      }

      #ui_ndorfsa3 .b_t4ul1c03:first-child:hover::after {
        margin-inline-start: 0.35rem;
      }

      #ui_ndorfsa3 .b_tjn2l0ng {
        background: color-mix(in srgb, var(--background-tertiary) 88%, var(--accent-bg));
        color: var(--text-secondary);
        border-color: color-mix(in srgb, var(--accent-dark) 45%, var(--neutral-250));
      }

      #ui_ndorfsa3 .b_tjn2l0ng::after {
        content: '';
        font-size: 1.05em;
        line-height: 1;
        transition: margin-inline-start 0.25s ease, margin-block-end 0.25s ease;
      }

      #ui_ndorfsa3 .b_tjn2l0ng:hover {
        background: var(--background-tertiary);
        border-color: var(--accent);
        color: var(--text-primary);
        transform: translateY(-2px);
        box-shadow: 0 12px 24px color-mix(in srgb, var(--neutral-850) 22%, transparent);
      }

      #ui_ndorfsa3 .b_tjn2l0ng:hover::after {
        margin-inline-start: 0.25rem;
        margin-block-end: 0.2rem;
      }

      @media (max-width: 991.98px) {
        #ui_ndorfsa3 .b_rridd27t {
          grid-template-columns: minmax(0, 1fr);
          grid-template-areas:
            'main'
            'aside';
        }

        #ui_ndorfsa3 .b_4vaxqoqp {
          min-block-size: 0;
        }

        #ui_ndorfsa3 .b_nnohalsh {
          max-inline-size: none;
        }
      }

      @media (max-width: 575.98px) {
        #ui_ndorfsa3 .b_p0im1z3w {
          flex-direction: column;
          align-items: stretch;
        }

        #ui_ndorfsa3 .b_t4ul1c03 {
          justify-content: center;
          width: 100%;
        }
      }

#ui_a89m2bg5 {
        --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_a89m2bg5::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_a89m2bg5::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_a89m2bg5 .b_64vetek4 {
        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_a89m2bg5 .b_kdw1ny0o {
        position: relative;
        z-index: 1;
      }

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

      #ui_a89m2bg5 .b_6yhtq96y {
        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_a89m2bg5 .b_6yhtq96y::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_a89m2bg5 .b_hwj9km1e {
        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_a89m2bg5 .b_qf786eyd {
        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_a89m2bg5 .b_6gm3i2c0 {
        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_a89m2bg5 .b_8yhqs0cd {
        margin: 0;
        color: var(--warning-light);
        font-size: 0.85rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

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

      #ui_a89m2bg5 .b_eg766plx {
        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_a89m2bg5 .b_eg766plx::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_a89m2bg5 .b_eg766plx i {
        position: relative;
        z-index: 1;
        font-size: 1.25rem;
        transition: transform 0.3s ease;
      }

      #ui_a89m2bg5 .b_eg766plx: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_a89m2bg5 .b_eg766plx:hover::before {
        opacity: 1;
      }

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

      #ui_a89m2bg5 .b_l8n07qgy {
        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_a89m2bg5 .b_6wu0x7pr {
        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_a89m2bg5 .b_6wu0x7pr:nth-child(2) {
        border-inline-start-color: var(--warning-color);
      }

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

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

      #ui_a89m2bg5 .b_6wu0x7pr: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_a89m2bg5 .b_qaiiws34 {
        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_a89m2bg5 .b_6wu0x7pr:nth-child(2) .b_qaiiws34 {
        background: linear-gradient(145deg, var(--warning-color), var(--warning-light));
      }

      #ui_a89m2bg5 .b_6wu0x7pr:nth-child(3) .b_qaiiws34 {
        background: linear-gradient(145deg, var(--secondary), var(--secondary-light));
      }

      #ui_a89m2bg5 .b_6wu0x7pr:nth-child(4) .b_qaiiws34 {
        background: linear-gradient(145deg, var(--danger-color), var(--danger-light));
      }

      #ui_a89m2bg5 .b_17wbxt4x {
        min-width: 0;
      }

      #ui_a89m2bg5 .b_iu68q296 {
        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_a89m2bg5 .b_nu2rmw19 {
        display: block;
        color: var(--white);
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.35;
        word-break: break-word;
      }

      #ui_a89m2bg5 .b_5d53wt8r {
        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_a89m2bg5 .b_t5fogntu {
        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_a89m2bg5 .b_3s5q6y2l {
        display: flex;
        flex-wrap: wrap;
        gap: 0.65rem;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      #ui_a89m2bg5 .b_9yta10lt {
        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_a89m2bg5 .b_9yta10lt: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_a89m2bg5 .b_9yta10lt:hover {
        transform: translateY(-2px) skewX(2deg);
      }

      #ui_a89m2bg5 .b_9my6tje9 {
        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_a89m2bg5 .b_9my6tje9::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_a89m2bg5 .b_1426fv8v {
        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_a89m2bg5 .b_bneov45f {
          grid-template-columns: minmax(0, 1fr);
        }

        #ui_a89m2bg5 .b_6yhtq96y,
        #ui_a89m2bg5 .b_6gm3i2c0 {
          border-radius: 1.25rem;
        }

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

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

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

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

        #ui_a89m2bg5 .b_owurq1l7 {
          max-width: none;
        }

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