#qc50eadb9 {
        background: var(--background-dark);
        border-bottom: 1px solid var(--primary);
        z-index: 999;

        .navbar-brand {
          white-space: normal;
          font-size: 1.35rem;
          font-weight: 700;
          letter-spacing: 0.08em;
          color: var(--white);
          transition: color 0.25s ease, opacity 0.25s ease;

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

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

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

          .u380dc166 {
            border-inline-start: 1px solid var(--neutral-650);

            &:first-child {
              border-inline-start: none;
            }
          }

          .nav-link {
            display: block;
            padding-block: 1rem;
            padding-inline: 1.25rem;
            color: var(--neutral-250);
            font-weight: 500;
            font-size: 0.875rem;
            letter-spacing: 0.05em;
            transition: color 0.2s ease, background-color 0.2s ease;

            &:hover {
              color: var(--primary-bg);
              background: rgba(var(--bs-primary-rgb), 0.08);
            }

            &.active {
              color: var(--primary-bg);
              background: rgba(var(--bs-primary-rgb), 0.12);
            }
          }
        }

        .u59e40511 {
          margin-inline-start: 1rem;
          padding-block: 0.5rem;
          padding-inline: 1.25rem;
          background: transparent;
          color: var(--primary-bg);
          border: 2px solid var(--primary);
          border-radius: 6px;
          font-weight: 600;
          font-size: 0.8rem;
          letter-spacing: 0.06em;
          transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;

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

        .navbar-toggler {
          border: 1px solid var(--neutral-650);
          border-radius: 6px;
          padding: 0.5rem 0.65rem;
          color: var(--white);

          &:focus {
            box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.35);
          }

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

      @media (max-width: 991px) {
        #qc50eadb9 {
          .navbar-collapse {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--background-dark);
            border-bottom: 1px solid var(--neutral-750);
            padding-block: 0.5rem;
            padding-inline: 1rem;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
          }

          .navbar-nav {
            flex-direction: column;
            align-items: stretch;
            gap: 0;

            .u380dc166 {
              border-inline-start: none;
              border-bottom: 1px solid var(--neutral-750);

              &:last-child {
                border-bottom: none;
              }
            }

            .nav-link {
              padding-block: 0.85rem;
              padding-inline: 1rem;
            }
          }

          .u59e40511 {
            margin-inline-start: 0;
            margin-top: 0.75rem;
            width: 100%;
            text-align: center;
          }
        }
      }

#q4e784b9c{
      padding-block:5rem;
      background:
              radial-gradient(circle at top left,var(--primary-bg),transparent 50%),
              radial-gradient(circle at bottom right,var(--accent-bg),transparent 50%),
              var(--background-primary);

      .uce9a3d16{
          display:grid;
          grid-template-columns:1.2fr .8fr;
          gap:2rem;
      }

      .u822f2dce{
          backdrop-filter:blur(14px);
          background:rgba(255,255,255,.75);
          border:1px solid var(--neutral-150);
          border-radius:2rem;
          padding:2rem;
      }

      .ua09fd42c{
          padding:1.25rem;
          border-radius:1rem;
          background:var(--background-tertiary);
          margin-bottom:1rem;
      }

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

#qe5a60c35 {
      margin-block: 4rem;

      .u49046314 {
          background: linear-gradient(180deg, var(--background-primary), var(--neutral-150));
          padding-block: 5rem;
          padding-inline: 0;
      }

      .u8c813589 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 2rem;
          background: var(--background-tertiary);
          border-radius: 1.75rem;
          padding: 3rem;
          border: 1px solid var(--neutral-150);
      }

      .ud3afed11 {
          flex: 1;
      }

      .ua82bbaae {
          width: 240px;
          background: var(--primary-bg);
          border-radius: 1.5rem;
          padding: 2rem;
      }

      .ua68e6369 {
          color: var(--accent);
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.08rem;
          margin-bottom: 1rem;
      }

      .ua3b6f420 {
          font-size: 2.8rem;
          font-weight: 800;
          color: var(--text-primary);
          margin-bottom: 1rem;
      }

      .ub2b9f945 {
          line-height: 1.8;
          color: var(--text-secondary);
          margin-bottom: 2rem;
      }

      .u13a4482b {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          background: var(--accent);
          color: var(--text-light);
          border-radius: 0.9rem;
          padding-block: 0.9rem;
          padding-inline: 1.8rem;
          font-weight: 700;
          transition: 0.3s ease;

          &:hover {
              background: var(--accent-dark);
          }
      }

      .ua347c21f {
          font-size: 1.2rem;
          font-weight: 800;
          color: var(--text-primary);
          margin-bottom: 1rem;
      }

      .u05de7676 {
          color: var(--text-secondary);
          line-height: 1.7;
      }

      @media (max-width: 991.98px) {
          .u8c813589 {
              flex-direction: column;
          }

          .ua82bbaae {
              width: 100%;
          }
      }

      @media (max-width: 767.98px) {
          .u8c813589 {
              padding: 2rem 1.5rem;
          }

          .ua3b6f420 {
              font-size: 2rem;
          }

          .u13a4482b {
              width: 100%;
          }
      }
  }

