#uibe4fd2ccb {
        background: var(--background-tertiary);
        border-bottom: 1px solid var(--neutral-150);
        position: relative;
        box-shadow: 0 1px 0 0 var(--neutral-150);

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

        .navbar-brand {
          white-space: normal;
          font-size: 1.35rem;
          font-weight: 700;
          letter-spacing: 0.08em;
          color: var(--text-primary);
          padding-block: 0.75rem;
          padding-inline: 0;
          transition: color 0.25s ease;

          &:hover {
            color: var(--primary);
          }
        }

        .navbar-toggler {
          border: 1px solid var(--neutral-250);
          border-radius: 10px;
          padding: 0.5rem 0.65rem;
          color: var(--text-primary);
          transition: border-color 0.2s ease, background-color 0.2s ease;

          &:hover {
            border-color: var(--primary);
            background: var(--neutral-50);
          }

          &:focus {
            box-shadow: 0 0 0 3px var(--primary-bg);
          }

          .navbar-toggler-icon {
            width: 1.25rem;
            height: 1.25rem;
          }
        }

        .navbar-collapse {
          flex-grow: 0;
        }

        .navbar-nav {
          gap: 0;
          align-items: center;

          .c1e0545d5 {
            position: relative;
          }

          .nav-link {
            color: var(--text-secondary);
            font-weight: 500;
            font-size: 0.9rem;
            letter-spacing: 0.02em;
            padding: 0.6rem 1rem;
            border-radius: 999px;
            transition: color 0.2s ease, background 0.2s ease;

            &:hover {
              color: var(--primary);
              background: var(--neutral-50);
            }

            &.active {
              color: var(--primary);
              font-weight: 600;
              background: linear-gradient(135deg, var(--primary-bg) 0%, var(--primary-light) 100%);
            }
          }
        }

        @media (max-width: 991px) {
          .navbar-collapse {
            margin-top: 0.5rem;
            padding-top: 0.5rem;
            border-top: 1px solid var(--neutral-150);
            max-height: 70vh;
            overflow-y: auto;
          }

          .navbar-nav {
            flex-direction: column;
            align-items: stretch;
            padding-block: 0.25rem;
          }

          #uibe4fd2ccb .c1e0545d5 {
            border-bottom: 1px solid var(--neutral-150);
          }

          #uibe4fd2ccb .c1e0545d5:last-child {
            border-bottom: none;
          }

          #uibe4fd2ccb .nav-link {
            display: block;
            padding: 0.85rem 1rem;
            border-radius: 8px;
            margin-block: 0.15rem;
          }

          #uibe4fd2ccb .nav-link.active {
            background: linear-gradient(135deg, var(--primary-bg) 0%, var(--primary-light) 100%);
          }
        }
      }

