#sc_cf61f77 {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: var(--background-tertiary);
        box-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--neutral-950) 12%, var(--background-tertiary));

        .x_eb82081 {
          height: 0.35rem;
          width: 100%;
          background-size: 320% 320%;
          animation: headerbeam_m8q4x2n7k1p9w 10s ease infinite;
          background-image: linear-gradient(90deg, var(--warning-color), var(--primary), var(--accent), var(--secondary), var(--info-color), var(--warning-color));
        }

        .navbar {
          width: 100%;
          padding-block: 0.85rem;
          padding-inline: 0;
          background: var(--background-tertiary);
        }

        .x_94e337d {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 0.75rem 1rem;
        }

        .navbar-brand {
          display: inline-flex;
          align-items: center;
          gap: 0.85rem;
          margin: 0;
          padding: 0;
          white-space: normal;
          font-size: 1.65rem;
          font-weight: 700;
          color: var(--text-primary) !important;
          transition: transform 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary) !important;
          transform: translateY(-0.1rem);
        }

        .x_2b8f639 {
          flex-shrink: 0;
          width: 2.65rem;
          height: 2.65rem;
          border-radius: 0.85rem;
          background: linear-gradient(145deg, var(--primary), var(--accent));
          box-shadow: 0 0.35rem 0.9rem color-mix(in srgb, var(--primary) 45%, var(--background-tertiary));
          position: relative;
          overflow: hidden;
        }

        .x_2b8f639::before {
          content: '';
          position: absolute;
          inset-block-start: 0.45rem;
          inset-inline-end: 0.45rem;
          width: 0.85rem;
          height: 0.85rem;
          border-radius: 50%;
          background: var(--warning-bg);
        }

        .x_2b8f639::after {
          content: '';
          position: absolute;
          inset-block-end: 0.35rem;
          inset-inline-start: 0.35rem;
          width: 1.35rem;
          height: 1.35rem;
          border-radius: 0.35rem;
          background: color-mix(in srgb, var(--white) 28%, var(--accent));
        }

        .navbar-toggler {
          border: 2px solid var(--primary);
          border-radius: 0.75rem;
          padding: 0.45rem 0.55rem;
          background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
          transition: transform 0.25s ease, background 0.25s ease;
        }

        .navbar-toggler:hover {
          transform: scale(1.04);
          background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
        }

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

        .navbar-toggler .x_217a3ad {
          font-size: 1.45rem;
          color: var(--primary);
          line-height: 1;
        }

        .navbar-collapse {
          flex-grow: 1;
          min-width: 0;
        }

        .x_e76cb48 {
          width: 100%;
          align-items: center;
          gap: 0.45rem;
          margin: 0;
          padding: 0.35rem;
          border-radius: 1rem;
          background: color-mix(in srgb, var(--background-secondary) 65%, var(--background-tertiary));
          border: 1px solid var(--border-light);
        }

        .x_3b6af2e {
          flex: 1 1 minmax(0, 1fr);
          min-width: 0;
        }

        .nav-link {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0.45rem;
          width: 100%;
          min-width: 0;
          color: var(--text-secondary) !important;
          font-weight: 600;
          font-size: 0.92rem;
          padding-block: 0.55rem;
          padding-inline: 0.65rem;
          border-radius: 0.75rem;
          transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;

          i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            font-size: 0.95rem;
            flex-shrink: 0;
            transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
          }
        }

        .nav-link span {
          min-width: 0;
          text-align: center;
        }

        .x_3b6af2e:nth-child(1) .nav-link i {
          background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
          color: var(--primary-dark);
        }

        .x_3b6af2e:nth-child(2) .nav-link i {
          background: color-mix(in srgb, var(--accent-bg) 55%, var(--background-tertiary));
          color: var(--accent-dark);
        }

        .x_3b6af2e:nth-child(3) .nav-link i {
          background: color-mix(in srgb, var(--warning-bg) 55%, var(--background-tertiary));
          color: var(--warning-dark);
        }

        .x_3b6af2e:nth-child(4) .nav-link i {
          background: color-mix(in srgb, var(--info-bg) 55%, var(--background-tertiary));
          color: var(--info-dark);
        }

        .nav-link:hover {
          color: var(--text-primary) !important;
          background: var(--background-tertiary);
          transform: translateY(-0.12rem);
          box-shadow: 0 0.35rem 0.85rem color-mix(in srgb, var(--neutral-950) 10%, var(--background-tertiary));
        }

        .nav-link:hover i {
          transform: scale(1.08);
        }

        .x_1e63e78 {
          background: linear-gradient(120deg, var(--secondary), var(--secondary-light));
          color: var(--text-light) !important;
          box-shadow: 0 0.4rem 1rem color-mix(in srgb, var(--secondary) 40%, var(--background-tertiary));
        }

        .x_1e63e78 i {
          background: color-mix(in srgb, var(--white) 22%, var(--secondary)) !important;
          color: var(--text-light) !important;
        }

        .x_1e63e78:hover {
          color: var(--text-light) !important;
          background: linear-gradient(120deg, var(--secondary-light), var(--secondary-bg));
          box-shadow: 0 0.55rem 1.2rem color-mix(in srgb, var(--secondary-dark) 35%, var(--background-tertiary));
        }

        @media (min-width: 992px) {
          .x_94e337d {
            flex-wrap: nowrap;
            gap: 1.25rem;
          }

          .navbar-collapse {
            flex-basis: auto;
            flex-grow: 1;
            min-width: 0;
            width: 100%;
          }

          .x_e76cb48 {
            width: 100%;
            justify-content: space-between;
            padding-block: 0.4rem;
            padding-inline: 0.5rem;
          }

          .x_3b6af2e {
            flex: 1 1 0;
          }

          .x_1e63e78 {
            flex: 1.15 1 0;
          }
        }

        @media (max-width: 991.98px) {
          .navbar-collapse {
            flex-basis: 100%;
            margin-block-start: 0.35rem;
          }

          .x_e76cb48 {
            flex-direction: column;
            align-items: stretch;
            gap: 0.5rem;
            padding: 0.85rem;
          }

          .x_3b6af2e {
            flex: none;
            width: 100%;
          }

          .nav-link {
            justify-content: flex-start;
            padding-block: 0.7rem;
            padding-inline: 0.85rem;
          }

          .nav-link span {
            text-align: start;
          }
        }

        @media (max-width: 576px) {
          .navbar-brand {
            font-size: 1.4rem;
          }

          .x_2b8f639 {
            width: 2.35rem;
            height: 2.35rem;
          }
        }
      }

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

