@keyframes navreveal_k7m2xq9p4nw {
        from {
          opacity: 0;
          transform: translateY(-8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #x-38e661223a {
        position: relative;
        z-index: 1000;

        .navbar {
          background: var(--background-tertiary) !important;
          padding-block: 0;
          padding-inline: 0;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
          animation: navreveal_k7m2xq9p4nw 0.55s ease-out both;
        }

        .ui-dbf6aae5da {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 0.75rem;
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .ui-f96ae4eced {
          height: 3px;
          width: 10%;
          background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 52%, var(--secondary) 100%);
          border-radius: 0 0 4px 4px;
          opacity: 0.95;
        }

        .navbar-brand {
          white-space: normal;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          color: var(--text-primary) !important;
          font-size: 1.35rem;
          font-weight: 800;
          letter-spacing: -0.03em;
          padding-block: 0.35rem;
          padding-inline: 0.65rem 0.85rem;
          border-radius: 14px;
          border: 1px solid transparent;
          transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary-dark) !important;
          border-color: var(--border-medium);
          background: linear-gradient(135deg, var(--white) 0%, var(--background-primary) 100%);
          box-shadow: 0 6px 18px rgba(var(--bs-primary-rgb), 0.12);
        }

        .navbar-brand img {
          width: 42px;
          height: 42px;
          object-fit: contain;
          border-radius: 10px;
          border: 1px solid var(--border-light);
          background: var(--white);
          padding: 4px;
          transition: transform 0.25s ease, border-color 0.25s ease;
        }

        .navbar-brand:hover img {
          transform: scale(1.04);
          border-color: var(--primary-light);
        }

        .ui-5acaf4eb0e {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

        .navbar-toggler {
          border: 1px solid var(--border-medium);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.65rem;
          background: linear-gradient(180deg, var(--white) 0%, var(--background-primary) 100%);
          color: var(--text-primary) !important;
          transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .navbar-toggler:focus {
          box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.22);
        }

        .navbar-toggler:hover {
          border-color: var(--primary);
          box-shadow: 0 8px 22px rgba(var(--bs-primary-rgb), 0.14);
          transform: translateY(-1px);
        }

        .navbar-toggler-icon {
          width: 1.35rem;
          height: 1.35rem;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23495057' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-collapse {
          flex-basis: 100%;
          flex-grow: 1;
        }

        .ui-abd7abd0f0 {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          width: 100%;
        }

        .navbar-nav {
          gap: 0.35rem;
          padding: 0;
          margin: 0;
        }

        .ui-3a6b9e6002 {
          position: relative;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-size: 0.9rem;
          font-weight: 650;
          padding-block: 0.55rem;
          padding-inline: 0.95rem;
          border-radius: 999px;
          border: 1px solid transparent;
          display: inline-flex;
          align-items: center;
          gap: 0.45rem;
          transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .nav-link i {
          font-size: 1rem;
          color: var(--accent-dark);
          transition: color 0.2s ease;
        }

        .nav-link:hover {
          color: var(--text-primary) !important;
          background: linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 100%);
          border-color: var(--primary-light);
          box-shadow: 0 6px 16px rgba(var(--bs-primary-rgb), 0.12);
          transform: translateY(-1px);
        }

        .nav-link:hover i {
          color: var(--primary-dark);
        }

        @media (min-width: 992px) {
          .ui-dbf6aae5da {
            flex-wrap: nowrap;
            padding-block: 0.65rem;
          }

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

          .ui-abd7abd0f0 {
            width: auto;
            margin-inline-start: auto;
          }

          .navbar-nav {
            padding: 0.35rem;
            border-radius: 999px;
            border: 1px solid var(--border-light);
            background: linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 100%);
            box-shadow: inset 0 1px 0 var(--white);
          }

          .ui-5acaf4eb0e {
            display: none;
          }
        }

        @media (max-width: 991.98px) {
          .ui-dbf6aae5da {
            row-gap: 0.5rem;
          }

          .navbar-collapse {
            margin-top: 0.35rem;
          }

          .navbar-collapse.collapsing {
            transition: height 0.32s ease;
          }

          .ui-abd7abd0f0 {
            justify-content: stretch;
          }

          .navbar-nav {
            width: 100%;
            flex-direction: column;
            align-items: stretch;
            gap: 0.4rem;
            padding: 1rem;
            border-radius: 16px;
            border: 1px solid var(--border-medium);
            background: linear-gradient(165deg, var(--white) 0%, var(--background-primary) 55%, var(--white) 100%);
            box-shadow: 0 16px 36px rgba(var(--bs-dark-rgb), 0.08);
          }

          .nav-link {
            width: 100%;
            justify-content: flex-start;
            border-radius: 12px;
            padding-block: 0.85rem;
            padding-inline: 1rem;
          }

          .nav-link i {
            min-width: 1.25rem;
            text-align: center;
          }
        }
      }

#x-94a0d633f8.ui-83eecf1e1d {
            background: linear-gradient(160deg, var(--primary-bg) 0%, var(--background-tertiary) 38%, var(--accent-bg) 100%);
            padding-block: 5rem;
            padding-inline: 0;
            position: relative;
            overflow: hidden;
          }
    
          #x-94a0d633f8.ui-83eecf1e1d::before {
            content: '';
            position: absolute;
            inset-block-start: -6rem;
            inset-inline-end: -4rem;
            width: 18rem;
            height: 18rem;
            border-radius: 50%;
            background: var(--secondary-bg);
            pointer-events: none;
          }
    
          #x-94a0d633f8.ui-83eecf1e1d::after {
            content: '';
            position: absolute;
            inset-block-end: -5rem;
            inset-inline-start: -3rem;
            width: 14rem;
            height: 14rem;
            border-radius: 50%;
            background: var(--info-bg);
            pointer-events: none;
          }
    
          #x-94a0d633f8 .ui-c440cdd696 {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap: 2.5rem;
          }
    
          #x-94a0d633f8 .ui-c851ae4c04 {
            text-align: center;
            max-width: 42rem;
            margin-inline: auto;
          }
    
          #x-94a0d633f8 .ui-e94cabcb0a {
            display: inline-block;
            color: var(--primary-dark);
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 0.75rem;
            padding-block: 0.35rem;
            padding-inline: 1rem;
            border-radius: 999px;
            background: var(--background-tertiary);
            border: 2px solid var(--primary-light);
          }
    
          #x-94a0d633f8 .ui-28168d45a8 {
            color: var(--text-primary);
            font-weight: 700;
            font-size: 2.3rem;
            margin-bottom: 0.85rem;
          }
    
          #x-94a0d633f8 .ui-4f4cc29f98 {
            color: var(--text-secondary);
            font-size: 1.02rem;
            line-height: 1.8;
            margin-bottom: 0;
          }
    
          #x-94a0d633f8 .ui-f1c4a7e039 {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 2rem;
            align-items: stretch;
          }
    
          #x-94a0d633f8 .ui-26be282ddc {
            display: flex;
            flex-direction: column;
            gap: 1rem;
          }
    
          #x-94a0d633f8 .ui-80fff735d8 {
            border-radius: 1.25rem;
            overflow: hidden;
            border: 4px solid var(--background-tertiary);
            background: var(--background-tertiary);
            aspect-ratio: 1 / 1;
            width: 100%;
          }
    
          #x-94a0d633f8 .ui-80fff735d8 img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
    
          #x-94a0d633f8 .ui-cba9f31a33 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
          }
    
          #x-94a0d633f8 .ui-f4665166b9 {
            border-radius: 0.85rem;
            padding-block: 0.85rem;
            padding-inline: 1rem;
            text-align: center;
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--text-primary);
          }
    
          #x-94a0d633f8 .ui-7732a2b2fc {
            background: var(--secondary-bg);
          }
    
          #x-94a0d633f8 .ui-b8e5329b60 {
            background: var(--warning-bg);
          }
    
          #x-94a0d633f8 .ui-62d77453e0 {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            background: var(--background-tertiary);
            border-radius: 1.25rem;
            padding-block: 2rem;
            padding-inline: 2rem;
            border: 2px solid var(--neutral-150);
          }
    
          #x-94a0d633f8 .ui-aa089648e4 {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 0.85rem;
          }
    
          #x-94a0d633f8 .ui-3143b4cf6f {
            display: grid;
            grid-template-columns: 3rem minmax(0, 1fr);
            gap: 1rem;
            align-items: center;
            padding-block: 1rem;
            padding-inline: 1rem;
            border-radius: 0.85rem;
            background: var(--background-primary);
            border-inline-start: 4px solid var(--primary);
          }
    
          #x-94a0d633f8 .ui-2ea66b345d {
            border-inline-start-color: var(--accent);
          }
    
          #x-94a0d633f8 .ui-975bcc855c {
            border-inline-start-color: var(--secondary);
          }
    
          #x-94a0d633f8 .ui-b526abfc54 {
            width: 3rem;
            height: 3rem;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--text-light);
            background: var(--primary);
          }
    
          #x-94a0d633f8 .ui-c4a755317f {
            background: var(--accent);
          }
    
          #x-94a0d633f8 .ui-ea4cdd3a63 {
            background: var(--secondary);
          }
    
          #x-94a0d633f8 .ui-ecd05547fa {
            color: var(--text-secondary);
            font-size: 0.95rem;
            line-height: 1.55;
            margin-bottom: 0;
          }
    
          #x-94a0d633f8 .ui-3f3525b39d {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem;
            align-items: center;
            margin-block-start: 0.25rem;
          }
    
          #x-94a0d633f8 .ui-bdc5399ecf {
            background: var(--primary);
            color: var(--text-light);
            border-radius: 999px;
            padding-block: 0.75rem;
            padding-inline: 1.85rem;
            border: 2px solid var(--primary);
            font-size: 0.96rem;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.3s ease, color 0.3s ease;
          }
    
          #x-94a0d633f8 .ui-bdc5399ecf:hover {
            background: var(--primary-dark);
            color: var(--text-light);
            border-color: var(--primary-dark);
          }
    
          #x-94a0d633f8 .ui-9f429290e6 {
            background: var(--background-tertiary);
            border-radius: 999px;
            padding-block: 0.7rem;
            padding-inline: 1.65rem;
            border: 2px solid var(--accent);
            color: var(--accent-dark);
            font-size: 0.95rem;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.3s ease, color 0.3s ease;
          }
    
          #x-94a0d633f8 .ui-9f429290e6:hover {
            background: var(--accent);
            color: var(--text-light);
          }
    
          #x-94a0d633f8 .ui-f6da0ffaee {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
          }
    
          #x-94a0d633f8 .ui-d046cdfaf2 {
            background: var(--background-tertiary);
            border-radius: 1rem;
            padding-block: 1.5rem;
            padding-inline: 1.5rem;
            text-align: center;
            border: 2px solid var(--neutral-150);
            transition: border-color 0.3s ease, transform 0.3s ease;
          }
    
          #x-94a0d633f8 .ui-d046cdfaf2:hover {
            transform: translateY(-3px);
            border-color: var(--primary-light);
          }
    
          #x-94a0d633f8 .ui-34cbe3cfc0 {
            color: var(--primary);
            font-weight: 700;
            font-size: 1.9rem;
            margin-bottom: 0.35rem;
          }
    
          #x-94a0d633f8 .ui-cf4c7e6782 {
            color: var(--accent-dark);
          }
    
          #x-94a0d633f8 .ui-2dd428ef88 {
            color: var(--secondary-dark);
          }
    
          #x-94a0d633f8 .ui-3a0e4a99d6 {
            color: var(--text-primary);
            font-weight: 600;
            font-size: 0.98rem;
            margin-bottom: 0.4rem;
          }
    
          #x-94a0d633f8 .ui-f8a8b277bf {
            color: var(--text-secondary);
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 0;
          }
    
          @media (max-width: 991.98px) {
            #x-94a0d633f8 .ui-f1c4a7e039 {
              grid-template-columns: minmax(0, 1fr);
            }
    
            #x-94a0d633f8 .ui-28168d45a8 {
              font-size: 2rem;
            }
          }
    
          @media (max-width: 575.98px) {
            #x-94a0d633f8.ui-83eecf1e1d {
              padding-block: 4rem;
            }
    
            #x-94a0d633f8 .ui-28168d45a8 {
              font-size: 1.8rem;
            }
    
            #x-94a0d633f8 .ui-f6da0ffaee {
              grid-template-columns: minmax(0, 1fr);
            }
    
            #x-94a0d633f8 .ui-62d77453e0 {
              padding-block: 1.5rem;
              padding-inline: 1.25rem;
            }
    
            #x-94a0d633f8 .ui-3f3525b39d {
              flex-direction: column;
              align-items: stretch;
            }
    
            #x-94a0d633f8 .ui-bdc5399ecf,
            #x-94a0d633f8 .ui-9f429290e6 {
              text-align: center;
            }
    
            #x-94a0d633f8 .ui-cba9f31a33 {
              grid-template-columns: minmax(0, 1fr);
            }
          }