#ui1a7896dda {
        --about-rtl: 1;
        position: relative;
        overflow: hidden;
        background: linear-gradient(165deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 45%, var(--background-primary) 100%);
        padding-block: clamp(3rem, 6vw, 5rem);
      }

      [dir='rtl'] #ui1a7896dda {
        --about-rtl: -1;
      }

      #ui1a7896dda::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        width: min(52vw, 28rem);
        height: min(52vw, 28rem);
        background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 65%);
        pointer-events: none;
        z-index: 0;
      }

      #ui1a7896dda::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline-start: 0;
        width: min(70vw, 36rem);
        height: min(40vw, 22rem);
        background: radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--secondary-light) 18%, transparent), transparent 70%);
        pointer-events: none;
        z-index: 0;
      }

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

      #ui1a7896dda .dee6badef {
        max-width: 48rem;
        margin-inline: auto;
        margin-block-end: clamp(2rem, 4vw, 3rem);
        text-align: center;
      }

      #ui1a7896dda .lf5266dde {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.35rem 0.9rem;
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--accent-dark);
        background: color-mix(in srgb, var(--accent-bg) 55%, var(--white));
        border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border-light));
        white-space: normal;
        margin-block-end: 1rem;
      }

      #ui1a7896dda .g28a4501f {
        font-size: clamp(1.75rem, 4vw, 2.75rem);
        font-weight: 800;
        line-height: 1.15;
        color: var(--text-primary);
        margin-block-end: 0.75rem;
      }

      #ui1a7896dda .bf5c720cb {
        font-size: 1.05rem;
        line-height: 1.65;
        color: var(--text-secondary);
        margin-block-end: 0;
      }

      #ui1a7896dda .m935f2691 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.75rem, 4vw, 3rem);
        align-items: start;
      }

      #ui1a7896dda .lbc06e60d {
        position: relative;
        padding-block: 0.5rem;
        padding-inline: 0.5rem;
      }

      #ui1a7896dda .k7317b3a2 {
        position: relative;
        border-radius: 1.25rem;
        padding: 0.65rem;
        background: linear-gradient(145deg, color-mix(in srgb, var(--primary-light) 40%, var(--white)), var(--white));
        box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-1050) 14%, transparent);
      }

      #ui1a7896dda .k7317b3a2::before {
        content: '';
        position: absolute;
        inset-block-start: -0.35rem;
        inset-inline-end: -0.35rem;
        width: 42%;
        aspect-ratio: 1;
        border-radius: 1rem;
        border: 2px solid color-mix(in srgb, var(--accent) 55%, var(--border-light));
        z-index: 0;
        transform: translateX(calc(var(--about-rtl) * 6px));
      }

      #ui1a7896dda .a9904e922 {
        position: relative;
        z-index: 1;
        aspect-ratio: 1;
        border-radius: 0.85rem;
        overflow: hidden;
        background: var(--neutral-150);
      }

      #ui1a7896dda .b9621a529 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      #ui1a7896dda .c208ed426 {
        position: absolute;
        inset-block-end: 1rem;
        inset-inline-start: 1rem;
        inset-inline-end: 1rem;
        padding: 0.85rem 1rem;
        border-radius: 0.85rem;
        background: color-mix(in srgb, var(--background-dark) 78%, transparent);
        backdrop-filter: blur(8px);
        border: 1px solid color-mix(in srgb, var(--white) 22%, transparent);
        z-index: 2;
      }

      #ui1a7896dda .hded07b39 {
        display: block;
        font-size: 0.72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: color-mix(in srgb, var(--accent-bg) 90%, var(--white));
        margin-block-end: 0.2rem;
      }

      #ui1a7896dda .p2b78c213 {
        display: block;
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        line-height: 1.3;
      }

      #ui1a7896dda .h0e067270 {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }

      #ui1a7896dda .j8cee8a31 {
        font-size: 1.05rem;
        line-height: 1.75;
        color: var(--text-secondary);
        margin-block-end: 0;
      }

      #ui1a7896dda .mbba726d3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
      }

      #ui1a7896dda .c6db39a7b {
        padding: 0.85rem 0.65rem;
        border-radius: 0.85rem;
        background: var(--white);
        border: 1px solid var(--border-light);
        text-align: center;
        box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--neutral-1050) 8%, transparent);
      }

      #ui1a7896dda .p98999575 {
        display: block;
        font-size: clamp(1.35rem, 3vw, 1.85rem);
        font-weight: 800;
        color: var(--primary-dark);
        line-height: 1.1;
        margin-block-end: 0.25rem;
      }

      #ui1a7896dda .f789feb3b {
        display: block;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--text-tertiary);
        line-height: 1.35;
      }

      #ui1a7896dda .a18ad622b {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin-block-end: 0;
      }

      #ui1a7896dda .h33e155cc {
        display: flex;
        gap: 0.65rem;
        align-items: flex-start;
        padding: 0.85rem 0.9rem;
        border-radius: 0.85rem;
        background: color-mix(in srgb, var(--neutral-50) 70%, var(--white));
        border: 1px solid var(--border-light);
        min-height: 100%;
      }

      #ui1a7896dda .haf35feee {
        flex-shrink: 0;
        width: 2.35rem;
        height: 2.35rem;
        border-radius: 0.65rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        color: var(--white);
      }

      #ui1a7896dda .d6848131f {
        background: linear-gradient(145deg, var(--primary-light), var(--primary));
      }

      #ui1a7896dda .lf0982667 {
        background: linear-gradient(145deg, var(--success-light), var(--success-color));
      }

      #ui1a7896dda .b4b859beb {
        background: linear-gradient(145deg, var(--warning-light), var(--warning-color));
      }

      #ui1a7896dda .e64086e37 {
        background: linear-gradient(145deg, var(--info-light), var(--info-color));
      }

      #ui1a7896dda .d69febf3f {
        font-size: 0.92rem;
        font-weight: 700;
        color: var(--text-primary);
        line-height: 1.35;
        margin-block-end: 0;
      }

      #ui1a7896dda .l4d8d70c7 {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.85rem 1.6rem;
        border-radius: 0.75rem;
        font-weight: 700;
        font-size: 1rem;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--accent), var(--accent-dark));
        border: none;
        box-shadow: 0 0.65rem 1.75rem color-mix(in srgb, var(--accent-dark) 35%, transparent);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }

      #ui1a7896dda .l4d8d70c7:hover {
        color: var(--text-light);
        transform: translateX(calc(var(--about-rtl) * 4px));
        box-shadow: 0 0.85rem 2rem color-mix(in srgb, var(--accent-dark) 45%, transparent);
      }

      #ui1a7896dda .l4d8d70c7 i {
        font-size: 1.15rem;
      }

      #ui1a7896dda .l7993b318 {
        animation: aboutreveal_k9m2xqp7wn4rt 0.85s ease both;
      }

      #ui1a7896dda .h1d0abb80 {
        animation-delay: 0.05s;
      }

      #ui1a7896dda .m2531f07f {
        animation-delay: 0.12s;
      }

      #ui1a7896dda .mc7062fb1 {
        animation-delay: 0.19s;
      }

      #ui1a7896dda .de2fe0195 {
        animation-delay: 0.26s;
      }

      @keyframes aboutreveal_k9m2xqp7wn4rt {
        from {
          opacity: 0;
          transform: translateX(calc(var(--about-rtl) * 18px));
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

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

        #ui1a7896dda .dee6badef {
          text-align: center;
        }

        #ui1a7896dda .lbc06e60d {
          max-width: 22rem;
          margin-inline: auto;
        }
      }

      @media (max-width: 575.98px) {
        #ui1a7896dda .mbba726d3 {
          grid-template-columns: minmax(0, 1fr);
        }

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

        #ui1a7896dda .l4d8d70c7 {
          width: 100%;
          justify-content: center;
        }
      }