#sc_b264fe5 {
      
      
      width: 100vw;
      height: 100vh;
     

      display: flex;
      align-items: center;
      justify-content: center;

      padding: clamp(12px, 3vw, 28px);
      background:
              radial-gradient(circle at 20% 20%, rgba(var(--bs-primary-rgb), .14), transparent 60%),
              radial-gradient(circle at 80% 80%, rgba(165, 205, 168, .12), transparent 60%),
              linear-gradient(135deg, rgba(var(--bs-primary-rgb), .08), rgba(165, 205, 168, .08));
      backdrop-filter: blur(10px);

      
      
      
      transition: opacity .35s ease, visibility .35s ease;

      &.active {
          opacity: 1;
          pointer-events: all;
          visibility: visible;

          .modal-content {
              transform: translateY(0);
              opacity: 1;
          }
      }

      .modal-content {
          width: min(620px, 100%);
          border-radius: 30px;
          overflow: hidden;
          background: linear-gradient(145deg, var(--background-tertiary), var(--neutral-50));
          border: 1px solid rgba(var(--bs-primary-rgb), .14);
          box-shadow: 0 30px 78px rgba(var(--bs-primary-rgb), .14);

          display: grid;
          grid-template-columns: 16px 1fr;

          transform: translateY(26px);
          opacity: .92;
          transition: transform .45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .45s ease;

          .x_0a10b8b {
              background: linear-gradient(180deg, var(--success-color), var(--info-color), var(--primary));
              opacity: .95;
          }

          .modal-body {
              padding: clamp(22px, 3.8vw, 46px) clamp(18px, 3.2vw, 40px);
              text-align: start;

              .x_d712fb3 {
                  display: flex;
                  align-items: center;
                  gap: 14px;
                  margin-bottom: 1rem;

                  .x_2cbae3e {
                      width: 78px;
                      height: 78px;
                      border-radius: 26px;
                      background: linear-gradient(135deg, var(--success-color), var(--info-color));
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      box-shadow: 0 16px 38px rgba(165,205,168,.32);

                      i {
                          font-size: 2.5rem;
                          color: var(--white);
                      }
                  }

                  h3 {
                      margin: 0;
                      font-weight: 900;
                      color: var(--success-dark);
                      font-size: clamp(1.45rem, 2.6vw, 2.05rem);
                      letter-spacing: -0.02em;
                      line-height: 1.15;
                  }
              }

              p {
                  margin-block: 0 1.8rem;
margin-inline: 0;
                  color: var(--text-secondary);
                  font-size: clamp(1rem, 1.9vw, 1.15rem);
                  line-height: 1.65;
                  max-width: 460px;
              }

          }
      }

      @media (max-width: 576px) {
          .modal-content {
              grid-template-columns: 1fr;

              .x_0a10b8b { display: none; }

              .modal-body {
                  text-align: center;

                  .x_d712fb3 {
                      justify-content: center;
                      flex-direction: column;

                      .x_2cbae3e {
                          width: 88px;
                          height: 88px;
                      }
                  }

                  
              }
          }
      }
  }