#q8e84c904 {
        background: var(--background-dark);
        color: var(--text-light);
        position: relative;
        overflow: hidden;

        &::after {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 3px;
          background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
          opacity: 0.9;
        }

        .uc9d74a0b {
          padding-block: 3rem 2rem;
padding-inline: 0;
        }

        .ud9a77948 {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
          justify-content: space-between;
          gap: 2rem;
          padding-bottom: 2rem;
          border-bottom: 1px solid var(--neutral-750);
          margin-bottom: 2rem;
        }

        .ub3db7be5 {
          max-width: 320px;
        }

        .u865b8efb {
          font-size: 1.25rem;
          font-weight: 700;
          color: var(--text-light);
          margin-bottom: 1rem;
          letter-spacing: 0.02em;
        }

        .u34b0455f {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .u34b0455f li {
          display: flex;
          align-items: flex-start;
          gap: 0.75rem;
          margin-bottom: 0.875rem;
          font-size: 0.9rem;
          color: var(--neutral-250);
          line-height: 1.4;
        }

        .u34b0455f li i {
          color: var(--primary-light);
          font-size: 1rem;
          margin-top: 0.15rem;
          flex-shrink: 0;
        }

        .u7a9ab606 {
          display: flex;
          flex-wrap: wrap;
          gap: 3rem;
        }

        .u4221ecab h6 {
          font-size: 0.8rem;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          color: var(--neutral-350);
          margin-bottom: 1rem;
        }

        .u98969c24 {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }

        .u98969c24 a {
          color: var(--neutral-250);
          text-decoration: none;
          font-size: 0.9rem;
          transition: color 0.25s ease, padding-left 0.25s ease;
        }

        .u98969c24 a:hover {
          color: var(--primary-light);
          padding-inline-start:0.25rem;
        }

        .u5cb02c86 {
          text-align: end;
        }

        .u8e3c78de {
          font-size: 0.8rem;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          color: var(--neutral-350);
          margin-bottom: 1rem;
          display: block;
        }

        .u36de79e6 {
          display: flex;
          flex-wrap: wrap;
          gap: 0.5rem;
          justify-content: flex-end;
        }

        .u36de79e6 .u58fca372 {
          width: 2.5rem;
          height: 2.5rem;
          border-radius: 0.5rem;
          background: var(--neutral-850);
          color: var(--text-light);
          border: 1px solid var(--neutral-750);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 1.1rem;
          transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
          text-decoration: none;
        }

        .u36de79e6 .u58fca372:hover {
          background: var(--primary);
          color: var(--text-light);
          border-color: var(--primary);
          transform: translateY(-2px);
        }

        .u448f1235 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 1rem;
          font-size: 0.85rem;
          color: var(--neutral-450);
        }

        .u25a0aa56 {
          display: flex;
          flex-wrap: wrap;
          gap: 1rem;
        }

        .u25a0aa56 a {
          color: var(--neutral-450);
          text-decoration: none;
          transition: color 0.25s ease;
        }

        .u25a0aa56 a:hover {
          color: var(--primary-light);
        }

        @media (max-width: 991.98px) {
          #q8e84c904 .u5cb02c86 {
            text-align: start;
          }

          #q8e84c904 .u36de79e6 {
            justify-content: flex-start;
          }
        }
      }