#uib11bd6129 {
        --content-rtl-dir: 1;
      }

      [dir='rtl'] #uib11bd6129 {
        --content-rtl-dir: -1;
      }

      #uib11bd6129.m2f2f501f {
        padding-block: clamp(3.25rem, 6vw, 5.5rem);
        padding-inline: 0;
        position: relative;
        overflow: hidden;
        background-color: var(--background-primary);
      }

      #uib11bd6129.m2f2f501f::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 42%;
        block-size: 100%;
        background: linear-gradient(
          165deg,
          color-mix(in srgb, var(--accent) 14%, var(--background-primary)),
          color-mix(in srgb, var(--secondary-bg) 10%, var(--background-primary)) 45%,
          transparent 92%
        );
        pointer-events: none;
      }

      #uib11bd6129.m2f2f501f::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline-end: 0;
        inline-size: min(520px, 72%);
        block-size: min(420px, 58%);
        background: radial-gradient(
          ellipse 120% 75% at 50% 100%,
          color-mix(in srgb, var(--primary) 22%, transparent),
          transparent 68%
        );
        pointer-events: none;
      }

      #uib11bd6129 .a82b701e2 {
        position: relative;
        z-index: 1;
      }

      #uib11bd6129 .m18cac788 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.75rem, 4vw, 3.25rem);
        align-items: stretch;
        margin-block-end: clamp(2rem, 5vw, 3.25rem);
      }

      #uib11bd6129 .ma850d65b {
        border-inline-start: 4px solid var(--accent);
        padding-inline-start: clamp(1rem, 3vw, 1.75rem);
        padding-block: clamp(0.25rem, 1vw, 0.75rem);
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        justify-content: center;
        background: linear-gradient(
          to right,
          color-mix(in srgb, var(--background-tertiary) 76%, transparent),
          transparent
        );
      }

      #uib11bd6129 .la162fdfe {
        display: inline-flex;
        align-self: start;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.45rem;
        padding-inline: 1rem;
        border-radius: 999px;
        background-color: var(--background-tertiary);
        border: 1px solid var(--accent-light);
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--accent-dark);
        white-space: normal;
        box-shadow: 0 10px 22px rgba(var(--bs-dark-rgb), 0.06);
      }

      #uib11bd6129 .la162fdfe i {
        font-size: 1rem;
        color: var(--accent);
      }

      #uib11bd6129 .pa6b37dcc {
        margin: 0;
        font-size: clamp(1.05rem, 2.2vw, 1.35rem);
        font-weight: 700;
        line-height: 1.35;
        color: var(--text-primary);
      }

      #uib11bd6129 .he92a938f {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.65;
        color: var(--text-tertiary);
      }

      #uib11bd6129 .p4c3dd2b6 {
        padding-block: clamp(0.35rem, 2vw, 1rem);
        padding-inline-end: clamp(0rem, 2vw, 1rem);
      }

      #uib11bd6129 .fc72dba32 {
        margin-block-end: 0.65rem;
        font-size: 0.78rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--secondary-dark);
      }

      #uib11bd6129 .eb712ccc6 {
        margin-block-end: 1rem;
        font-weight: 800;
        color: var(--text-primary);
        line-height: 1.12;
      }

      #uib11bd6129 .ff7034471 {
        margin: 0;
        font-size: clamp(1rem, 1.9vw, 1.18rem);
        line-height: 1.75;
        color: var(--text-secondary);
        max-inline-size: 42rem;
      }

      #uib11bd6129 .o2b3818f6 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1rem, 2.5vw, 1.35rem);
        margin-block-end: clamp(2rem, 5vw, 3rem);
      }

      #uib11bd6129 .o8c8d4fd1 {
        background-color: var(--background-tertiary);
        border-radius: 1rem;
        border: 1px solid var(--border-light);
        padding-block: 1.35rem;
        padding-inline: 1.25rem;
        box-shadow: 0 14px 28px rgba(var(--bs-dark-rgb), 0.06);
        display: grid;
        grid-template-columns: minmax(0, 52px) minmax(0, 1fr);
        gap: 1rem;
        align-items: start;
        min-block-size: 100%;
      }

      #uib11bd6129 .kde1eb9f8 {
        inline-size: 52px;
        block-size: 52px;
        border-radius: 14px;
        background: linear-gradient(145deg, var(--primary-bg), var(--warning-bg));
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary-dark);
        font-size: 1.35rem;
      }

      #uib11bd6129 .jeb825ae9 h3 {
        margin-block-end: 0.45rem;
        font-size: 1.02rem;
        font-weight: 700;
        color: var(--text-primary);
      }

      #uib11bd6129 .jeb825ae9 p {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.62;
        color: var(--text-tertiary);
      }

      #uib11bd6129 .l4969304e {
        border-radius: 1.25rem;
        padding-block: clamp(1.6rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 4vw, 2.75rem);
        background: linear-gradient(
          120deg,
          color-mix(in srgb, var(--secondary) 18%, var(--background-tertiary)),
          var(--background-tertiary) 55%,
          color-mix(in srgb, var(--primary-light) 16%, var(--background-tertiary))
        );
        border: 1px solid color-mix(in srgb, var(--secondary-light) 35%, var(--border-light));
        box-shadow: 0 18px 36px rgba(var(--bs-secondary-rgb), 0.08);
      }

      #uib11bd6129 .k0a61c275 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.25rem, 3vw, 2rem);
        align-items: center;
      }

      #uib11bd6129 .h25eafc7f {
        margin: 0;
        font-size: clamp(0.98rem, 1.9vw, 1.08rem);
        line-height: 1.72;
        color: var(--text-secondary);
      }

      #uib11bd6129 .ha59145eb {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
        align-items: start;
      }

      #uib11bd6129 .be71f81fb {
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem;
      }

      #uib11bd6129 .nc0df35f1 {
        padding-block: 0.35rem;
        padding-inline: 0.75rem;
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 700;
        color: var(--info-dark);
        background-color: color-mix(in srgb, var(--info-bg) 42%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--info-light) 55%, var(--border-light));
        white-space: normal;
      }

      #uib11bd6129 .p277aa9d8 {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        padding-block: 0.95rem;
        padding-inline: 1.85rem;
        border-radius: 999px;
        background-color: var(--primary);
        color: var(--text-light);
        text-decoration: none;
        font-weight: 700;
        border: 2px solid transparent;
        box-shadow: 0 14px 30px rgba(var(--bs-primary-rgb), 0.28);
      }

      #uib11bd6129 .p277aa9d8 i {
        transition: transform 0.22s ease;
      }

      #uib11bd6129 .p277aa9d8:hover {
        background-color: transparent;
        border-color: var(--primary);
        color: var(--primary);
      }

      #uib11bd6129 .p277aa9d8:hover i {
        transform: translateX(calc(var(--content-rtl-dir) * 6px));
      }

      @media (max-width: 991.98px) {
        #uib11bd6129.m2f2f501f::before {
          inline-size: 100%;
          block-size: 42%;
        }

        #uib11bd6129 .m18cac788 {
          grid-template-columns: 1fr;
        }

        #uib11bd6129 .ma850d65b {
          border-inline-start-width: 0;
          border-block-start: 4px solid var(--accent);
          padding-inline-start: 0;
          padding-block-start: 1.25rem;
        }

        #uib11bd6129 .p4c3dd2b6 {
          padding-inline-end: 0;
        }

        #uib11bd6129 .k0a61c275 {
          grid-template-columns: 1fr;
        }

        #uib11bd6129 .ha59145eb {
          align-items: stretch;
        }

        #uib11bd6129 .p277aa9d8 {
          justify-content: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #uib11bd6129 .o2b3818f6 {
          grid-template-columns: 1fr;
        }

        #uib11bd6129 .o8c8d4fd1 {
          grid-template-columns: minmax(0, 48px) minmax(0, 1fr);
        }

        #uib11bd6129 .kde1eb9f8 {
          inline-size: 48px;
          block-size: 48px;
          font-size: 1.2rem;
        }
      }