#sc_63d478a {
      overflow: hidden;
      position: relative;
      color: var(--white);
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--accent-dark) 45%, var(--secondary-dark) 100%);
      box-shadow: 0 -8px 32px color-mix(in srgb, var(--neutral-1050) 35%, var(--primary-dark));
    }

    #sc_63d478a::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      block-size: 5px;
      background: linear-gradient(90deg, var(--primary-bg), var(--accent-bg), var(--secondary-bg), var(--warning-bg));
    }

    #sc_63d478a .x_f3ddbd2 {
      position: relative;
      z-index: 1;
      padding-block: 3rem 0;
      padding-inline: 0;
    }

    #sc_63d478a .x_423e1e6 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 280px);
      gap: 1.5rem;
      align-items: stretch;
    }

    #sc_63d478a .x_2777c97 {
      background: color-mix(in srgb, var(--white) 12%, var(--primary-dark));
      border: 1px solid color-mix(in srgb, var(--white) 22%, var(--accent-dark));
      border-radius: 1.25rem;
      padding-block: 1.5rem;
      padding-inline: 1.5rem;
      box-shadow: 0 12px 28px color-mix(in srgb, var(--neutral-1050) 28%, var(--primary-dark));
    }

    #sc_63d478a .x_6326ce2 {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      margin-block-end: 1.25rem;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--primary-bg);
    }

    #sc_63d478a .x_6326ce2 i {
      font-size: 1rem;
      color: var(--accent-bg);
    }

    #sc_63d478a .x_78bd035 {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.625rem;
      margin-block-end: 1.25rem;
      padding-block: 0.875rem;
      padding-inline: 1rem;
      border-radius: 0.875rem;
      background: color-mix(in srgb, var(--primary) 35%, var(--neutral-1050));
      border: 1px solid color-mix(in srgb, var(--primary-light) 40%, var(--primary-dark));
    }

    #sc_63d478a .x_78bd035 i {
      font-size: 1.25rem;
      color: var(--primary-bg);
    }

    #sc_63d478a .x_86f7a50 {
      font-size: 0.8125rem;
      color: color-mix(in srgb, var(--white) 85%, var(--neutral-250));
    }

    #sc_63d478a .x_0bd6251 {
      display: inline-block;
      padding-block: 0.25rem;
      padding-inline: 0.625rem;
      border-radius: 0.5rem;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      color: var(--white);
      background: linear-gradient(135deg, var(--primary), var(--primary-light));
      white-space: normal;
    }

    #sc_63d478a .x_bb4a10a {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.75rem;
    }

    #sc_63d478a .x_14c40c6 {
      display: grid;
      grid-template-columns: 2.75rem minmax(0, 1fr);
      gap: 0.875rem;
      align-items: center;
      padding-block: 0.875rem;
      padding-inline: 0.875rem;
      border-radius: 0.875rem;
      background: color-mix(in srgb, var(--white) 8%, var(--accent-dark));
      border: 1px solid color-mix(in srgb, var(--white) 14%, var(--accent-dark));
      transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
      animation: risein_k7m3p9x2q4w 0.55s ease-out backwards;
    }

    #sc_63d478a .x_14c40c6:nth-child(1) {
      animation-delay: 0.05s;
    }

    #sc_63d478a .x_14c40c6:nth-child(2) {
      animation-delay: 0.12s;
    }

    #sc_63d478a .x_14c40c6:nth-child(3) {
      animation-delay: 0.19s;
    }

    #sc_63d478a .x_14c40c6:hover {
      transform: translateY(-3px);
      border-color: var(--accent-light);
      background: color-mix(in srgb, var(--accent-light) 18%, var(--accent-dark));
    }

    #sc_63d478a .x_94a34f7 {
      display: flex;
      align-items: center;
      justify-content: center;
      inline-size: 2.75rem;
      block-size: 2.75rem;
      border-radius: 0.75rem;
      background: linear-gradient(145deg, var(--accent), var(--accent-light));
      color: var(--white);
      font-size: 1.125rem;
      flex-shrink: 0;
    }

    #sc_63d478a .x_14c40c6:nth-child(2) .x_94a34f7 {
      background: linear-gradient(145deg, var(--secondary), var(--secondary-light));
    }

    #sc_63d478a .x_14c40c6:nth-child(3) .x_94a34f7 {
      background: linear-gradient(145deg, var(--primary), var(--primary-bg));
    }

    #sc_63d478a .x_d9e5d7c {
      font-size: 0.8125rem;
      line-height: 1.45;
      color: color-mix(in srgb, var(--white) 92%, var(--neutral-250));
    }

    #sc_63d478a .x_8a7bff5 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.625rem;
    }

    #sc_63d478a .x_8a7bff5 a {
      display: flex;
      align-items: center;
      justify-content: center;
      min-block-size: 2.75rem;
      padding-block: 0.625rem;
      padding-inline: 0.875rem;
      border-radius: 0.75rem;
      text-decoration: none;
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--white);
      background: color-mix(in srgb, var(--white) 6%, var(--secondary-dark));
      border: 1px solid color-mix(in srgb, var(--white) 12%, var(--secondary-dark));
      transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    }

    #sc_63d478a .x_8a7bff5 a:hover {
      color: var(--neutral-1050);
      background: linear-gradient(135deg, var(--secondary-bg), var(--primary-bg));
      border-color: var(--secondary-light);
      transform: translateY(-2px);
    }

    #sc_63d478a .x_594275b {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.25rem;
      block-size: 100%;
      text-align: center;
    }

    #sc_63d478a .x_e02a7f2 {
      font-size: 0.875rem;
      line-height: 1.5;
      color: color-mix(in srgb, var(--white) 88%, var(--neutral-250));
      margin-block-end: 0;
    }

    #sc_63d478a .x_cd72993 {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      inline-size: 100%;
    }

    #sc_63d478a .x_723a866 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      inline-size: 100%;
      padding-block: 0.75rem;
      padding-inline: 1.25rem;
      border: none;
      border-radius: 2rem;
      font-weight: 700;
      font-size: 0.9375rem;
      cursor: pointer;
      color: var(--white);
      background: linear-gradient(135deg, var(--warning-color), var(--warning-light));
      box-shadow: 0 6px 18px color-mix(in srgb, var(--warning-dark) 45%, var(--neutral-1050));
      transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    }

    #sc_63d478a .x_723a866 i {
      font-size: 1.125rem;
    }

    #sc_63d478a .x_723a866:hover {
      transform: translateY(-2px);
      background: linear-gradient(135deg, var(--warning-light), var(--warning-bg));
      color: var(--neutral-1050);
      box-shadow: 0 10px 24px color-mix(in srgb, var(--warning-color) 50%, var(--neutral-1050));
    }

    #sc_63d478a .x_692b213 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.625rem;
      opacity: 0;
      transform: translateY(-8px) scale(0.85);
      pointer-events: none;
      transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    #sc_63d478a .x_692b213.active {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: all;
    }

    #sc_63d478a .x_0d21f54 {
      display: flex;
      align-items: center;
      justify-content: center;
      inline-size: 2.625rem;
      block-size: 2.625rem;
      border-radius: 50%;
      text-decoration: none;
      color: var(--white);
      background: linear-gradient(145deg, var(--info-color), var(--info-light));
      border: 2px solid color-mix(in srgb, var(--white) 25%, var(--info-dark));
      box-shadow: 0 4px 12px color-mix(in srgb, var(--info-dark) 40%, var(--neutral-1050));
      transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    }

    #sc_63d478a .x_0d21f54:nth-child(2) {
      background: linear-gradient(145deg, var(--success-color), var(--success-light));
      border-color: color-mix(in srgb, var(--white) 25%, var(--success-dark));
    }

    #sc_63d478a .x_0d21f54:nth-child(3) {
      background: linear-gradient(145deg, var(--primary), var(--primary-light));
      border-color: color-mix(in srgb, var(--white) 25%, var(--primary-dark));
    }

    #sc_63d478a .x_0d21f54:nth-child(4) {
      background: linear-gradient(145deg, var(--accent-dark), var(--accent-light));
      border-color: color-mix(in srgb, var(--white) 25%, var(--accent-dark));
    }

    #sc_63d478a .x_0d21f54 i {
      font-size: 1.0625rem;
    }

    #sc_63d478a .x_0d21f54:hover {
      transform: translateY(-3px) scale(1.08);
      border-color: var(--white);
    }

    #sc_63d478a .x_47a89f3 {
      margin-block-start: 2rem;
      padding-block: 1.25rem;
      padding-inline: 0;
      text-align: center;
      border-block-start: 1px solid color-mix(in srgb, var(--white) 18%, var(--neutral-1050));
      background: color-mix(in srgb, var(--neutral-1050) 55%, var(--primary-dark));
    }

    #sc_63d478a .x_27a13bb {
      font-size: 0.8125rem;
      letter-spacing: 0.04em;
      color: color-mix(in srgb, var(--white) 78%, var(--neutral-350));
    }

    #sc_63d478a .x_ab7bebb {
      position: absolute;
      inset-inline-end: -5rem;
      inset-block-start: 15%;
      inline-size: 14rem;
      block-size: 14rem;
      border-radius: 50%;
      background: radial-gradient(circle, var(--primary-bg) 0%, var(--primary-dark) 70%);
      opacity: 0.22;
      pointer-events: none;
      animation: glowpulse_m4x8n2k7p9q 5s ease-in-out infinite;
    }

    #sc_63d478a .x_e039c66 {
      position: absolute;
      inset-inline-start: -4rem;
      inset-block-end: 10%;
      inline-size: 11rem;
      block-size: 11rem;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent-bg) 0%, var(--accent-dark) 70%);
      opacity: 0.18;
      pointer-events: none;
      animation: glowpulse_b2w6r8t4y1z 4s ease-in-out infinite;
    }

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

    @keyframes glowpulse_m4x8n2k7p9q {
      0%,
      100% {
        transform: scale(1);
        opacity: 0.22;
      }
      50% {
        transform: scale(1.15);
        opacity: 0.32;
      }
    }

    @keyframes glowpulse_b2w6r8t4y1z {
      0%,
      100% {
        transform: scale(1);
        opacity: 0.18;
      }
      50% {
        transform: scale(1.12);
        opacity: 0.28;
      }
    }

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

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

    @media (max-width: 575.98px) {
      #sc_63d478a .x_f3ddbd2 {
        padding-block: 2rem 0;
      }

      #sc_63d478a .x_2777c97 {
        padding-block: 1.25rem;
        padding-inline: 1rem;
      }

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