#x-2007bb9661 {
        --callaction4-shift: 1;
        position: relative;
        padding-block: clamp(3.5rem, 6vw, 6rem);
        padding-inline: 0;
        overflow: hidden;
        background: var(--background-primary);
        color: var(--text-primary);
      }

      #x-2007bb9661 .ui-cc2196dcd9 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 0%,
          var(--background-primary) 42%,
          color-mix(in srgb, var(--primary-bg) 28%, var(--background-primary)) 100%
        );
      }

      #x-2007bb9661 .ui-cc2196dcd9::before {
        content: '';
        position: absolute;
        inset-block-start: -18%;
        inset-inline-end: -8%;
        width: min(52vw, 520px);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(
          circle at 30% 30%,
          color-mix(in srgb, var(--accent) 55%, var(--background-tertiary)) 0%,
          var(--background-primary) 68%
        );
        opacity: 0.35;
      }

      #x-2007bb9661 .ui-cc2196dcd9::after {
        content: '';
        position: absolute;
        inset-block-end: -22%;
        inset-inline-start: -12%;
        width: min(48vw, 460px);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(
          circle at 70% 70%,
          color-mix(in srgb, var(--primary) 45%, var(--background-tertiary)) 0%,
          var(--background-primary) 70%
        );
        opacity: 0.28;
      }

      #x-2007bb9661 .container {
        position: relative;
        z-index: 1;
      }

      #x-2007bb9661 .ui-965534ba39 {
        position: relative;
        border-radius: 1.75rem;
        padding: clamp(1.25rem, 2.5vw, 2rem);
        background: color-mix(in srgb, var(--background-tertiary) 86%, var(--neutral-150));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
        box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-1050) 14%, var(--background-primary));
      }

      #x-2007bb9661 .ui-965534ba39::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background: linear-gradient(
          135deg,
          color-mix(in srgb, var(--accent) 18%, var(--background-tertiary)) 0%,
          var(--background-tertiary) 45%,
          color-mix(in srgb, var(--primary) 16%, var(--background-tertiary)) 100%
        );
      }

      #x-2007bb9661 .ui-3870903db4 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.5rem, 3vw, 2.75rem);
        align-items: center;
        position: relative;
        z-index: 1;
      }

      #x-2007bb9661 .ui-2ee3b33977 {
        position: relative;
        min-width: 0;
      }

      #x-2007bb9661 .ui-b9f4a66547 {
        position: relative;
        width: min(100%, 420px);
        margin-inline: auto;
        aspect-ratio: 1 / 1;
        border-radius: 1.35rem;
        padding: 0.65rem;
        background: linear-gradient(145deg, var(--primary) 0%, var(--accent-dark) 55%, var(--secondary-dark) 100%);
        box-shadow: 0 1rem 2.25rem color-mix(in srgb, var(--neutral-1050) 22%, var(--background-primary));
        animation: callaction4pulse_k9xm2wq7n4rp 7.5s ease-in-out infinite;
      }

      #x-2007bb9661 .ui-ce07ed402f {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 1rem;
        overflow: hidden;
        background: var(--background-tertiary);
      }

      #x-2007bb9661 .ui-ce07ed402f img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      #x-2007bb9661 .ui-2bd75c3bb2 {
        position: absolute;
        inset-block-end: 1rem;
        inset-inline-start: 1rem;
        width: 2.75rem;
        height: 2.75rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: color-mix(in srgb, var(--background-tertiary) 78%, var(--primary-bg));
        border: 1px solid color-mix(in srgb, var(--primary-light) 55%, var(--background-tertiary));
        color: var(--primary-dark);
        box-shadow: 0 0.75rem 1.5rem color-mix(in srgb, var(--neutral-1050) 18%, var(--background-primary));
      }

      #x-2007bb9661 .ui-2bd75c3bb2 i {
        font-size: 1.35rem;
      }

      #x-2007bb9661 .ui-5b9be63346 {
        min-width: 0;
        padding-block: 0.25rem;
        padding-inline: clamp(0rem, 1vw, 0.5rem);
      }

      #x-2007bb9661 .ui-6f7ce6e4ca {
        font-size: clamp(2rem, 3.6vw, 3.15rem);
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -0.03em;
        margin: 0 0 1rem;
        color: var(--text-primary);
      }

      #x-2007bb9661 .ui-6f7ce6e4ca::after {
        content: '';
        display: block;
        width: min(8rem, 38%);
        height: 0.28rem;
        margin-block-start: 1rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 52%, var(--secondary-dark) 100%);
      }

      #x-2007bb9661 .ui-3ca1f99cc9 {
        font-size: 1.05rem;
        line-height: 1.75;
        color: var(--text-secondary);
        margin: 0 0 1.75rem;
        max-width: 38rem;
      }

      #x-2007bb9661 .ui-31c46c80c2 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
        align-items: center;
      }

      #x-2007bb9661 .ui-f5ed8d560d {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.95rem;
        padding-inline: 1.35rem;
        border-radius: 999px;
        font-weight: 800;
        text-decoration: none;
        border: 0;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent-dark) 100%);
        box-shadow: 0 1rem 2rem color-mix(in srgb, var(--primary-dark) 35%, var(--background-primary));
        transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
      }

      #x-2007bb9661 .ui-f5ed8d560d:hover {
        transform: translateY(-0.2rem);
        filter: brightness(1.03);
        box-shadow: 0 1.15rem 2.35rem color-mix(in srgb, var(--primary-dark) 42%, var(--background-primary));
        color: var(--text-light);
      }

      #x-2007bb9661 .ui-f5ed8d560d i {
        transition: transform 0.25s ease;
        font-size: 1.1rem;
      }

      #x-2007bb9661 .ui-f5ed8d560d:hover i {
        transform: translateX(calc(0.35rem * var(--callaction4-shift)));
      }

      @keyframes callaction4pulse_k9xm2wq7n4rp {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-0.55rem);
        }
      }

      @media (max-width: 991.98px) {
        #x-2007bb9661 .ui-3870903db4 {
          grid-template-columns: minmax(0, 1fr);
        }

        #x-2007bb9661 .ui-b9f4a66547 {
          width: min(100%, 360px);
        }

        #x-2007bb9661 .ui-5b9be63346 {
          text-align: center;
          padding-inline: 0;
        }

        #x-2007bb9661 .ui-3ca1f99cc9 {
          margin-inline: auto;
        }

        #x-2007bb9661 .ui-31c46c80c2 {
          justify-content: center;
        }

        #x-2007bb9661 .ui-6f7ce6e4ca::after {
          margin-inline: auto;
        }
      }

      @media (max-width: 575.98px) {
        #x-2007bb9661 .ui-f5ed8d560d {
          width: 100%;
        }
      }

      html[dir='rtl'] #x-2007bb9661 {
        --callaction4-shift: -1;
      }