#b-2950ed {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-cfb9ea {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-2950ed {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-cfb9ea .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-2950ed {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

#b-ed7d6b {
    padding-block: 5rem;
    background: var(--neutral-50);
    overflow: hidden;

    & .css-64e4a4 {
      position: relative;
      border-radius: 2.5rem;
      background: var(--background-tertiary);
      padding: 3rem;
      box-shadow: 0 18px 54px rgba(var(--bs-primary-rgb), 0.1);
    }

    & .css-64e4a4::before {
      content: '';
      position: absolute;
      inset-block-start: 2rem;
      inset-inline-end: 2rem;
      width: 180px;
      height: 180px;
      border-radius: 2rem;
      background: var(--primary-bg);
      transform: rotate(12deg);
      opacity: 0.55;
    }

    & .css-585312 {
      position: relative;
      z-index: 1;
    }

    & .css-2f147f {
      color: var(--accent-dark);
      font-weight: 800;
      margin-bottom: 0.8rem;
    }

    & h2 {
      color: var(--text-primary);
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 1.25rem;
    }

    & .lead {
      color: var(--text-secondary);
      line-height: 1.75;
      margin-bottom: 2rem;
    }

    & .css-99fe7c {
      counter-reset: aboutCounter;
      display: grid;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    & .css-d2b5ef {
      counter-increment: aboutCounter;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 1rem;
      align-items: center;
      padding: 1rem;
      border-radius: 1rem;
      background: var(--neutral-50);

      &::before {
        content: counter(aboutCounter);
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--primary);
        color: var(--white);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
      }

      & span {
        color: var(--text-primary);
        font-weight: 700;
      }
    }

    & .css-1d7a7b {
      position: relative;
      z-index: 1;
    }

    & .css-66150b {
      position: relative;
      border-radius: 2rem;
      overflow: hidden;
      background: var(--primary-dark);
      box-shadow: 0 20px 54px rgba(var(--bs-primary-rgb), 0.2);

      & img {
        width: 100%;
        min-height: 480px;
        object-fit: cover;
        display: block;
      }
    }

    & .css-5cd855 {
      position: absolute;
      inset-inline-start: -2rem;
      inset-block-end: 2rem;
      background: var(--white);
      border-radius: 1.4rem;
      padding: 1.4rem;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
      box-shadow: 0 18px 44px rgba(var(--bs-primary-rgb), 0.18);
      max-width: 340px;
    }

    & .css-f6361e {
      text-align: center;

      & strong {
        display: block;
        color: var(--primary-dark);
        font-size: 1.8rem;
        line-height: 1;
        margin-bottom: 0.4rem;
      }

      & span {
        color: var(--text-tertiary);
        font-size: 0.85rem;
        font-weight: 700;
      }
    }

    & .css-efe642 {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
    }

    & .css-8b92fc {
      background: var(--primary-dark);
      color: var(--white);
      text-decoration: none;
      padding: 0.95rem 1.7rem;
      border-radius: 0.9rem;
      font-weight: 800;
      transition: 0.3s ease;

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

    & .css-b46adf {
      color: var(--text-primary);
      font-weight: 800;
      text-decoration: none;

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

    @media (max-width: 991.98px) {
      & .css-64e4a4 {
        padding: 2rem;
      }

      & h2 {
        font-size: 2.15rem;
      }

      & .css-5cd855 {
        inset-inline-start: 1rem;
      }
    }

    @media (max-width: 767.98px) {
      padding-block: 3rem;

      & .css-64e4a4 {
        padding: 1.25rem;
        border-radius: 1.25rem;
      }

      & h2 {
        font-size: 1.8rem;
      }

      & .css-66150b img {
        min-height: 320px;
      }

      & .css-5cd855 {
        position: relative;
        inset: auto;
        max-width: none;
        margin-top: 1rem;
        grid-template-columns: 1fr;
      }
    }
  }

#b-312158 {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        padding-block: clamp(3rem, 6vw, 5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, var(--neutral-50) 38%, var(--primary-bg) 100%);
      }

      #b-312158::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: min(52%, 28rem);
        block-size: min(42%, 18rem);
        border-radius: 0 0 100% 0;
        opacity: 0.42;
        background: radial-gradient(circle at 0% 0%, var(--accent-bg) 0%, var(--background-primary) 68%);
        pointer-events: none;
        z-index: 0;
      }

      #b-312158::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline-end: 0;
        inline-size: min(48%, 24rem);
        block-size: min(38%, 16rem);
        border-radius: 100% 0 0 0;
        opacity: 0.38;
        background: radial-gradient(circle at 100% 100%, var(--secondary-bg) 0%, var(--background-primary) 70%);
        pointer-events: none;
        z-index: 0;
      }

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

      #b-312158 .css-b19c77 {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.75rem, 4vw, 3rem);
        align-items: stretch;
        padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
        padding-inline: clamp(1.25rem, 3vw, 2.75rem);
        border-radius: 1.25rem;
        border: 1px solid var(--border-light);
        background: color-mix(in srgb, var(--background-tertiary) 88%, var(--background-primary));
        box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
        backdrop-filter: blur(10px);
      }

      #b-312158 .css-b19c77::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 4px;
        block-size: 100%;
        border-start-start-radius: 1.25rem;
        border-end-start-radius: 1.25rem;
        border-start-end-radius: 0;
        border-end-end-radius: 0;
        background: linear-gradient(180deg, var(--accent) 0%, var(--secondary) 55%, var(--primary) 100%);
        pointer-events: none;
      }

      #b-312158 .css-fa206f {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-block-end: 1rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        border: 1px solid color-mix(in srgb, var(--neutral-950) 14%, var(--border-light));
        background: color-mix(in srgb, var(--background-tertiary) 70%, var(--accent-bg));
        color: var(--text-secondary);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      #b-312158 .css-fa206f i {
        font-size: 1rem;
        color: var(--accent-dark);
      }

      #b-312158 .css-941c11 {
        margin-block: 0 0.75rem;
        margin-inline: 0;
        font-size: clamp(1.65rem, 3.2vw, 2.35rem);
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: -0.02em;
        color: var(--text-primary);
      }

      #b-312158 .css-b39e3b {
        margin-block: 0 1.25rem;
        margin-inline: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--accent-dark);
      }

      #b-312158 .css-fbd586 {
        margin-block: 0 1.5rem;
        margin-inline: 0;
        font-size: 0.98rem;
        line-height: 1.75;
        color: var(--text-secondary);
        max-inline-size: 38rem;
      }

      #b-312158 .css-8b2947 {
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        list-style: none;
        counter-reset: cta-step;
      }

      #b-312158 .css-8b2947 li {
        position: relative;
        display: grid;
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: 0.85rem;
        align-items: start;
        padding-block: 0.85rem;
        border-block-end: 1px solid var(--border-light);
        counter-increment: cta-step;
      }

      #b-312158 .css-8b2947 li:last-child {
        border-block-end: none;
        padding-block-end: 0;
      }

      #b-312158 .css-8b2947 li::before {
        content: counter(cta-step);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        inline-size: 2.5rem;
        block-size: 2.5rem;
        border-radius: 0.65rem;
        font-size: 0.95rem;
        font-weight: 800;
        color: var(--text-light);
        background: linear-gradient(145deg, var(--primary) 0%, var(--secondary) 100%);
        box-shadow: 0 0.35rem 0 color-mix(in srgb, var(--neutral-950) 22%, var(--background-primary));
      }

      #b-312158 .css-8b2947 span {
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.55;
        color: var(--text-primary);
      }

      #b-312158 .css-751c28 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        padding-block: 1.35rem;
        padding-inline: 1.35rem;
        border-radius: 1rem;
        border: 1px solid var(--border-light);
        background: linear-gradient(160deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--neutral-50) 92%, var(--accent-bg)) 100%);
        min-block-size: 100%;
        animation: ctaasidefloat_m7k2n9p4qx 7s ease-in-out infinite;
      }

      #b-312158 .css-5e91c5 {
        display: block;
        align-self: flex-start;
        max-inline-size: 100%;
        padding-block: 0.4rem;
        padding-inline: 0.75rem;
        border-radius: 0.5rem;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--neutral-1050);
        background: color-mix(in srgb, var(--warning-bg) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-950) 12%, var(--border-light));
        white-space: normal;
      }

      #b-312158 .css-2d85f2 {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
      }

      #b-312158 .css-41b997 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        padding-block: 0.95rem;
        padding-inline: 1.5rem;
        border-radius: 0.65rem;
        border: 1px solid color-mix(in srgb, var(--neutral-950) 35%, var(--border-light));
        background: linear-gradient(135deg, var(--neutral-1050) 0%, var(--neutral-850) 100%);
        color: var(--text-light);
        font-weight: 700;
        font-size: 0.92rem;
        letter-spacing: 0.04em;
        text-decoration: none;
        box-shadow: 0 0.65rem 0 color-mix(in srgb, var(--neutral-950) 28%, var(--background-primary));
        transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
      }

      #b-312158 .css-41b997 i {
        font-size: 1.05rem;
      }

      #b-312158 .css-41b997:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.85rem 0 color-mix(in srgb, var(--neutral-950) 32%, var(--background-primary));
        filter: brightness(1.05);
      }

      #b-312158 .css-2e1c4c {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding-block: 0.85rem;
        padding-inline: 1.35rem;
        border-radius: 0.65rem;
        border: 1px solid var(--border-light);
        background: var(--background-tertiary);
        color: var(--accent-dark);
        font-weight: 700;
        font-size: 0.88rem;
        letter-spacing: 0.03em;
        text-decoration: none;
        transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
      }

      #b-312158 .css-2e1c4c i {
        font-size: 1rem;
      }

      #b-312158 .css-2e1c4c:hover {
        transform: translateY(-0.15rem);
        background: color-mix(in srgb, var(--accent-bg) 35%, var(--background-tertiary));
        border-color: color-mix(in srgb, var(--accent) 45%, var(--border-light));
      }

      #b-312158 .css-17e4ee {
        opacity: 0;
        transform: translateY(1.1rem);
        animation: ctafadein_k3w8hj2mnp9qx 0.55s ease-out forwards;
      }

      #b-312158 .css-17e4ee.css-8a26c8 {
        animation-delay: 0.05s;
      }

      #b-312158 .css-17e4ee.css-cc5711 {
        animation-delay: 0.12s;
      }

      @keyframes ctafadein_k3w8hj2mnp9qx {
        from {
          opacity: 0;
          transform: translateY(1.1rem);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

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

      @media (max-width: 991.98px) {
        #b-312158 .css-b19c77 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-312158 .css-b19c77::before {
          inline-size: 100%;
          block-size: 4px;
          inset-block-start: 0;
          inset-inline-start: 0;
          border-start-start-radius: 1.25rem;
          border-start-end-radius: 1.25rem;
          border-end-start-radius: 0;
          border-end-end-radius: 0;
        }
      }

#b-32e5b5 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-107d2d {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-899e54 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-4aeff9 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-dc749e {
          .css-d401e9 {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-4dfd6a {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-2c8951 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-5fef78 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-311784 {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-143bfc {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-311784 {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-143bfc .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-311784 {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

@keyframes bmslashin_k7p2mx9qw4nht {
  from {
    opacity: 0;
    transform: translateY(28px) skewY(1.5deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) skewY(0);
  }
}

@keyframes bmglowpulse_r3v8jd5yc1mqa {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

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

#b-c73ebb {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, var(--neutral-1050) 0%, var(--neutral-950) 38%, var(--background-primary) 38%, var(--background-primary) 100%);
  padding-block: 3.5rem;
}

#b-c73ebb .css-971bc0 {
  position: absolute;
  inset-block-start: -8%;
  inset-inline-end: -6%;
  width: min(52vw, 420px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--warning-color) 55%, transparent) 0%, transparent 70%);
  pointer-events: none;
  animation: bmglowpulse_r3v8jd5yc1mqa 5.5s ease-in-out infinite;
}

#b-c73ebb .css-8e7726 {
  position: absolute;
  inset-block-start: 12%;
  inset-inline-start: -10%;
  width: min(40vw, 320px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--info-color) 40%, transparent) 0%, transparent 72%);
  pointer-events: none;
  animation: bmglowpulse_r3v8jd5yc1mqa 7s ease-in-out infinite;
}

#b-c73ebb .css-2cccc8 {
  position: relative;
  z-index: 1;
}

#b-c73ebb .css-ed688a {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  margin-bottom: 2.25rem;
  animation: bmslashin_k7p2mx9qw4nht 0.75s ease both;
}

#b-c73ebb .css-e6c355 {
  color: var(--text-light);
}

#b-c73ebb .css-e6c355 h1 {
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin-bottom: 0.85rem;
  color: var(--text-light);
  max-width: 16ch;
}

#b-c73ebb .css-9c7cb3 {
  display: inline-block;
  color: color-mix(in srgb, var(--warning-bg) 85%, var(--text-light));
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-block-end: 0.35rem;
  border-block-end: 3px solid var(--warning-color);
}

#b-c73ebb .css-c3ccd6 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}

#b-c73ebb .css-f8f63b {
  position: relative;
  padding-block: 1rem;
  padding-inline: 1.15rem;
  background: color-mix(in srgb, var(--neutral-850) 55%, var(--neutral-1050));
  border-inline-start: 5px solid var(--warning-color);
  color: var(--text-light);
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 500;
}

#b-c73ebb .css-f8f63b:nth-child(2) {
  border-inline-start-color: var(--info-color);
}

#b-c73ebb .css-f8f63b:nth-child(3) {
  border-inline-start-color: var(--secondary-light);
}

#b-c73ebb .css-d0534c {
  margin-bottom: 2rem;
  padding-block: 1.1rem;
  padding-inline: 0;
  border-block: 2px solid color-mix(in srgb, var(--warning-color) 55%, var(--neutral-850));
  background: linear-gradient(90deg, color-mix(in srgb, var(--warning-dark) 35%, var(--neutral-1050)), var(--neutral-1050) 40%, color-mix(in srgb, var(--primary-dark) 45%, var(--neutral-1050)));
  animation: bmblockrise_h4n6wt2xp9sle 0.65s ease 0.1s both;
}

#b-c73ebb .css-c48036 {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--warning-light);
  margin-bottom: 0.85rem;
  padding-inline: 1.15rem;
}

#b-c73ebb .css-317c8c {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.35rem;
  padding-inline: 0.85rem;
}

#b-c73ebb .css-317c8c a {
  display: block;
  text-decoration: none;
  color: var(--text-light);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.3;
  padding-block: 0.45rem;
  padding-inline: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--text-light) 22%, transparent);
  background: color-mix(in srgb, var(--text-light) 6%, transparent);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#b-c73ebb .css-317c8c a:hover {
  background: var(--warning-color);
  border-color: var(--warning-color);
  color: var(--neutral-1050);
}

#b-c73ebb .css-6f1f35 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.15rem;
}

#b-c73ebb .css-9f4fc9 {
  position: relative;
  background: var(--background-tertiary);
  padding-block: 1.6rem;
  padding-inline: 1.35rem;
  border: 2px solid var(--neutral-150);
  border-block-start: 6px solid var(--primary);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--neutral-1050) 10%, transparent);
  animation: bmblockrise_h4n6wt2xp9sle 0.55s ease both;
}

#b-c73ebb .css-9f4fc9.css-05674b {
  border-block-start-color: var(--warning-color);
  background: linear-gradient(160deg, var(--background-tertiary) 60%, color-mix(in srgb, var(--warning-bg) 28%, var(--background-tertiary)));
}

#b-c73ebb .css-9f4fc9.css-9c9122 {
  border-block-start-color: var(--accent);
  background: linear-gradient(160deg, var(--background-tertiary) 55%, color-mix(in srgb, var(--accent-bg) 26%, var(--background-tertiary)));
}

#b-c73ebb .css-9f4fc9.css-609417 {
  border-block-start-color: var(--secondary);
  background: linear-gradient(160deg, var(--background-tertiary) 55%, color-mix(in srgb, var(--secondary-bg) 24%, var(--background-tertiary)));
}

#b-c73ebb .css-9f4fc9.css-1a47bf {
  border-block-start-color: var(--info-dark);
  background: linear-gradient(160deg, var(--background-tertiary) 50%, color-mix(in srgb, var(--info-bg) 30%, var(--background-tertiary)));
}

#b-c73ebb .css-9f4fc9.css-6c81e1 {
  border-block-start-color: var(--danger-color);
  background: linear-gradient(160deg, var(--background-tertiary) 55%, color-mix(in srgb, var(--danger-bg) 22%, var(--background-tertiary)));
}

#b-c73ebb .css-9f4fc9.css-c91e90 {
  grid-column: 1 / -1;
}

#b-c73ebb .css-9f4fc9:nth-child(1) {
  animation-delay: 0.05s;
}

#b-c73ebb .css-9f4fc9:nth-child(2) {
  animation-delay: 0.1s;
}

#b-c73ebb .css-9f4fc9:nth-child(3) {
  animation-delay: 0.15s;
}

#b-c73ebb .css-9f4fc9:nth-child(4) {
  animation-delay: 0.2s;
}

#b-c73ebb .css-9f4fc9:nth-child(5) {
  animation-delay: 0.25s;
}

#b-c73ebb .css-9f4fc9:nth-child(6) {
  animation-delay: 0.3s;
}

#b-c73ebb .css-9f4fc9:nth-child(7) {
  animation-delay: 0.35s;
}

#b-c73ebb .css-9f4fc9 h2 {
  color: var(--text-primary);
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 0.95rem;
}

#b-c73ebb .css-9f4fc9 p {
  color: var(--text-secondary);
  line-height: 1.72;
  margin-bottom: 0.85rem;
}

#b-c73ebb .css-9f4fc9 p:last-child {
  margin-bottom: 0;
}

#b-c73ebb .css-841b93 {
  color: var(--text-primary);
  font-size: 1.02rem;
  font-weight: 700;
  margin-bottom: 0.55rem;
  padding-inline-start: 0.75rem;
  border-inline-start: 3px solid var(--warning-color);
}

#b-c73ebb .css-e7e10e {
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

#b-c73ebb .css-e7e10e li {
  position: relative;
  padding-inline-start: 1.15rem;
  color: var(--text-secondary);
  line-height: 1.6;
}

#b-c73ebb .css-e7e10e li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.55em;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--warning-color);
  transform: rotate(45deg);
}

#b-c73ebb .css-ecb4a0 {
  margin-block: 0.9rem;
  padding-block: 1rem;
  padding-inline: 1.15rem;
  background: linear-gradient(120deg, var(--warning-color), var(--warning-dark));
  color: var(--text-light);
  font-weight: 700;
  line-height: 1.5;
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}

#b-c73ebb .css-d0456f {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 3px solid var(--warning-color);
  background: var(--neutral-1050);
  animation: bmblockrise_h4n6wt2xp9sle 0.6s ease 0.2s both;
}

#b-c73ebb .css-8d888f {
  padding-block: 1.75rem;
  padding-inline: 1.4rem;
  background: linear-gradient(135deg, var(--neutral-1050) 0%, color-mix(in srgb, var(--primary-dark) 50%, var(--neutral-1050)) 100%);
}

#b-c73ebb .css-8d888f h3 {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 0.55rem;
  color: var(--text-light);
}

#b-c73ebb .css-8d888f p {
  color: color-mix(in srgb, var(--text-light) 78%, var(--neutral-350));
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.15rem;
}

#b-c73ebb .css-8d888f .btn {
  font-weight: 800;
  border-radius: 0;
  padding-block: 0.7rem;
  padding-inline: 1.4rem;
  background: linear-gradient(135deg, var(--warning-light), var(--warning-color));
  border: none;
  color: var(--neutral-1050);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.85rem;
}

#b-c73ebb .css-8d888f .btn:hover {
  background: linear-gradient(135deg, var(--warning-bg), var(--warning-light));
  color: var(--neutral-1050);
}

#b-c73ebb .css-ec1f8d {
  padding-block: 1.5rem;
  padding-inline: 1.35rem;
  background: linear-gradient(160deg, var(--warning-dark), var(--warning-color) 55%, var(--warning-light));
  color: var(--text-light);
}

#b-c73ebb .css-f1957f {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-light);
  line-height: 1.45;
}

#b-c73ebb .css-f1957f li {
  padding-block-end: 0.55rem;
  border-block-end: 1px solid color-mix(in srgb, var(--text-light) 35%, transparent);
}

#b-c73ebb .css-f1957f li:last-child {
  border-block-end: none;
  padding-block-end: 0;
}

@media (min-width: 768px) {
  #b-c73ebb .css-c3ccd6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #b-c73ebb .css-6f1f35 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #b-c73ebb .css-d0456f {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  }
}

@media (min-width: 992px) {
  #b-c73ebb {
    padding-block: 4.5rem;
  }

  #b-c73ebb .css-ed688a {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: end;
    gap: 2.5rem;
  }

  #b-c73ebb .css-e6c355 h1 {
    font-size: clamp(2.8rem, 4.5vw, 4rem);
  }

  #b-c73ebb .css-9f4fc9 {
    padding-block: 1.85rem;
    padding-inline: 1.65rem;
  }

  #b-c73ebb .css-d0534c {
    padding-block: 1.25rem;
  }

  #b-c73ebb .css-c48036 {
    padding-inline: 1.5rem;
  }

  #b-c73ebb .css-317c8c {
    padding-inline: 1.25rem;
  }
}

@media (min-width: 1200px) {
  #b-c73ebb .css-6f1f35 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #b-c73ebb .css-9f4fc9.css-c91e90 {
    grid-column: 1 / -1;
  }

  #b-c73ebb .css-9f4fc9.css-51519f {
    grid-column: span 4;
  }

  #b-c73ebb .css-9f4fc9.css-da7e0b {
    grid-column: span 2;
  }

  #b-c73ebb .css-9f4fc9.css-0c359b {
    grid-column: span 3;
  }
}

[dir='rtl'] #b-c73ebb .css-ecb4a0 {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);
}

#b-3bc9da {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-2ea41f {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-61b852 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-73f18c {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-08c54a {
          .css-8103d2 {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-8cbc1c {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-c33556 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-559193 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-0af6c2 {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-a31a12 {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-0af6c2 {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-a31a12 .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-0af6c2 {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

#b-3af4a7 {
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-primary) 100%);
padding-block: 6rem;
padding-inline: 0;
position: relative;
overflow: hidden;

&::before {
  content: '';
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inset-block-start: 0;
  width: min(90%, 70rem);
  height: 18rem;
  border-radius: 0 0 2rem 2rem;
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.08) 0%, rgba(234, 199, 0, 0.08) 100%);
}

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

.css-3595a8 {
  text-align: center;
  margin-bottom: 3rem;

  h2 {
    color: var(--text-primary);
    font-weight: 700;
    font-size: clamp(2rem, 4vw, 2.6rem);
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;

    &::after {
      content: '';
      position: absolute;
      bottom: -0.55rem;
      inset-inline-start: 50%;
      transform: translateX(-50%);
      width: 4.5rem;
      height: 0.25rem;
      background: linear-gradient(to right, var(--primary), var(--secondary));
      border-radius: 999px;
    }
  }

  p {
    color: var(--text-secondary);
    font-size: 1.05rem;
    max-width: 38rem;
    margin: 1.5rem auto 0;
  }
}

.css-3e590b {
  background: transparent;
  border-radius: 1.5rem;
  box-shadow: none;
  overflow: visible;
  row-gap: 1.5rem;
}

.css-4d5237 {
  padding: 3rem;
  background: var(--white);
  border-radius: 1.5rem;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.06);
  border: 1px solid var(--neutral-150);

  @media (max-width: 575px) {
    padding: 1.5rem;
  }
}

.css-9ec681 {
  background: linear-gradient(165deg, var(--accent) 0%, var(--primary-dark) 100%);
  padding: 3rem;
  color: var(--text-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08);

  @media (max-width: 575px) {
    padding: 1.5rem;
  }

  h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
  }

  .css-f03a02 {
    display: flex;
    align-items: start;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
    padding: 0.9rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);

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

    i {
      font-size: 1.2rem;
      margin-inline-end: 1rem;
      margin-top: 0.15rem;
      opacity: 1;
      color: var(--secondary-light);
    }

    .css-978610 {
      h4 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
        opacity: 0.96;
      }

      p {
        margin: 0;
        opacity: 0.86;
        font-size: 0.95rem;
        line-height: 1.6;
      }
    }
  }

  .css-454f52 {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);

    &:first-of-type {
      width: 10rem;
      height: 10rem;
      top: -2.5rem;
      inset-inline-end: -2rem;
    }

    &:last-of-type {
      width: 7rem;
      height: 7rem;
      bottom: -1rem;
      inset-inline-start: -1rem;
    }
  }
}

.form-control,
.form-select {
  border: 1px solid var(--neutral-250);
  border-radius: 0.75rem;
  padding-block: 1.5rem 0.5rem;
  padding-inline: 1rem;
  transition: all 0.3s ease;
  color: var(--text-primary);
  background-color: var(--background-tertiary);

  &:focus {
    border-color: var(--secondary-dark);
    box-shadow: 0 0 0 0.2rem rgba(234, 199, 0, 0.14);
    background-color: var(--white);
  }
}

textarea.form-control {
  min-height: 140px;
  resize: vertical;
}

.form-floating {
  label {
    color: var(--text-tertiary);
  }
}

.form-check {
  padding-inline-start: 1.75rem;
  display: flex;
  gap: 10px;
  
  .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--neutral-350);
    border-radius: 0.25rem;
    margin-top: 0.125rem;

    &:checked {
      background-color: var(--secondary-dark);
      border-color: var(--secondary-dark);
    }

    &:focus {
      box-shadow: 0 0 0 0.2rem rgba(234, 199, 0, 0.14);
    }
  }

  .form-check-label {
    color: var(--text-secondary);
    font-size: 0.9rem;

    a {
      color: var(--secondary-dark);
      text-decoration: none;
      font-weight: 600;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}

.css-9a67a8 {
  background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
  border: none;
  border-radius: 0.75rem;
  color: var(--text-light);
  padding-block: 1rem;
  padding-inline: 3rem;
  font-weight: 700;
  font-size: 1.05rem;
  transition: all 0.3s ease;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);

  i {
    transition: transform 0.3s ease;
  }

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);

    i {
      transform: translateX(5px);
    }
  }

  &:active {
    transform: translateY(0);
  }
}
}

@media (max-width: 991px) {
#b-3af4a7 {
  .css-9ec681 {
    order: 2;
  }

  .css-4d5237 {
    order: 1;
  }
}
}

#b-2c6c67 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-a6851f {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-730cd5 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-106af3 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-23e50c {
          .css-51e0ae {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-983f55 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-5b0529 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-4afd97 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-57c735 {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-c86661 {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-57c735 {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-c86661 .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-57c735 {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

@keyframes slideinarticle_q4w8x2m7n9k {
      from {
        opacity: 0;
        transform: translateY(1.5rem);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #b-0e78a1 {
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, var(--info-bg) 0%, var(--background-primary) 22%, var(--background-tertiary) 100%);
      padding-block: 3.5rem 5rem;
      padding-inline: 0;
    }

    #b-0e78a1 .css-b98cc0 {
      position: relative;
      z-index: 1;
      max-width: 1140px;
      margin-inline: auto;
      padding-inline: 1.25rem;
    }

    #b-0e78a1 .css-8b4959 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: center;
      margin-block-end: 2.5rem;
      animation: slideinarticle_q4w8x2m7n9k 0.65s ease both;
    }

    #b-0e78a1 .css-25e254 {
      display: flex;
      flex-direction: column;
      gap: 1.15rem;
    }

    #b-0e78a1 .css-b7a573 {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      gap: 0.5rem;
      color: var(--accent-dark);
      background: var(--background-tertiary);
      border: 2px solid var(--accent-light);
      text-decoration: none;
      font-weight: 700;
      font-size: 0.88rem;
      padding-block: 0.5rem;
      padding-inline: 1.1rem;
      border-radius: 0.5rem;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    #b-0e78a1 .css-b7a573:hover {
      color: var(--text-light);
      background: var(--accent);
      border-color: var(--accent-dark);
    }

    #b-0e78a1 .css-b7a573::before {
      content: '\F12F';
      font-family: bootstrap-icons;
      font-size: 0.85rem;
    }

    #b-0e78a1 .css-bf48d0 {
      display: inline-block;
      align-self: flex-start;
      background: linear-gradient(90deg, var(--warning-color) 0%, var(--warning-light) 100%);
      color: var(--text-light);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding-block: 0.45rem;
      padding-inline: 0.85rem;
      border-radius: 0.35rem;
      white-space: normal;
    }

    #b-0e78a1 .css-8c8b29 {
      color: var(--text-primary);
      font-size: clamp(2rem, 4.5vw, 2.85rem);
      line-height: 1.15;
      font-weight: 800;
      margin-block: 0;
      letter-spacing: -0.025em;
    }

    #b-0e78a1 .css-f11af7 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
    }

    #b-0e78a1 .css-5249f5 {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      color: var(--text-secondary);
      font-size: 0.82rem;
      font-weight: 600;
      background: var(--background-tertiary);
      border: 1px solid var(--border-light);
      padding-block: 0.75rem;
      padding-inline: 0.85rem;
      border-radius: 0.65rem;
      text-align: center;
      box-shadow: 0 0.35rem 0.85rem var(--neutral-150);
    }

    #b-0e78a1 .css-5249f5 i {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.75rem;
      height: 1.75rem;
      margin-inline: auto;
      border-radius: 0.4rem;
      background: linear-gradient(135deg, var(--info-light) 0%, var(--info-bg) 100%);
      color: var(--info-dark);
      font-size: 0.85rem;
    }

    #b-0e78a1 .css-c5266b {
      position: relative;
      isolation: isolate;
    }

    #b-0e78a1 .css-d40648 {
      margin: 0;
      background: var(--background-tertiary);
      border: 3px solid var(--primary);
      border-radius: 1rem;
      padding: 0.85rem;
      box-shadow: 0 1.25rem 3rem var(--primary-light);
    }

    #b-0e78a1 .css-cfb078 {
      border-radius: 0.65rem;
      overflow: hidden;
      background: var(--background-primary);
    }

    #b-0e78a1 .css-3648bd {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    #b-0e78a1 .css-a96854 {
      padding-block: 0.85rem 0.15rem;
      padding-inline: 0.25rem;
      color: var(--text-tertiary);
      font-size: 0.85rem;
      line-height: 1.55;
      text-align: center;
      font-style: italic;
    }

    #b-0e78a1 .css-aa24d2 {
      background: var(--background-tertiary);
      border: 2px solid var(--border-light);
      border-radius: 1.25rem;
      overflow: hidden;
      box-shadow: 0 1.75rem 4.5rem var(--neutral-250);
      animation: slideinarticle_q4w8x2m7n9k 0.75s ease 0.1s both;
    }

    #b-0e78a1 .css-4d232b {
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--warning-bg) 50%, var(--primary-light) 100%);
      padding-block: 2rem;
      padding-inline: 2.5rem;
      border-block-end: 3px solid var(--primary);
    }

    #b-0e78a1 .css-575b2f {
      font-size: 1.2rem;
      line-height: 1.75;
      color: var(--text-primary);
      font-weight: 600;
      margin-block: 0;
      max-width: 52rem;
    }

    #b-0e78a1 .css-5bfbc7 {
      color: var(--text-secondary);
      padding-block: 2.25rem 2.75rem;
      padding-inline: 2.5rem;
    }

    #b-0e78a1 .css-4d230b {
      margin-block-end: 2.5rem;
    }

    #b-0e78a1 .css-1b481b {
      display: inline-block;
      color: var(--text-light);
      font-size: 1.35rem;
      line-height: 1.3;
      font-weight: 800;
      margin-block: 0 1.25rem;
      padding-block: 0.55rem;
      padding-inline: 1.15rem;
      border-radius: 0.45rem;
      background: linear-gradient(90deg, var(--secondary-dark) 0%, var(--secondary) 100%);
      letter-spacing: -0.01em;
    }

    #b-0e78a1 .css-ab27c7 {
      font-size: 1.05rem;
      line-height: 1.85;
      margin-block-end: 1.2rem;
    }

    #b-0e78a1 .css-ab27c7:last-child {
      margin-block-end: 0;
    }

    #b-0e78a1 .css-6d07d5 {
      margin-block: 2rem;
      margin-inline: 0;
      padding-block: 1.75rem;
      padding-inline: 2rem;
      background: var(--background-primary);
      border: 2px dashed var(--accent);
      border-radius: 1rem;
      text-align: center;
    }

    #b-0e78a1 .css-82dbcd {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      margin-block-end: 1rem;
      margin-inline: auto;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
      color: var(--text-light);
      font-size: 1.15rem;
    }

    #b-0e78a1 .css-6f5cf7 {
      color: var(--text-primary);
      font-size: 1.1rem;
      line-height: 1.7;
      font-style: italic;
      margin-block-end: 0.75rem;
      font-weight: 500;
    }

    #b-0e78a1 .css-2886a4 {
      display: block;
      color: var(--accent-dark);
      font-size: 0.88rem;
      font-weight: 700;
      font-style: normal;
    }

    #b-0e78a1 .css-f6727f {
      list-style: none;
      margin-block: 1.25rem 1.5rem;
      padding-inline-start: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.85rem;
    }

    #b-0e78a1 .css-f50a4e {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      font-size: 1rem;
      line-height: 1.65;
      margin-block-end: 0;
      padding-block: 1rem;
      padding-inline: 1rem;
      background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-tertiary) 100%);
      border: 1px solid var(--secondary-light);
      border-radius: 0.75rem;
    }

    #b-0e78a1 .css-598df6 {
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.65rem;
      height: 1.65rem;
      border-radius: 0.35rem;
      background: var(--secondary-bg);
      color: var(--secondary-dark);
      font-size: 0.9rem;
    }

    #b-0e78a1 .css-bdb905 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.65rem;
      margin-block: 2.5rem;
      padding-block: 1.75rem;
      padding-inline: 1.75rem;
      background: linear-gradient(120deg, var(--danger-bg) 0%, var(--warning-bg) 100%);
      border: 2px solid var(--warning-light);
      border-radius: 1rem;
    }

    #b-0e78a1 .css-7aeebf {
      color: var(--danger-dark);
      font-size: 1.15rem;
      font-weight: 800;
      margin-block-end: 0;
    }

    #b-0e78a1 .css-0f449f {
      font-size: 1.02rem;
      line-height: 1.75;
      color: var(--text-primary);
      margin-block-end: 0;
    }

    #b-0e78a1 .css-631c4c {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1.25rem;
      margin-block-start: 2.5rem;
      padding-block: 1.75rem;
      padding-inline: 2rem;
      background: linear-gradient(90deg, var(--accent-dark) 0%, var(--info-color) 50%, var(--info-light) 100%);
      border-radius: 1rem;
    }

    #b-0e78a1 .css-85c9ab {
      flex: 1 1 16rem;
      font-size: 1rem;
      line-height: 1.65;
      color: var(--text-light);
      margin-block-end: 0;
      font-weight: 500;
    }

    #b-0e78a1 .css-a3a943 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      flex-shrink: 0;
      background: var(--background-tertiary);
      color: var(--accent-dark);
      text-decoration: none;
      font-weight: 800;
      font-size: 0.92rem;
      padding-block: 0.85rem;
      padding-inline: 1.75rem;
      border-radius: 0.5rem;
      transition: background 0.25s ease, color 0.25s ease;
    }

    #b-0e78a1 .css-a3a943::after {
      content: '\F138';
      font-family: bootstrap-icons;
      font-size: 0.85rem;
    }

    #b-0e78a1 .css-a3a943:hover {
      background: var(--text-primary);
      color: var(--text-light);
    }

    @media (max-width: 991.98px) {
      #b-0e78a1 .css-8b4959 {
        grid-template-columns: minmax(0, 1fr);
      }

      #b-0e78a1 .css-c5266b {
        order: -1;
        max-width: 28rem;
        margin-inline: auto;
        width: 100%;
      }
    }

    @media (max-width: 767.98px) {
      #b-0e78a1 .css-f11af7 {
        grid-template-columns: minmax(0, 1fr);
      }

      #b-0e78a1 .css-f6727f {
        grid-template-columns: minmax(0, 1fr);
      }

      #b-0e78a1 .css-5bfbc7 {
        padding-inline: 1.5rem;
      }

      #b-0e78a1 .css-4d232b {
        padding-inline: 1.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #b-0e78a1 {
        padding-block: 2.25rem 3.5rem;
      }

      #b-0e78a1 .css-b98cc0 {
        padding-inline: 1rem;
      }

      #b-0e78a1 .css-5bfbc7 {
        padding-block: 1.5rem 2rem;
        padding-inline: 1.15rem;
      }

      #b-0e78a1 .css-4d232b {
        padding-block: 1.5rem;
        padding-inline: 1.15rem;
      }

      #b-0e78a1 .css-575b2f {
        font-size: 1.05rem;
      }

      #b-0e78a1 .css-631c4c {
        flex-direction: column;
        text-align: center;
        padding-inline: 1.25rem;
      }

      #b-0e78a1 .css-6d07d5 {
        padding-inline: 1.25rem;
      }
    }

#b-0a2dc8 {
      --cta-arrow-dir: 1;
      position: relative;
      padding-block: clamp(3rem, 6vw, 5.5rem);
      padding-inline: 0;
      background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-secondary) 100%);
      overflow: hidden;
    }

    [dir='rtl'] #b-0a2dc8 {
      --cta-arrow-dir: -1;
    }

    #b-0a2dc8::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      block-size: 0.35rem;
      background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 50%, var(--secondary) 100%);
      pointer-events: none;
    }

    #b-0a2dc8 .container {
      position: relative;
      z-index: 1;
    }

    #b-0a2dc8 .css-5153d5 {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: clamp(1.75rem, 4vw, 3.25rem);
      padding-block: clamp(2rem, 4.5vw, 3.25rem);
      padding-inline: clamp(1.35rem, 4vw, 3rem);
      border-radius: 1.25rem;
      background: linear-gradient(145deg, var(--neutral-1050) 0%, var(--primary-dark) 48%, var(--accent-dark) 100%);
      border: 1px solid var(--neutral-850);
      box-shadow: 0 1.25rem 0 var(--neutral-150);
    }

    #b-0a2dc8 .css-5153d5::after {
      content: '';
      position: absolute;
      z-index: 0;
      inset-block-start: 50%;
      inset-inline-end: -18%;
      inline-size: clamp(12rem, 28vw, 18rem);
      block-size: clamp(12rem, 28vw, 18rem);
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, var(--primary-light) 0%, transparent 65%);
      opacity: 0.22;
      transform: translateY(-50%);
      pointer-events: none;
    }

    #b-0a2dc8 .css-a83625 {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      text-align: start;
      border-inline-start: 0.35rem solid var(--accent);
      padding-inline-start: clamp(1rem, 2.5vw, 1.75rem);
    }

    #b-0a2dc8 .css-505ef5 {
      display: inline-block;
      align-self: flex-start;
      padding-block: 0.35rem;
      padding-inline: 0.75rem;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--neutral-1050);
      background: linear-gradient(90deg, var(--secondary-light) 0%, var(--secondary) 100%);
      border-radius: 0.35rem;
      white-space: normal;
    }

    #b-0a2dc8 .css-00b2b0 {
      margin: 0;
      font-size: clamp(1.65rem, 3.6vw, 2.45rem);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.03em;
      color: var(--text-light);
    }

    #b-0a2dc8 .css-981646 {
      margin: 0;
      max-width: 36rem;
      font-size: clamp(0.95rem, 2vw, 1.05rem);
      line-height: 1.65;
      color: var(--info-light);
    }

    #b-0a2dc8 .css-e543f2 {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1.25rem;
    }

    #b-0a2dc8 .css-ee08c5 {
      padding-block: clamp(1.35rem, 3vw, 2rem);
      padding-inline: clamp(1.25rem, 3vw, 2rem);
      border-radius: 1rem;
      background: var(--bs-white-10);
      border: 1px solid var(--neutral-750);
      backdrop-filter: blur(12px);
    }

    #b-0a2dc8 .css-62aff3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      inline-size: 100%;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      font-size: 0.95rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--neutral-1050);
      background: linear-gradient(135deg, var(--secondary-light) 0%, var(--secondary) 55%, var(--secondary-dark) 100%);
      border-radius: 0.65rem;
      border: 2px solid var(--secondary-light);
      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    }

    #b-0a2dc8 .css-62aff3:hover {
      transform: translateY(-3px);
      border-color: var(--text-light);
      background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);
      color: var(--neutral-1050);
    }

    #b-0a2dc8 .css-62aff3:active {
      transform: translateY(-1px);
    }

    #b-0a2dc8 .css-62aff3::after {
      content: '';
      flex-shrink: 0;
      inline-size: 0.45rem;
      block-size: 0.45rem;
      border-block-end: 2px solid currentColor;
      border-inline-end: 2px solid currentColor;
      transform: rotate(-45deg);
      transition: transform 0.25s ease;
    }

    #b-0a2dc8 .css-62aff3:hover::after {
      transform: rotate(-45deg) translateX(calc(var(--cta-arrow-dir) * 0.2rem));
    }

    #b-0a2dc8 .css-f89443 {
      margin: 0;
      font-size: 0.82rem;
      line-height: 1.5;
      color: var(--info-color);
      text-align: center;
    }

    @media (max-width: 767.98px) {
      #b-0a2dc8 .css-5153d5 {
        grid-template-columns: minmax(0, 1fr);
        box-shadow: 0 0.85rem 0 var(--neutral-150);
      }

      #b-0a2dc8 .css-a83625 {
        border-inline-start: none;
        border-block-start: 0.35rem solid var(--accent);
        padding-inline-start: 0;
        padding-block-start: 1.15rem;
      }

      #b-0a2dc8 .css-5153d5::after {
        inset-inline-end: -25%;
        inset-block-start: 18%;
        transform: none;
      }
    }

#b-381670 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-539a1c {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-de9cc0 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-df1da3 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-fb59a6 {
          .css-b97b45 {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-235e80 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-b81cf8 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-c3876f {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-4f4a9b {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-f50c07 {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-4f4a9b {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-f50c07 .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-4f4a9b {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

#b-5e40bf {
        background: linear-gradient(135deg, var(--background-dark) 0%, var(--neutral-850) 100%);
        overflow: hidden;
        position: relative;
      }
      #b-5e40bf::before {
        background: linear-gradient(45deg, var(--primary) 0%, var(--accent) 100%);
        content: '';
        height: 100%;
        opacity: 0.1;
        position: absolute;
        inset-inline-end: 0;
        top: 0;
        width: 60%;
        z-index: 0;
      }
      #b-5e40bf .container {
        position: relative;
        z-index: 1;
      }
      #b-5e40bf .css-1cb546 {
        background: var(--primary);
        border-radius: 50px;
        color: var(--text-light);
        display: inline-block;
        font-size: 0.875rem;
        font-weight: 600;
        letter-spacing: 0.5px;
        margin-bottom: 1.5rem;
        padding-block: 0.5rem;
padding-inline: 1.25rem;
        text-transform: uppercase;
      }
      #b-5e40bf .css-3abbee {
        color: var(--text-light);
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 1.5rem;
      }
      #b-5e40bf .css-3abbee span {
        background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #b-5e40bf .css-a5c5fa {
        color: var(--neutral-250);
        font-size: 1.125rem;
        line-height: 1.7;
        margin-bottom: 2rem;
        max-width: 90%;
      }
      #b-5e40bf .css-9260da {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
      }
      #b-5e40bf .css-2add2e {
        background: var(--primary);
        border: none;
        border-radius: 8px;
        color: var(--text-light);
        font-weight: 600;
        padding-block: 0.875rem;
padding-inline: 2rem;
        transition: all 0.3s ease;
      }
      #b-5e40bf .css-2add2e:hover {
        background: var(--primary-dark);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(92, 161, 232, 0.3);
      }
      #b-5e40bf .css-305bc0 {
        background: transparent;
        border: 2px solid var(--primary);
        border-radius: 8px;
        color: var(--primary-light);
        font-weight: 600;
        padding-block: 0.875rem;
padding-inline: 2rem;
        transition: all 0.3s ease;
      }
      #b-5e40bf .css-305bc0:hover {
        background: var(--primary);
        color: var(--text-light);
        transform: translateY(-2px);
      }
      #b-5e40bf .css-470c3f {
        position: relative;
      }
      #b-5e40bf .css-470c3f::after {
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        border-radius: 20px;
        content: '';
        height: 100%;
        inset-inline-start: 20px;
        opacity: 0.2;
        position: absolute;
        top: 20px;
        width: 100%;
        z-index: -1;
      }
      #b-5e40bf .css-8ba6e9 {
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        height: auto;
        max-width: 100%;
        object-fit: cover;
        width: 100%;
      }
      #b-5e40bf .css-812712 {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        margin-top: 3rem;
      }
      #b-5e40bf .css-e2852e {
        flex: 1;
        min-width: 120px;
      }
      #b-5e40bf .css-cfd21a {
        color: var(--primary-light);
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1;
      }
      #b-5e40bf .css-703c4a {
        color: var(--neutral-350);
        font-size: 0.875rem;
        margin-top: 0.5rem;
        text-transform: uppercase;
      }
      @keyframes fadeInUp_hero_abc123xyz789 {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      #b-5e40bf .css-8f2157 {
        animation: fadeInUp_hero_abc123xyz789 0.8s ease-out;
      }
      #b-5e40bf .css-470c3f {
        animation: fadeInUp_hero_abc123xyz789 0.8s ease-out 0.2s both;
      }
      @media (max-width: 991.98px) {
        #b-5e40bf .css-a5c5fa {
          max-width: 100%;
        }
        #b-5e40bf .css-470c3f::after {
          display: none;
        }
      }

#b-fdcadc {
      background: linear-gradient(135deg, var(--background-primary), var(--primary-bg));
      position: relative;
      overflow: hidden;

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

      .css-0b4958 {
          background: var(--background-tertiary);
          border: 1px solid var(--neutral-150);
          border-radius: 32px;
          padding: 3rem;
          box-shadow: 0 24px 70px rgba(var(--bs-primary-rgb), .12);
      }

      .css-046a9c {
          color: var(--accent);
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: .12em;
          margin-bottom: .75rem;
      }

      .css-33ccf9 {
          color: var(--text-primary);
          font-weight: 900;
          line-height: 1.08;
          margin-bottom: 1rem;
      }

      .css-d21912 {
          color: var(--text-secondary);
          line-height: 1.8;
          margin-bottom: 0;
      }

      .css-4f06a2 {
          display: grid;
          gap: 1rem;
      }

      .css-f1ab3b {
          display: grid;
          grid-template-columns: auto 1fr;
          gap: 1rem;
          padding: 1.25rem;
          border-radius: 22px;
          background: var(--background-primary);
          border: 1px solid var(--neutral-150);
          transition: transform .25s ease, border-color .25s ease;

          &:hover {
              transform: translateX(8px);
              border-color: var(--primary);
          }
      }

      .css-6b768d {
          width: 46px;
          height: 46px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: var(--primary);
          color: var(--text-light);
          font-weight: 900;
      }

      .css-3408e9 {
          color: var(--text-primary);
          font-weight: 900;
          margin-bottom: .4rem;
      }

      .css-dfa701 {
          color: var(--text-secondary);
          line-height: 1.7;
          margin: 0;
      }

      .css-7963f3 {
          margin-top: 1.75rem;
          border-radius: 999px;
          padding: .95rem 2rem;
          font-weight: 900;
          background: var(--primary);
          border-color: var(--primary);

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

      @media (max-width: 768px) {
          .css-0b4958 {
              padding: 1.5rem;
              border-radius: 24px;
          }

          .css-f1ab3b {
              grid-template-columns: 1fr;
          }

          .css-7963f3 {
              width: 100%;
          }
      }
  }

#b-61c5ef {
  position: relative;
  overflow: hidden;
  padding-block: 5.5rem;
  padding-inline: 0;
  background: linear-gradient(
    160deg,
    var(--background-primary) 0%,
    var(--background-tertiary) 42%,
    var(--accent-bg) 100%
  );
}

#b-61c5ef .css-bbb290 {
  position: absolute;
  inset-block-start: -120px;
  inset-inline-end: -80px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--primary-bg), transparent 68%);
  opacity: 0.55;
  pointer-events: none;
  animation: softblobdrift_k7m2nq8x4p1w 14s ease-in-out infinite alternate;
}

#b-61c5ef .css-0b3e65 {
  position: absolute;
  inset-block-end: -140px;
  inset-inline-start: -100px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--secondary-bg), transparent 70%);
  opacity: 0.45;
  pointer-events: none;
  animation: softblobdrift_k7m2nq8x4p1w 18s ease-in-out infinite alternate-reverse;
}

#b-61c5ef .css-e6be34 {
  position: absolute;
  inset-block-start: 38%;
  inset-inline-start: 42%;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--info-bg), transparent 72%);
  opacity: 0.35;
  pointer-events: none;
  animation: softpulsewave_r3t9v6h2m8k 10s ease-in-out infinite;
}

#b-61c5ef .css-6b1812 {
  position: relative;
  z-index: 1;
}

#b-61c5ef .css-4f1874 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  margin-block-end: 3rem;
  padding-block: 2rem;
  padding-inline: 2.25rem;
  border-radius: 2rem;
  background: linear-gradient(
    135deg,
    var(--background-tertiary) 0%,
    var(--background-primary) 100%
  );
  border: 1px solid var(--border-light);
  box-shadow: 0 20px 50px rgba(var(--bs-primary-rgb), 0.12);
}

#b-61c5ef .css-cd5bbe {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  align-self: start;
  padding-block: 0.4rem;
  padding-inline: 1rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent-bg), var(--primary-bg));
  color: var(--text-primary);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: normal;
}

#b-61c5ef .css-382fbf {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

#b-61c5ef .css-dc3079 {
  margin: 0;
  font-size: clamp(1.9rem, 3.5vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  color: var(--text-primary);
  max-width: 18ch;
}

#b-61c5ef .css-eca844 {
  margin: 0;
  max-width: 52ch;
  font-size: 1.02rem;
  line-height: 1.75;
  color: var(--text-secondary);
}

#b-61c5ef .css-28a5f1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

#b-61c5ef .css-38725e {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 64px) minmax(0, 1fr);
  gap: 1.1rem;
  align-items: start;
  padding-block: 1.75rem;
  padding-inline: 1.75rem;
  border-radius: 1.75rem;
  border: 1px solid var(--border-light);
  background: var(--background-tertiary);
  box-shadow: 0 12px 32px rgba(var(--bs-primary-rgb), 0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#b-61c5ef .css-38725e::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  opacity: 0.85;
}

#b-61c5ef .css-38725e::after {
  content: "";
  position: absolute;
  inset-block-end: -30px;
  inset-inline-end: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--primary-bg), transparent 70%);
  opacity: 0.35;
  pointer-events: none;
}

#b-61c5ef .css-38725e:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px rgba(var(--bs-primary-rgb), 0.18);
}

#b-61c5ef .css-76698f {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 80px) minmax(0, 1fr);
  padding-block: 2.25rem;
  padding-inline: 2.25rem;
  background: linear-gradient(
    120deg,
    var(--background-tertiary) 0%,
    var(--primary-bg) 55%,
    var(--accent-bg) 100%
  );
}

#b-61c5ef .css-76698f::before {
  height: 5px;
  background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
}

#b-61c5ef .css-b4b298::before {
  background: linear-gradient(90deg, var(--accent), var(--info-color));
}

#b-61c5ef .css-b4b298::after {
  background: radial-gradient(circle, var(--accent-bg), transparent 70%);
}

#b-61c5ef .css-75093a::before {
  background: linear-gradient(90deg, var(--secondary), var(--success-color));
}

#b-61c5ef .css-75093a::after {
  background: radial-gradient(circle, var(--secondary-bg), transparent 70%);
}

#b-61c5ef .css-061ce5::before {
  background: linear-gradient(90deg, var(--info-color), var(--accent-light));
}

#b-61c5ef .css-061ce5::after {
  background: radial-gradient(circle, var(--info-bg), transparent 70%);
}

#b-61c5ef .css-649823 {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, var(--primary), var(--primary-dark));
  box-shadow: 0 10px 22px rgba(var(--bs-primary-rgb), 0.28);
  flex-shrink: 0;
}

#b-61c5ef .css-76698f .css-649823 {
  width: 80px;
  height: 80px;
  border-radius: 1.5rem;
}

#b-61c5ef .css-b4b298 .css-649823 {
  background: linear-gradient(145deg, var(--accent), var(--accent-dark));
  box-shadow: 0 10px 22px rgba(var(--bs-accent-rgb), 0.28);
}

#b-61c5ef .css-75093a .css-649823 {
  background: linear-gradient(145deg, var(--secondary), var(--secondary-dark));
  box-shadow: 0 10px 22px rgba(var(--bs-secondary-rgb), 0.28);
}

#b-61c5ef .css-061ce5 .css-649823 {
  background: linear-gradient(145deg, var(--info-color), var(--info-dark));
  box-shadow: 0 10px 22px rgba(var(--bs-primary-rgb), 0.22);
}

#b-61c5ef .css-649823 i {
  font-size: 1.65rem;
  color: var(--text-light);
}

#b-61c5ef .css-76698f .css-649823 i {
  font-size: 2rem;
}

#b-61c5ef .css-258144 {
  position: relative;
  z-index: 1;
  min-width: 0;
}

#b-61c5ef .css-255552 {
  margin: 0 0 0.65rem;
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
}

#b-61c5ef .css-76698f .css-255552 {
  font-size: 1.55rem;
}

#b-61c5ef .css-fdba6b {
  margin: 0 0 1.15rem;
  font-size: 0.97rem;
  line-height: 1.7;
  color: var(--text-secondary);
}

#b-61c5ef .css-76698f .css-fdba6b {
  max-width: 62ch;
}

#b-61c5ef .css-869c8b {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-decoration: none;
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--primary-dark);
  transition: gap 0.25s ease, color 0.25s ease;
}

#b-61c5ef .css-b4b298 .css-869c8b {
  color: var(--accent-dark);
}

#b-61c5ef .css-75093a .css-869c8b {
  color: var(--secondary-dark);
}

#b-61c5ef .css-061ce5 .css-869c8b {
  color: var(--info-dark);
}

#b-61c5ef .css-869c8b i {
  font-size: 1rem;
  transition: transform 0.25s ease;
}

#b-61c5ef .css-869c8b:hover {
  color: var(--text-primary);
  gap: 0.65rem;
}

#b-61c5ef .css-869c8b:hover i {
  transform: translateX(4px);
}

@media (max-width: 991.98px) {
  #b-61c5ef {
    padding-block: 4rem;
  }

  #b-61c5ef .css-28a5f1 {
    grid-template-columns: minmax(0, 1fr);
  }

  #b-61c5ef .css-76698f {
    grid-column: 1;
  }

  #b-61c5ef .css-4f1874 {
    padding-block: 1.75rem;
    padding-inline: 1.75rem;
  }
}

@media (max-width: 575.98px) {
  #b-61c5ef {
    padding-block: 3.25rem;
  }

  #b-61c5ef .css-4f1874 {
    padding-block: 1.5rem;
    padding-inline: 1.35rem;
    border-radius: 1.5rem;
  }

  #b-61c5ef .css-38725e {
    grid-template-columns: minmax(0, 1fr);
    padding-block: 1.5rem;
    padding-inline: 1.35rem;
    border-radius: 1.5rem;
  }

  #b-61c5ef .css-76698f {
    grid-template-columns: minmax(0, 1fr);
    padding-block: 1.75rem;
    padding-inline: 1.35rem;
  }

  #b-61c5ef .css-649823 {
    width: 56px;
    height: 56px;
  }

  #b-61c5ef .css-76698f .css-649823 {
    width: 64px;
    height: 64px;
  }
}

@keyframes softblobdrift_k7m2nq8x4p1w {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-18px, 22px) scale(1.06);
  }
}

@keyframes softpulsewave_r3t9v6h2m8k {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.35;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.5;
  }
}

@keyframes slashrise_m4k9p2x7q1w8n {
        from {
          opacity: 0;
          transform: translateY(1.5rem);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes imagesnap_h3v7c1r5t9j2b {
        from {
          opacity: 0;
          transform: scale(0.92);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      @keyframes stripslide_z8n4w6k2p5q9m {
        from {
          opacity: 0;
          transform: translateX(-1.25rem);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      @keyframes stripslide_z8n4w6k2p5q9m_rtl {
        from {
          opacity: 0;
          transform: translateX(1.25rem);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      #b-e5989b {
        position: relative;
        overflow: hidden;
        padding-block: 5rem;
        padding-inline: 0;
        background:
          linear-gradient(
            145deg,
            var(--warning-bg) 0%,
            var(--primary-bg) 38%,
            var(--info-bg) 72%,
            var(--secondary-bg) 100%
          );
      }

      #b-e5989b .css-7b6c57 {
        position: absolute;
        inset-block-start: -12%;
        inset-inline-end: -8%;
        width: min(42vw, 28rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: color-mix(in srgb, var(--danger-light) 55%, transparent);
        pointer-events: none;
        z-index: 0;
      }

      #b-e5989b .css-4a3f81 {
        position: absolute;
        inset-block-end: -18%;
        inset-inline-start: -10%;
        width: min(48vw, 32rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: color-mix(in srgb, var(--accent-light) 45%, transparent);
        pointer-events: none;
        z-index: 0;
      }

      #b-e5989b .css-80bda5 {
        position: relative;
        z-index: 1;
        max-width: 1180px;
        margin-block: 0;
        margin-inline: auto;
        padding-block: 0;
        padding-inline: 1.5rem;
        display: grid;
        gap: 2rem;
      }

      #b-e5989b .css-7fd169 {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: 1.5rem;
        align-items: end;
        animation: slashrise_m4k9p2x7q1w8n 0.7s ease both;
      }

      #b-e5989b .css-6fb344 {
        background: var(--primary-dark);
        color: var(--text-light);
        padding-block: 2.5rem;
        padding-inline: 2.25rem;
        clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
        box-shadow: 0.75rem 0.75rem 0 color-mix(in srgb, var(--warning-color) 90%, transparent);
      }

      #b-e5989b .css-76a15f {
        display: inline-block;
        margin-block: 0 1rem;
        margin-inline: 0;
        padding-block: 0.4rem;
        padding-inline: 0.85rem;
        background: var(--warning-color);
        color: var(--text-primary);
        font-weight: 800;
        font-size: 0.85rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: normal;
        transform: skewX(-10deg);
        animation: slashrise_m4k9p2x7q1w8n 0.8s ease 0.1s both;
      }

      #b-e5989b .css-76a15f span {
        display: inline-block;
        transform: skewX(10deg);
      }

      #b-e5989b .css-3523e6 {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.25rem);
        font-weight: 900;
        line-height: 1.1;
        color: var(--text-light);
      }

      #b-e5989b .css-a5514d {
        margin-block: 1rem 0;
        margin-inline: 0;
        max-width: 34rem;
        font-size: 1.1rem;
        line-height: 1.65;
        color: color-mix(in srgb, var(--text-light) 82%, var(--primary-light));
      }

      #b-e5989b .css-c4da94 {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-block-end: 0.35rem;
      }

      #b-e5989b .css-52cc72 {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        padding-block: 1rem;
        padding-inline: 1.6rem;
        background: var(--danger-color);
        color: var(--text-light);
        text-decoration: none;
        font-weight: 800;
        font-size: 1rem;
        clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
        box-shadow: 0.4rem 0.4rem 0 var(--info-dark);
        transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
      }

      #b-e5989b .css-52cc72:hover {
        background: var(--danger-dark);
        color: var(--text-light);
        transform: translateY(-3px);
        box-shadow: 0.55rem 0.55rem 0 var(--info-color);
      }

      #b-e5989b .css-52cc72 i {
        transition: transform 0.25s ease;
      }

      #b-e5989b .css-52cc72:hover i {
        transform: translateX(4px);
      }

      [dir="rtl"] #b-e5989b .css-52cc72:hover i {
        transform: translateX(-4px);
      }

      #b-e5989b .css-2d1181 {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 1.75rem;
        align-items: stretch;
      }

      #b-e5989b .css-0b2e5f {
        position: relative;
        isolation: isolate;
        animation: imagesnap_h3v7c1r5t9j2b 0.75s ease 0.15s both;
      }

      #b-e5989b .css-294188 {
        position: absolute;
        inset: 1.1rem -0.85rem -0.85rem 1.1rem;
        background: linear-gradient(160deg, var(--warning-color), var(--secondary), var(--accent));
        z-index: 0;
        pointer-events: none;
      }

      #b-e5989b .css-737f71 {
        position: relative;
        z-index: 1;
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
        display: block;
        border: 0.35rem solid var(--background-tertiary);
        box-shadow: 0 1.5rem 2.5rem color-mix(in srgb, var(--primary-dark) 28%, transparent);
      }

      #b-e5989b .css-e54427 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
        align-content: center;
      }

      #b-e5989b .css-d46d5c {
        background: var(--background-tertiary);
        padding-block: 1.35rem;
        padding-inline: 1.4rem;
        border-inline-start: 0.55rem solid var(--primary);
        box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--primary-dark) 18%, transparent);
        animation: stripslide_z8n4w6k2p5q9m 0.65s ease both;
      }

      #b-e5989b .css-d46d5c:nth-child(1) {
        border-inline-start-color: var(--warning-color);
        box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--warning-dark) 22%, transparent);
        animation-delay: 0.2s;
      }

      #b-e5989b .css-d46d5c:nth-child(2) {
        border-inline-start-color: var(--info-dark);
        box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--info-dark) 22%, transparent);
        animation-delay: 0.32s;
      }

      #b-e5989b .css-d46d5c:nth-child(3) {
        border-inline-start-color: var(--secondary);
        box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--secondary-dark) 22%, transparent);
        animation-delay: 0.44s;
      }

      [dir="rtl"] #b-e5989b .css-d46d5c {
        animation-name: stripslide_z8n4w6k2p5q9m_rtl;
      }

      #b-e5989b .css-6f78aa {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 900;
        line-height: 1.25;
        color: var(--primary-dark);
      }

      #b-e5989b .css-4d1140 {
        margin-block: 0.55rem 0;
        margin-inline: 0;
        color: var(--text-secondary);
        line-height: 1.65;
        font-size: 0.98rem;
      }

      #b-e5989b .css-03c9cb {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        margin-block-start: 0.75rem;
        color: var(--accent-dark);
        font-weight: 800;
        text-decoration: none;
        transition: color 0.2s ease, transform 0.2s ease;
      }

      #b-e5989b .css-03c9cb:hover {
        color: var(--danger-dark);
      }

      #b-e5989b .css-03c9cb i {
        transition: transform 0.2s ease;
      }

      #b-e5989b .css-03c9cb:hover i {
        transform: translateX(3px);
      }

      [dir="rtl"] #b-e5989b .css-03c9cb:hover i {
        transform: translateX(-3px);
      }

      [dir="rtl"] #b-e5989b .css-6fb344 {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
        box-shadow: -0.75rem 0.75rem 0 color-mix(in srgb, var(--warning-color) 90%, transparent);
      }

      [dir="rtl"] #b-e5989b .css-76a15f {
        transform: skewX(10deg);
      }

      [dir="rtl"] #b-e5989b .css-76a15f span {
        transform: skewX(-10deg);
      }

      [dir="rtl"] #b-e5989b .css-52cc72 {
        clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
      }

      [dir="rtl"] #b-e5989b .css-294188 {
        inset: 1.1rem 1.1rem -0.85rem -0.85rem;
      }

      [dir="rtl"] #b-e5989b .css-c4da94 {
        justify-content: flex-start;
      }

      @media (max-width: 991px) {
        #b-e5989b .css-7fd169 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-e5989b .css-6fb344 {
          clip-path: none;
          box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--warning-color) 90%, transparent);
        }

        [dir="rtl"] #b-e5989b .css-6fb344 {
          clip-path: none;
          box-shadow: -0.55rem 0.55rem 0 color-mix(in srgb, var(--warning-color) 90%, transparent);
        }

        #b-e5989b .css-c4da94 {
          justify-content: flex-start;
        }

        #b-e5989b .css-2d1181 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-e5989b .css-0b2e5f {
          max-width: 28rem;
          margin-block: 0;
          margin-inline: auto;
          width: 100%;
        }
      }

      @media (max-width: 575px) {
        #b-e5989b {
          padding-block: 3.25rem;
        }

        #b-e5989b .css-80bda5 {
          padding-inline: 1rem;
          gap: 1.35rem;
        }

        #b-e5989b .css-6fb344 {
          padding-block: 1.75rem;
          padding-inline: 1.35rem;
        }

        #b-e5989b .css-3523e6 {
          font-size: 1.85rem;
        }

        #b-e5989b .css-d46d5c {
          padding-block: 1.15rem;
          padding-inline: 1.1rem;
        }

        #b-e5989b .css-294188 {
          inset: 0.75rem -0.55rem -0.55rem 0.75rem;
        }

        [dir="rtl"] #b-e5989b .css-294188 {
          inset: 0.75rem 0.75rem -0.55rem -0.55rem;
        }
      }

#b-6aeb92 {
        position: relative;
        isolation: isolate;
        padding-block: clamp(3.5rem, 6vw, 5.5rem);
        padding-inline: 0;
        overflow: hidden;
        color: var(--text-primary);
        background: linear-gradient(
          165deg,
          color-mix(in srgb, var(--primary-bg) 42%, var(--background-primary)) 0%,
          var(--background-primary) 38%,
          color-mix(in srgb, var(--accent-bg) 28%, var(--background-primary)) 100%
        );
      }

      #b-6aeb92::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--primary) 22%, var(--background-primary)) 0%,
            color-mix(in srgb, var(--background-primary) 88%, var(--primary)) 52%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--accent) 18%, var(--background-primary)) 0%,
            var(--background-primary) 55%
          );
        opacity: 0.95;
        animation: sheetdrift_m4k7n2xq9p1w 28s ease-in-out infinite;
      }

      #b-6aeb92::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image: linear-gradient(
            115deg,
            color-mix(in srgb, var(--neutral-150) 55%, var(--background-primary)) 1px,
            var(--background-primary) 1px
          ),
          linear-gradient(
            0deg,
            color-mix(in srgb, var(--neutral-150) 40%, var(--background-primary)) 1px,
            var(--background-primary) 1px
          );
        background-size: 48px 48px;
        opacity: 0.35;
        mix-blend-mode: multiply;
      }

      #b-6aeb92 .css-9e48d2 {
        position: relative;
        z-index: 1;
        border-radius: 32px;
        padding-block: clamp(2.4rem, 4.2vw, 3.6rem);
        padding-inline: clamp(1.6rem, 4vw, 3.4rem);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--background-primary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--primary-light));
        box-shadow: 0 28px 70px color-mix(in srgb, var(--neutral-1050) 18%, var(--background-primary));
        animation: sheetrise_q8v3hj2wtn5r 0.85s cubic-bezier(0.22, 0.82, 0.28, 1) both;
      }

      #b-6aeb92 .css-9e48d2::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-inline: 8%;
        height: 4px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary),
          var(--accent),
          var(--secondary)
        );
        opacity: 0.9;
      }

      #b-6aeb92 .css-9e48d2::after {
        content: "";
        position: absolute;
        inset-inline-end: -18%;
        inset-block-start: 18%;
        width: min(340px, 55vw);
        height: min(340px, 55vw);
        border-radius: 50%;
        background: radial-gradient(
          circle at 30% 30%,
          color-mix(in srgb, var(--primary-light) 35%, var(--background-tertiary)),
          color-mix(in srgb, var(--accent-bg) 22%, var(--background-tertiary)) 45%,
          var(--background-tertiary) 70%
        );
        opacity: 0.55;
        pointer-events: none;
        animation: orbshift_b6r9t1y4z2kx 22s ease-in-out infinite;
      }

      #b-6aeb92 .css-7faf54 {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: clamp(1.25rem, 3vw, 2rem);
        max-width: 52rem;
      }

      #b-6aeb92 .css-7c8c73 {
        display: inline-flex;
        align-self: flex-start;
        align-items: center;
        gap: 0.55rem;
        padding-block: 0.35rem;
        padding-inline: 0.95rem;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--neutral-150));
        white-space: normal;
        animation: eyebrowin_d2f5h8j3k9lm 0.75s cubic-bezier(0.22, 0.82, 0.28, 1) 0.05s both;
      }

      #b-6aeb92 .css-9cda11 {
        width: 0.55rem;
        height: 0.55rem;
        border-radius: 999px;
        background: linear-gradient(145deg, var(--accent), var(--primary));
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 25%, var(--background-tertiary));
        flex-shrink: 0;
      }

      #b-6aeb92 .css-154900 {
        margin: 0;
        font-size: clamp(2rem, 4.2vw, 3.05rem);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -0.03em;
        color: var(--text-primary);
        position: relative;
        padding-block-end: 0.5rem;
        animation: headingup_n7w4c1x5v8qp 0.9s cubic-bezier(0.22, 0.82, 0.28, 1) 0.08s both;
      }

      #b-6aeb92 .css-154900::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        inset-inline-start: 0;
        width: min(11rem, 55%);
        height: 4px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary),
          var(--accent),
          var(--secondary)
        );
      }

      #b-6aeb92 .css-1106ec {
        margin: 0;
        font-size: clamp(1rem, 2.1vw, 1.12rem);
        line-height: 1.75;
        color: var(--text-secondary);
        max-width: 46rem;
        animation: leadfade_t3m9k2p7r5hx 0.95s cubic-bezier(0.22, 0.82, 0.28, 1) 0.12s both;
      }

      #b-6aeb92 .css-a5af82 {
        position: relative;
        z-index: 2;
        margin-block-start: clamp(1.5rem, 3.5vw, 2.5rem);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.25rem, 3vw, 2rem);
        align-items: stretch;
      }

      #b-6aeb92 .css-70e306 {
        border-radius: 24px;
        padding-block: 1.35rem;
        padding-inline: 1.35rem;
        background: linear-gradient(
          145deg,
          color-mix(in srgb, var(--neutral-50) 88%, var(--primary-bg)),
          var(--background-tertiary)
        );
        border: 1px solid color-mix(in srgb, var(--neutral-250) 85%, var(--accent));
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--background-tertiary) 70%, var(--accent-light));
        animation: trackin_s5j8q1w4y7nz 1s cubic-bezier(0.22, 0.82, 0.28, 1) 0.15s both;
      }

      #b-6aeb92 .css-5b4b27 {
        margin: 0 0 1rem 0;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--text-tertiary);
      }

      #b-6aeb92 .css-fc86b9 {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
      }

      #b-6aeb92 .css-319964 {
        display: grid;
        grid-template-columns: 2.25rem minmax(0, 1fr);
        gap: 0.85rem;
        align-items: start;
      }

      #b-6aeb92 .css-4c5f0b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 14px;
        font-size: 0.95rem;
        font-weight: 800;
        color: var(--text-light);
        background: linear-gradient(145deg, var(--primary-dark), var(--primary));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 28%, var(--background-primary));
      }

      #b-6aeb92 .css-70ebd6 {
        padding-block: 0.15rem;
        padding-inline: 0;
      }

      #b-6aeb92 .css-f0206e {
        margin: 0;
        font-size: 0.98rem;
        font-weight: 700;
        color: var(--text-primary);
        line-height: 1.35;
      }

      #b-6aeb92 .css-c97455 {
        margin: 0.35rem 0 0 0;
        font-size: 0.86rem;
        color: var(--text-tertiary);
        line-height: 1.5;
      }

      #b-6aeb92 .css-a277e5 {
        border-radius: 24px;
        padding-block: 1.5rem;
        padding-inline: 1.45rem;
        display: flex;
        flex-direction: column;
        gap: 1.1rem;
        justify-content: space-between;
        background: linear-gradient(
          155deg,
          var(--neutral-1050),
          color-mix(in srgb, var(--neutral-950) 88%, var(--primary-dark))
        );
        color: var(--text-light);
        border: 1px solid color-mix(in srgb, var(--neutral-750) 55%, var(--accent));
        box-shadow: 0 22px 50px color-mix(in srgb, var(--neutral-1050) 35%, var(--background-primary));
        animation: asidein_h9k2m5x8q3vw 1.05s cubic-bezier(0.22, 0.82, 0.28, 1) 0.18s both;
      }

      #b-6aeb92 .css-e78a31 {
        margin: 0;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--text-light) 78%, var(--accent-light));
      }

      #b-6aeb92 .css-727844 {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.45;
        color: var(--text-light);
      }

      #b-6aeb92 .css-0d9d46 {
        margin: 0;
        font-size: 0.88rem;
        line-height: 1.55;
        color: color-mix(in srgb, var(--text-light) 72%, var(--neutral-250));
      }

      #b-6aeb92 .css-298a07 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.85rem;
        padding-block-start: 0.25rem;
        border-block-start: 1px solid color-mix(in srgb, var(--text-light) 16%, var(--neutral-850));
      }

      #b-6aeb92 .css-b1469f {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        padding-block: 0.85rem;
        padding-inline: 1.45rem;
        border-radius: 999px;
        font-size: 0.98rem;
        font-weight: 700;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--accent), var(--accent-dark));
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, var(--accent));
        box-shadow: 0 16px 34px color-mix(in srgb, var(--accent-dark) 35%, var(--neutral-1050));
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease,
          background 0.2s ease;
      }

      #b-6aeb92 .css-b1469f i {
        font-size: 1.05rem;
        transition: transform 0.2s ease;
      }

      #b-6aeb92 .css-b1469f:hover {
        transform: translateY(-2px);
        border-color: var(--accent-light);
        background: linear-gradient(135deg, var(--accent-dark), var(--accent));
        box-shadow: 0 22px 46px color-mix(in srgb, var(--primary) 28%, var(--neutral-1050));
      }

      #b-6aeb92 .css-b1469f:hover i {
        transform: scale(1.12);
      }

      #b-6aeb92 .css-b1469f:active {
        transform: translateY(0);
      }

      @media (max-width: 991.98px) {
        #b-6aeb92 .css-a5af82 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-6aeb92 .css-a277e5 {
          order: -1;
        }
      }

      @media (max-width: 575.98px) {
        #b-6aeb92 .css-9e48d2 {
          border-radius: 24px;
        }

        #b-6aeb92 .css-298a07 {
          flex-direction: column;
          align-items: stretch;
        }

        #b-6aeb92 .css-b1469f {
          width: 100%;
        }
      }

      @keyframes sheetdrift_m4k7n2xq9p1w {
        0%,
        100% {
          transform: translate3d(0, 0, 0);
        }
        50% {
          transform: translate3d(0, -12px, 0);
        }
      }

      @keyframes orbshift_b6r9t1y4z2kx {
        0%,
        100% {
          transform: translate3d(0, 0, 0) scale(1);
        }
        50% {
          transform: translate3d(0, 14px, 0) scale(1.06);
        }
      }

      @keyframes sheetrise_q8v3hj2wtn5r {
        0% {
          opacity: 0;
          transform: translateY(22px) scale(0.98);
        }
        100% {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes eyebrowin_d2f5h8j3k9lm {
        0% {
          opacity: 0;
          transform: translateY(-8px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes headingup_n7w4c1x5v8qp {
        0% {
          opacity: 0;
          transform: translateY(18px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes leadfade_t3m9k2p7r5hx {
        0% {
          opacity: 0;
          transform: translateY(16px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes trackin_s5j8q1w4y7nz {
        0% {
          opacity: 0;
          transform: translateY(14px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes asidein_h9k2m5x8q3vw {
        0% {
          opacity: 0;
          transform: translateY(20px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

@keyframes sakurafloat_mx7nq4pLw8RtYz {
        0%,
        100% {
          transform: translate(0, 0) rotate(0deg);
        }
        50% {
          transform: translate(0.5rem, -0.65rem) rotate(3deg);
        }
      }

      @keyframes speedlines_hf3Km9Qr2BvNpX {
        0% {
          transform: translate3d(0, 0, 0);
        }
        100% {
          transform: translate3d(-3rem, 2rem, 0);
        }
      }

      @keyframes prismshift_gk5tWz8Hm2nQsx {
        0% {
          opacity: 0.55;
        }
        50% {
          opacity: 0.85;
        }
        100% {
          opacity: 0.55;
        }
      }

      #b-c3ca83 {
        padding-block: clamp(3.75rem, 8vw, 7.25rem);
        padding-inline: 0;
        position: relative;
        isolation: isolate;
        overflow: clip;
        background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent-bg) 45%, transparent) 0%, transparent 52%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--warning-bg) 42%, transparent) 0%, transparent 55%),
          linear-gradient(160deg, var(--background-primary) 0%, color-mix(in srgb, var(--info-bg) 35%, var(--background-secondary)) 48%, color-mix(in srgb, var(--secondary-bg) 28%, var(--background-primary)) 100%);
      }

      #b-c3ca83::before {
        content: '';
        position: absolute;
        inset-inline: -20%;
        inset-block-start: -35%;
        block-size: 120%;
        z-index: 0;
        background: repeating-linear-gradient(115deg, transparent 0px, transparent 14px, color-mix(in srgb, var(--primary-bg) 18%, transparent) 14px, color-mix(in srgb, var(--primary-bg) 18%, transparent) 16px);
        opacity: 0.35;
        animation: speedlines_hf3Km9Qr2BvNpX 28s linear infinite;
        pointer-events: none;
      }

      #b-c3ca83::after {
        content: '';
        position: absolute;
        inset-inline: 0;
        inset-block-end: 0;
        block-size: min(55vh, 28rem);
        z-index: 0;
        background: radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--danger-light) 25%, transparent) 0%, transparent 62%);
        opacity: 0.45;
        animation: prismshift_gk5tWz8Hm2nQsx 7s ease-in-out infinite alternate;
        pointer-events: none;
      }

      #b-c3ca83 .container-xxl {
        position: relative;
        z-index: 1;
        max-inline-size: 1180px;
      }

      #b-c3ca83 .css-7af2b2 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: clamp(1.75rem, 4vw, 2.75rem);
        align-items: stretch;
      }

      @media (min-width: 992px) {
        #b-c3ca83 .css-7af2b2 {
          grid-template-columns: minmax(0, 7fr) minmax(0, 9fr);
        }
      }

      #b-c3ca83 .css-99e3c9 {
        position: relative;
        border-radius: 2rem;
        padding-block: clamp(1.75rem, 3.5vw, 2.5rem);
        padding-inline: clamp(1.5rem, 3vw, 2.35rem);
        background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, var(--white)) 0%, color-mix(in srgb, var(--primary) 22%, var(--white)) 38%, color-mix(in srgb, var(--secondary) 26%, var(--white)) 100%);
        border: 0.25rem solid color-mix(in srgb, var(--white) 55%, transparent);
        box-shadow: 0 1.75rem 0 color-mix(in srgb, var(--neutral-1050) 22%, transparent), 0 -0.5rem 0 color-mix(in srgb, var(--warning-bg) 55%, transparent) inset;
        overflow: clip;
      }

      #b-c3ca83 .css-11f777 {
        position: relative;
        z-index: 2;
      }

      #b-c3ca83 .css-f8a5fb {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-block-end: 1rem;
      }

      #b-c3ca83 .css-99b2d7 {
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        white-space: normal;
        color: var(--text-light);
        background: color-mix(in srgb, var(--neutral-1050) 35%, transparent);
        border: 0.1rem solid color-mix(in srgb, var(--white) 45%, transparent);
      }

      #b-c3ca83 .css-558028 {
        margin: 0;
        margin-block-end: 0.75rem;
        font-weight: 900;
        letter-spacing: -0.06em;
        line-height: 1.05;
        font-size: clamp(2rem, 5vw, 3.05rem);
        color: var(--neutral-1050);
        text-shadow: 0 0.12em 0 color-mix(in srgb, var(--white) 80%, transparent);
      }

      #b-c3ca83 .css-53af6f {
        margin: 0;
        margin-block-end: 1.35rem;
        font-size: 1rem;
        line-height: 1.65;
        color: color-mix(in srgb, var(--neutral-1050) 78%, transparent);
        max-inline-size: 30ch;
      }

      #b-c3ca83 .css-e1235d {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #b-c3ca83 .css-e1235d li {
        position: relative;
        padding-inline-start: 2rem;
        margin-block-start: 0.65rem;
        font-weight: 700;
        font-size: 0.95rem;
        color: color-mix(in srgb, var(--neutral-1050) 88%, transparent);
      }

      #b-c3ca83 .css-e1235d li::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0.35em;
        inline-size: 1.05rem;
        block-size: 1.05rem;
        border-radius: 0.35rem;
        background: linear-gradient(135deg, var(--accent), var(--warning-light));
        box-shadow: 0 0.15rem 0 var(--accent-dark);
        transform-origin: center;
        animation: sakurafloat_mx7nq4pLw8RtYz 4.2s ease-in-out infinite;
      }

      #b-c3ca83 .css-e25edf {
        position: absolute;
        z-index: 1;
        inset-inline-end: -12%;
        inset-block-end: -18%;
        inline-size: 68%;
        aspect-ratio: 1;
        border-radius: 999px;
        background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--info-light) 45%, transparent) 0%, transparent 62%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--secondary-light) 50%, transparent) 0%, transparent 58%);
        filter: saturate(120%);
      }

      #b-c3ca83 .css-0a7694 {
        position: absolute;
        z-index: 0;
        inset-inline-start: -8%;
        inset-block-start: -12%;
        inline-size: 55%;
        block-size: 55%;
        border-radius: 1.85rem;
        background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--white) 22%, transparent) 0px, color-mix(in srgb, var(--white) 22%, transparent) 10px, transparent 10px, transparent 22px);
        opacity: 0.35;
      }

      #b-c3ca83 .css-1c1442 {
        align-self: center;
      }

      #b-c3ca83 .css-710041 {
        position: relative;
        border-radius: 1.85rem;
        padding-block: clamp(1rem, 2.4vw, 1.65rem);
        padding-inline: clamp(1rem, 2vw, 1.5rem);
        background: linear-gradient(180deg, color-mix(in srgb, var(--white) 92%, transparent) 0%, color-mix(in srgb, var(--neutral-150) 18%, transparent) 100%);
        border: 0.2rem solid color-mix(in srgb, var(--neutral-150) 70%, transparent);
        box-shadow: 0 1.65rem 0 color-mix(in srgb, var(--neutral-1050) 15%, transparent);
      }

      #b-c3ca83 .css-710041::after {
        content: '';
        position: absolute;
        inset-inline: 18%;
        inset-block-start: 0;
        block-size: 0.35rem;
        border-radius: 0 0 0.5rem 0.5rem;
        background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
      }

      #b-c3ca83 .css-788560 {
        display: flex;
        flex-direction: column;
        gap: 0.9rem;
      }

      #b-c3ca83 .css-926340 {
        position: relative;
        border-radius: 1.35rem;
        overflow: clip;
        background: linear-gradient(180deg, var(--white) 0%, color-mix(in srgb, var(--neutral-50) 94%, transparent) 100%);
        border: 0.13rem solid color-mix(in srgb, var(--neutral-150) 80%, transparent);
        box-shadow: 0 0.65rem 0 color-mix(in srgb, var(--neutral-450) 16%, transparent);
        transition: translate 0.35s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
      }

      #b-c3ca83 .css-926340:nth-child(3n + 1) {
        transform: rotate(-0.4deg);
        border-inline-end: 0.38rem solid var(--accent);
      }

      #b-c3ca83 .css-926340:nth-child(3n + 2) {
        transform: rotate(0.35deg);
        border-inline-start: 0.38rem solid var(--primary);
      }

      #b-c3ca83 .css-926340:nth-child(3n + 3) {
        transform: rotate(-0.15deg);
        border-block-start: 0.42rem solid var(--secondary-light);
      }

      #b-c3ca83 .css-926340:hover {
        translate: 0 -0.35rem;
        border-color: color-mix(in srgb, var(--accent-light) 40%, transparent);
        box-shadow: 0 1.05rem 0 color-mix(in srgb, var(--neutral-1050) 18%, transparent);
      }

      #b-c3ca83 .css-a0c7cd {
        padding-block: 1.05rem;
        padding-inline: 1.15rem;
        border: none;
        width: 100%;
        text-align: start;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 2.25rem;
        align-items: center;
        gap: 0.75rem;
        background: linear-gradient(90deg, color-mix(in srgb, var(--primary-bg) 22%, transparent) 0%, color-mix(in srgb, var(--accent-bg) 26%, transparent) 100%);
        color: color-mix(in srgb, var(--neutral-1050) 92%, transparent);
        font-weight: 800;
        font-size: 1rem;
        line-height: 1.45;
        cursor: pointer;
        transition: background 0.35s ease, color 0.35s ease;
      }

      #b-c3ca83 .css-a0c7cd:not(.css-43e35b) {
        background: linear-gradient(120deg, var(--accent-dark) 0%, var(--primary-dark) 55%, var(--secondary-dark) 100%);
        color: var(--text-light);
      }

      #b-c3ca83 .css-a9682f {
        display: grid;
        place-items: center;
        inline-size: 2.25rem;
        block-size: 2.25rem;
        border-radius: 999px;
        flex-shrink: 0;
        background: linear-gradient(180deg, var(--white), color-mix(in srgb, var(--neutral-150) 40%, transparent));
        color: var(--accent-dark);
        border: 0.09rem solid color-mix(in srgb, var(--neutral-150) 90%, transparent);
        box-shadow: 0 0.45rem 0 color-mix(in srgb, var(--neutral-1050) 18%, transparent);
        transition: rotate 0.4s cubic-bezier(0.2, 1, 0.3, 1), background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
      }

      #b-c3ca83 .css-a9682f .css-07f7c6 {
        font-size: 1.08rem;
        line-height: 1;
      }

      #b-c3ca83 .css-a0c7cd:not(.css-43e35b) .css-a9682f {
        rotate: 180deg;
        background: linear-gradient(180deg, color-mix(in srgb, var(--white) 90%, transparent), color-mix(in srgb, var(--info-bg) 35%, transparent));
        color: var(--primary-dark);
        box-shadow: 0 0.45rem 0 color-mix(in srgb, var(--neutral-1050) 28%, transparent);
      }

      #b-c3ca83 .css-86711f {
        padding-block: 1rem 1.15rem;
        padding-inline: 1.15rem;
        color: color-mix(in srgb, var(--neutral-850) 96%, transparent);
        line-height: 1.8;
        font-size: 0.98rem;
        background-color: var(--white);
        border-block-start: 0.06rem dashed color-mix(in srgb, var(--accent) 42%, transparent);
      }

      #b-c3ca83 .css-feb2f8 {
        position: relative;
        padding-inline-start: 0.9rem;
        border-inline-start: 0.2rem solid var(--accent);
      }

      #b-c3ca83 .css-c17534 {
        box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--warning-light) 55%, transparent), 0 0.95rem 0 color-mix(in srgb, var(--warning-dark) 28%, transparent);
      }

      #b-c3ca83 .collapse {
        border: none;
      }

      @media (max-width: 991px) {
        #b-c3ca83 .css-e25edf {
          opacity: 0.55;
        }

        #b-c3ca83 .css-e1235d {
          max-inline-size: 100%;
        }
      }

      @media (max-width: 576px) {
        #b-c3ca83 .css-926340:nth-child(3n + 1),
        #b-c3ca83 .css-926340:nth-child(3n + 2),
        #b-c3ca83 .css-926340:nth-child(3n + 3) {
          transform: none;
        }

        #b-c3ca83 .css-a0c7cd {
          padding-block: 0.95rem;
          padding-inline: 1rem;
          grid-template-columns: minmax(0, 1fr) 2.05rem;
          font-size: 0.95rem;
        }

        #b-c3ca83 .css-a9682f {
          inline-size: 2.05rem;
          block-size: 2.05rem;
        }

        #b-c3ca83 .css-86711f {
          padding-inline: 1rem;
          font-size: 0.92rem;
        }
      }

#b-e355d0 {
        position: relative;
        overflow: clip;
        padding-block: clamp(3rem, 6vw, 6rem);
        padding-inline: 1rem;
        background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 52%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--primary) 16%, transparent) 0%, transparent 48%),
          linear-gradient(180deg, var(--background-primary) 0%, var(--background-secondary) 100%);
      }

      #b-e355d0::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 0.375rem;
        background: linear-gradient(90deg, var(--accent), var(--primary), var(--secondary));
        pointer-events: none;
      }

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

      #b-e355d0 .css-af7850 {
        padding: clamp(1.75rem, 3vw, 2.5rem);
        border-radius: 1.25rem;
        border: 1px solid var(--border-light);
        background: color-mix(in srgb, var(--background-tertiary) 88%, var(--accent-light));
        box-shadow: 0 1.75rem 3.75rem color-mix(in srgb, var(--neutral-950) 12%, transparent);
        min-block-size: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }

      #b-e355d0 .css-07b256 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.75rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-weight: 600;
        color: var(--accent-dark);
      }

      #b-e355d0 .css-8bd956 {
        display: inline-block;
        inline-size: 2.25rem;
        block-size: 0.125rem;
        background: linear-gradient(90deg, var(--accent), var(--secondary));
        border-radius: 999px;
      }

      #b-e355d0 .css-aabc6f {
        font-size: clamp(1.875rem, 4.2vw, 2.5rem);
        font-weight: 700;
        line-height: 1.15;
        color: var(--text-primary);
        margin: 0;
      }

      #b-e355d0 .css-f781c0 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.65;
        color: var(--text-secondary);
      }

      #b-e355d0 .css-4bb381 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
      }

      #b-e355d0 .css-49ee80 {
        padding-block: 0.45rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 600;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--neutral-250));
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--background-tertiary) 94%, var(--primary-bg));
      }

      #b-e355d0 .css-cc6f6b {
        block-size: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--neutral-650) 28%, transparent), transparent);
        margin-block: 0.25rem;
      }

      #b-e355d0 .css-a2a0aa {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.75rem, 2vw, 1rem);
      }

      #b-e355d0 .css-6ce174 {
        border-radius: 1rem;
        padding-block-start: 1rem;
        padding-block-end: 1.1rem;
        padding-inline: 1rem;
        border: 1px solid var(--border-light);
        background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--background-primary) 100%);
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        min-inline-size: 0;
        transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 260ms cubic-bezier(0.4, 0, 0.2, 1), border-color 260ms ease;
      }

      #b-e355d0 .css-6ce174:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--accent) 40%, var(--neutral-250));
        box-shadow: 0 1rem 2rem color-mix(in srgb, var(--neutral-950) 14%, transparent);
      }

      #b-e355d0 .css-39a2b0 {
        font-size: 0.6875rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        font-weight: 600;
        color: var(--text-tertiary);
      }

      #b-e355d0 .css-ca2f07 {
        font-size: 0.95rem;
        font-weight: 600;
        word-break: break-word;
        text-decoration: none;
        color: var(--accent-dark);
      }

      #b-e355d0 a.css-ca2f07:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
        outline-offset: 2px;
      }

      #b-e355d0 a.css-ca2f07:hover {
        color: var(--primary-dark);
      }

      #b-e355d0 span.css-ca2f07 {
        cursor: default;
        color: var(--text-primary);
        font-weight: 600;
        text-decoration: none;
        pointer-events: none;
      }

      #b-e355d0 .css-d06d72 {
        margin-block-start: auto;
        padding-block-start: 0.75rem;
      }

      #b-e355d0 .css-8ede2b {
        margin: 0;
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--secondary);
        font-size: 0.9375rem;
        line-height: 1.6;
        color: var(--text-secondary);
        font-style: italic;
      }

      #b-e355d0 .css-493e05 {
        position: relative;
        border-radius: 1.75rem;
        padding: clamp(1.85rem, 3.4vw, 2.85rem);
        background: linear-gradient(145deg, var(--neutral-1050), var(--neutral-950));
        box-shadow: 0 2rem 5rem color-mix(in srgb, var(--neutral-1050) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 8%, transparent) inset;
      }

      #b-e355d0 .css-493e05::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 45%);
      }

      #b-e355d0 .css-863e4a {
        position: relative;
        z-index: 1;
        background: var(--background-tertiary);
        border-radius: 1.25rem;
        padding: clamp(1.5rem, 2.8vw, 2rem);
        border: 1px solid color-mix(in srgb, var(--neutral-250) 80%, transparent);
      }

      #b-e355d0 .css-7594ee {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        justify-content: space-between;
        gap: 1rem;
        margin-block-end: 1.65rem;
      }

      #b-e355d0 .css-a11f0e {
        margin: 0;
        font-size: 1.35rem;
        font-weight: 700;
        color: var(--text-primary);
        max-inline-size: 26ch;
      }

      #b-e355d0 .css-933af3 {
        margin: 0;
        flex: none;
        max-inline-size: 22ch;
        font-size: 0.875rem;
        line-height: 1.55;
        color: var(--text-tertiary);
        padding-block: 0.65rem;
        padding-inline: 0.85rem;
        border-radius: 0.9rem;
        background: linear-gradient(120deg, color-mix(in srgb, var(--accent-bg) 22%, var(--background-tertiary)), color-mix(in srgb, var(--primary-bg) 20%, var(--background-tertiary)));
        border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent);
      }

      #b-e355d0 .css-f71ec1 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.2vw, 1.2rem);
      }

      #b-e355d0 .css-f71ec1 .css-7cc633 {
        grid-column: 1 / -1;
      }

      #b-e355d0 .form-floating > .form-control {
        border-radius: 0.9rem;
        border: 1px solid color-mix(in srgb, var(--neutral-350) 62%, transparent);
        background-color: var(--background-primary);
        padding-block: 1.15rem;
        padding-inline: 0.95rem;
        font-size: 0.9625rem;
        color: var(--text-primary);
        min-block-size: 3.65rem;
      }

      #b-e355d0 .form-floating > textarea.form-control {
        min-block-size: 10rem;
        padding-block: 1.15rem;
        resize: vertical;
      }

      #b-e355d0 .form-floating > .form-control:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-light) 32%, transparent), 0 0 0 0.05rem color-mix(in srgb, var(--accent) 28%, transparent);
        background-color: var(--background-tertiary);
      }

      #b-e355d0 .form-floating > label {
        padding-inline-start: 0.95rem;
        color: var(--text-tertiary);
      }

      #b-e355d0 .form-floating > .form-control:not(:placeholder-shown) ~ label,
      #b-e355d0 .form-floating > .form-control:focus ~ label {
        color: var(--accent-dark);
        font-weight: 600;
        transform: scale(0.88) translateY(-1rem);
      }

      #b-e355d0 .form-check {
        display: flex;
        align-items: start;
        gap: 0.75rem;
        margin-block: 1.35rem;
        padding-block-start: 1rem;
        padding-block-end: 1.05rem;
        padding-inline: 1rem;
        border-radius: 0.9rem;
        background: linear-gradient(90deg, color-mix(in srgb, var(--primary-bg) 16%, transparent), color-mix(in srgb, var(--accent-bg) 14%, transparent));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 90%, transparent);
      }

      #b-e355d0 .form-check .form-check-input {
        margin-block-start: 0.35rem;
        inline-size: 1.125rem;
        block-size: 1.125rem;
        border: 2px solid var(--neutral-350);
        flex-shrink: 0;
      }

      #b-e355d0 .form-check .form-check-input:checked {
        background-color: var(--accent-dark);
        border-color: var(--accent-dark);
      }

      #b-e355d0 .form-check .form-check-label {
        color: var(--text-secondary);
        font-size: 0.9075rem;
        line-height: 1.6;
        display: block;
        flex: 1;
        min-inline-size: 0;
      }

      #b-e355d0 .form-check .form-check-label a {
        color: var(--accent-dark);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 0.16em;
      }

      #b-e355d0 .form-check .form-check-label a:hover {
        color: var(--primary-dark);
      }

      #b-e355d0 .css-f3a959 {
        margin-block-start: 0.5rem;
      }

      #b-e355d0 .css-9c946e {
        inline-size: 100%;
        border: none;
        border-radius: 0.95rem;
        padding-block: 1rem;
        padding-inline: 1.5rem;
        font-size: 0.9625rem;
        font-weight: 700;
        letter-spacing: 0.018em;
        color: var(--text-light);
        background: linear-gradient(118deg, var(--accent-dark), color-mix(in srgb, var(--accent) 65%, var(--primary-dark)), var(--secondary-dark));
        box-shadow: 0 1rem 2.75rem color-mix(in srgb, var(--accent-dark) 32%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 22%, transparent) inset;
        transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 220ms ease, filter 220ms ease;
      }

      #b-e355d0 .css-9c946e:hover {
        transform: translateY(-3px);
        filter: saturate(1.08);
        box-shadow: 0 1.45rem 3.35rem color-mix(in srgb, var(--primary-dark) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 32%, transparent) inset;
      }

      #b-e355d0 .css-9c946e:active {
        transform: translateY(-1px);
      }

      @media (max-width: 991.98px) {
        #b-e355d0 .css-493e05 {
          margin-block-start: 0;
        }

        #b-e355d0 .css-af7850 {
          min-block-size: auto;
        }
      }

      @media (max-width: 767.98px) {
        #b-e355d0 .css-f71ec1 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-e355d0 .css-a2a0aa {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-e355d0 .css-7594ee {
          flex-direction: column;
          align-items: stretch;
        }

        #b-e355d0 .css-933af3 {
          max-inline-size: none;
        }
      }

#b-3fc006 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-e14e79 {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-a949f5 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-3ffc49 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-156135 {
          .css-15e971 {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-ec5552 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-beebd1 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-3b4a51 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-53a2bf {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-7a776a {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-53a2bf {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-7a776a .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-53a2bf {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

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

@keyframes stripepulse_a3vf8kz1qm6tr {
  0%,
  100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.06);
  }
}

#b-d58a19 {
  min-height: 100vh;
  background:
    linear-gradient(160deg, var(--warning-bg) 0%, var(--background-primary) 28%, var(--accent-bg) 72%, var(--primary-bg) 100%);
  color: var(--text-primary);
  padding-block: 0 4rem;
  padding-inline: 0;
  overflow: hidden;
}

#b-d58a19 .css-3258c4 {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 1rem;
}

#b-d58a19 .css-14f79a {
  position: relative;
  margin-block: 0 2rem;
  margin-inline: calc(50% - 50vw);
  width: 100vw;
  padding-block: 3.5rem 2.75rem;
  padding-inline: max(1rem, calc((100vw - 1100px) / 2 + 1rem));
  background:
    linear-gradient(115deg, var(--primary) 0%, var(--warning-color) 42%, var(--accent) 78%, var(--secondary) 100%);
  color: var(--text-light);
  overflow: hidden;
}

#b-d58a19 .css-14f79a::before {
  content: "";
  position: absolute;
  inset-block-start: -20%;
  inset-inline-end: -8%;
  width: 48vmin;
  height: 48vmin;
  border-radius: 1.5rem;
  background: var(--primary-bg);
  opacity: 0.35;
  transform: rotate(18deg);
  pointer-events: none;
}

#b-d58a19 .css-14f79a::after {
  content: "";
  position: absolute;
  inset-block-end: -12%;
  inset-inline-start: -6%;
  width: 36vmin;
  height: 36vmin;
  border-radius: 50%;
  background: var(--accent-bg);
  opacity: 0.4;
  pointer-events: none;
}

#b-d58a19 .css-d82d67 {
  position: relative;
  z-index: 1;
  max-width: 42rem;
}

#b-d58a19 .css-61d856 {
  display: block;
  width: 5.5rem;
  height: 0.45rem;
  margin-bottom: 1.25rem;
  background: var(--text-light);
  transform-origin: 0% 50%;
  animation: stripepulse_a3vf8kz1qm6tr 2.8s ease-in-out infinite;
}

#b-d58a19 .css-086bb1 {
  margin: 0 0 1rem;
  font-size: clamp(2.35rem, 6vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--text-light);
}

#b-d58a19 .css-8373ac {
  margin: 0 0 1.75rem;
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--text-light);
  max-width: 38rem;
}

#b-d58a19 .css-c75951 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

#b-d58a19 .css-729f7c {
  display: block;
  min-height: 100%;
  padding-block: 0.85rem;
  padding-inline: 0.95rem;
  background: var(--background-dark);
  color: var(--primary-bg);
  border: 2px solid var(--text-light);
  font-size: 0.8rem;
  line-height: 1.45;
  font-weight: 700;
  white-space: normal;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}

#b-d58a19 .css-b4fc90 {
  margin-bottom: 2rem;
  padding-block: 1.15rem;
  padding-inline: 1.15rem;
  background: var(--background-dark);
  border: 3px solid var(--primary);
  box-shadow: 0.55rem 0.55rem 0 var(--accent);
}

#b-d58a19 .css-f3346d {
  margin: 0 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--primary-light);
}

#b-d58a19 .css-d370d0 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

#b-d58a19 .css-d370d0 a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding-block: 0.7rem;
  padding-inline: 0.65rem;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-primary);
  background: var(--primary-bg);
  border: 2px solid var(--primary-dark);
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

#b-d58a19 .css-d370d0 a:nth-child(2) {
  background: var(--accent-bg);
  border-color: var(--accent-dark);
}

#b-d58a19 .css-d370d0 a:nth-child(3) {
  background: var(--secondary-bg);
  border-color: var(--secondary-dark);
}

#b-d58a19 .css-d370d0 a:nth-child(4) {
  background: var(--warning-bg);
  border-color: var(--warning-dark);
}

#b-d58a19 .css-d370d0 a:nth-child(5) {
  background: var(--info-bg);
  border-color: var(--info-dark);
}

#b-d58a19 .css-d370d0 a:nth-child(6) {
  background: var(--danger-bg);
  border-color: var(--danger-dark);
  color: var(--text-light);
}

#b-d58a19 .css-d370d0 a:hover {
  background: var(--text-light);
  color: var(--text-primary);
  transform: translateY(-2px);
}

#b-d58a19 .css-0df665 {
  display: grid;
  gap: 1.35rem;
}

#b-d58a19 .css-086e27 {
  position: relative;
  background: var(--background-tertiary);
  border: 3px solid var(--neutral-1050);
  padding-block: 1.6rem 1.7rem;
  padding-inline: 1.35rem;
  box-shadow: 0.45rem 0.45rem 0 var(--primary);
  animation: slabrise_m7kxq2p9wn4hd 0.55s ease both;
}

#b-d58a19 .css-086e27::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 0.55rem;
  background: linear-gradient(90deg, var(--primary), var(--warning-color), var(--accent));
}

#b-d58a19 .css-26c4d4 {
  box-shadow: 0.45rem 0.45rem 0 var(--accent);
}

#b-d58a19 .css-26c4d4::before {
  background: linear-gradient(90deg, var(--accent), var(--secondary), var(--primary-bg));
}

#b-d58a19 .css-7c2a80 {
  box-shadow: 0.45rem 0.45rem 0 var(--warning-color);
}

#b-d58a19 .css-7c2a80::before {
  background: linear-gradient(90deg, var(--warning-color), var(--primary), var(--danger-color));
}

#b-d58a19 .css-3d93dd {
  box-shadow: 0.45rem 0.45rem 0 var(--secondary);
}

#b-d58a19 .css-3d93dd::before {
  background: linear-gradient(90deg, var(--secondary), var(--accent), var(--info-color));
}

#b-d58a19 .css-f12538 {
  margin: 0.35rem 0 0.9rem;
  font-size: clamp(1.2rem, 2.5vw, 1.55rem);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--text-primary);
}

#b-d58a19 .css-70ba17 {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.75;
  color: var(--text-secondary);
}

#b-d58a19 .css-fe76d0 {
  margin: 0;
  display: grid;
  gap: 0.65rem;
}

#b-d58a19 .css-fe76d0 dt {
  margin: 0;
  padding-block: 0.95rem;
  padding-inline: 1rem;
  background: var(--neutral-50);
  border-inline-start: 6px solid var(--primary);
  border-block-end: 2px solid var(--neutral-150);
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--text-secondary);
}

#b-d58a19 .css-fe76d0 dt:nth-child(2n) {
  border-inline-start-color: var(--accent);
  background: var(--background-secondary);
}

#b-d58a19 .css-fe76d0 dt:nth-child(3n) {
  border-inline-start-color: var(--secondary);
}

#b-d58a19 .css-9efd34 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

#b-d58a19 .css-9efd34 li {
  margin: 0;
  padding-block: 0.85rem;
  padding-inline: 1rem;
  background: var(--neutral-50);
  border: 2px solid var(--border-light);
  border-inline-start: 5px solid var(--primary);
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--text-secondary);
}

#b-d58a19 .css-9efd34 li:nth-child(3n + 2) {
  border-inline-start-color: var(--accent);
}

#b-d58a19 .css-9efd34 li:nth-child(3n) {
  border-inline-start-color: var(--secondary);
}

#b-d58a19 .css-d7221b {
  display: grid;
  gap: 1.1rem;
  padding-block: 1.1rem;
  padding-inline: 1rem;
  background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.45rem 0.45rem 0 var(--secondary-dark);
}

#b-d58a19 .css-2ee171 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.1rem;
}

#b-d58a19 .css-a82cc9 {
  margin-top: 0.5rem;
  padding-block: 2.2rem;
  padding-inline: 1.5rem;
  background:
    linear-gradient(125deg, var(--neutral-1050) 0%, var(--background-dark) 48%, var(--accent-dark) 100%);
  border: 3px solid var(--primary-bg);
  box-shadow: 0.55rem 0.55rem 0 var(--warning-color);
  color: var(--text-light);
  animation: slabrise_m7kxq2p9wn4hd 0.55s ease both;
}

#b-d58a19 .css-a82cc9 .css-f12538 {
  color: var(--primary-bg);
}

#b-d58a19 .css-a82cc9 .css-70ba17 {
  color: var(--neutral-150);
}

#b-d58a19 .css-ed11f5 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

#b-d58a19 .css-2f28fa {
  margin: 0;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  background: var(--neutral-950);
  border-inline-start: 5px solid var(--accent-light);
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--text-light);
  font-weight: 600;
}

@media (min-width: 576px) {
  #b-d58a19 .css-c75951 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #b-d58a19 .css-d370d0 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  #b-d58a19 .css-3258c4 {
    padding-inline: 1.25rem;
  }

  #b-d58a19 .css-086e27 {
    padding-inline: 1.85rem;
  }

  #b-d58a19 .css-2ee171 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #b-d58a19 .css-d370d0 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #b-d58a19 .css-a82cc9 {
    padding-inline: 2rem;
  }
}

@media (min-width: 992px) {
  #b-d58a19 .css-14f79a {
    padding-block: 4.5rem 3.25rem;
  }

  #b-d58a19 .css-b4fc90 {
    position: sticky;
    top: 0.75rem;
    z-index: 5;
  }
}

[dir="rtl"] #b-d58a19 .css-14f79a::before {
  transform: rotate(-18deg);
}

[dir="rtl"] #b-d58a19 .css-61d856 {
  transform-origin: 100% 50%;
}

[dir="rtl"] #b-d58a19 .css-729f7c {
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
}

#b-7256c9 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-e6aca6 {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-f1f901 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-53cf7a {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-cce1b0 {
          .css-90f8ab {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-185ecb {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-ba0645 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-699499 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-984d7c {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-f6cbdb {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-984d7c {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-f6cbdb .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-984d7c {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

#b-ff06b4 {
      --features-rtl-sign: 1;
      --features-shift-x-sign: -1;
      position: relative;
      padding-block: clamp(3.25rem, 6vw, 5.75rem);
      padding-inline: 0;
      overflow: hidden;
      background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 52%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--primary) 10%, transparent) 0%, transparent 48%),
        linear-gradient(160deg, var(--background-tertiary) 0%, var(--background-primary) 45%, color-mix(in srgb, var(--secondary-bg) 35%, var(--background-primary)) 100%);
    }

    [dir='rtl'] #b-ff06b4 {
      --features-rtl-sign: -1;
      --features-shift-x-sign: 1;
    }

    #b-ff06b4::before {
      content: '';
      position: absolute;
      inset-inline-end: clamp(-120px, -8vw, -40px);
      inset-block-start: 10%;
      inline-size: min(420px, 55vw);
      block-size: min(420px, 55vw);
      border-radius: 38% 62% 50% 50% / 45% 45% 55% 55%;
      background: linear-gradient(200deg, color-mix(in srgb, var(--accent) 18%, transparent) 0%, color-mix(in srgb, var(--primary-bg) 16%, transparent) 45%, transparent 100%);
      z-index: 0;
      pointer-events: none;
      animation: featurespanel_qw8kL3mRp9Zn 22s ease-in-out infinite alternate;
    }

    @keyframes featurespanel_qw8kL3mRp9Zn {
      0% {
        transform: rotate(0deg) translateX(calc(var(--features-rtl-sign) * 0px));
      }
      100% {
        transform: rotate(-6deg) translateX(calc(var(--features-rtl-sign) * 18px));
      }
    }

    #b-ff06b4 > .container {
      position: relative;
      z-index: 1;
    }

    #b-ff06b4 .css-cfe456 {
      display: grid;
      grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
      gap: clamp(2rem, 4vw, 3.5rem);
      align-items: stretch;
    }

    @media (max-width: 991.98px) {
      #b-ff06b4 .css-cfe456 {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    #b-ff06b4 .css-fb74cb {
      position: relative;
      padding-inline-end: clamp(0rem, 2vw, 1.25rem);
      padding-inline-start: 1.65rem;
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
    }

    #b-ff06b4 .css-fb74cb::before {
      content: '';
      position: absolute;
      inset-inline-start: 0;
      inset-block-start: 0;
      inset-block-end: 0;
      inline-size: 4px;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--accent) 0%, var(--primary) 52%, color-mix(in srgb, var(--secondary) 72%, transparent) 100%);
    }

    #b-ff06b4 .css-ebd472 {
      display: inline-flex;
      align-self: flex-start;
      padding-block: 0.35rem;
      padding-inline: 0.75rem;
      border-radius: 999px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      white-space: normal;
      color: var(--primary-dark);
      background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
      border: 1px solid color-mix(in srgb, var(--primary-light) 40%, transparent);
    }

    #b-ff06b4 .css-09980c {
      margin: 0;
      font-size: clamp(1.85rem, 3.4vw, 2.65rem);
      font-weight: 800;
      line-height: 1.12;
      color: var(--text-primary);
      letter-spacing: -0.025em;
      max-inline-size: 20ch;
    }

    #b-ff06b4 .css-dce312 {
      margin-block-start: -0.15rem;
      inline-size: 100%;
      max-inline-size: 11rem;
      block-size: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 55%, color-mix(in srgb, var(--secondary-dark) 60%, transparent) 100%);
      transform-origin: inline-start;
      transform: scaleX(1);
    }

    #b-ff06b4 .css-f4df8a {
      margin: 0;
      font-size: 1rem;
      line-height: 1.75;
      color: var(--text-secondary);
      max-inline-size: 32ch;
    }

    #b-ff06b4 .css-ecbe8d {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
      margin-block-start: 0.5rem;
    }

    #b-ff06b4 .css-03368e {
      padding-block: 0.95rem;
      padding-inline: 1rem;
      border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, transparent);
      background-color: color-mix(in srgb, var(--background-tertiary) 92%, var(--accent-bg));
      box-shadow: 0 10px 24px color-mix(in srgb, var(--neutral-1050) 8%, transparent);
    }

    #b-ff06b4 .css-d297d4 {
      display: block;
      font-weight: 800;
      font-size: 1.5rem;
      line-height: 1.05;
      color: var(--text-primary);
      margin-block-end: 0.2rem;
    }

    #b-ff06b4 .css-153db3 {
      margin: 0;
      font-size: 0.8rem;
      line-height: 1.35;
      color: var(--text-tertiary);
      font-weight: 500;
    }

    #b-ff06b4 .css-bfafef {
      display: grid;
      grid-template-rows: repeat(4, minmax(0, 1fr));
      gap: clamp(0.75rem, 2vw, 1.35rem);
      min-block-size: 100%;
    }

    #b-ff06b4 .css-493c5a {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 3.75rem) minmax(0, 5rem) minmax(0, 1fr);
      align-items: center;
      gap: clamp(0.75rem, 2.2vw, 1.5rem);
      padding-block: 1rem;
      padding-inline: clamp(1rem, 2.4vw, 1.65rem);
      border-radius: 18px;
      border: 1px solid color-mix(in srgb, var(--neutral-150) 85%, transparent);
      background-color: color-mix(in srgb, var(--background-tertiary) 96%, transparent);
      box-shadow: 0 1px 0 color-mix(in srgb, var(--neutral-150) 60%, transparent) inset;
      transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.38s ease, box-shadow 0.38s ease;
    }

    @media (max-width: 575.98px) {
      #b-ff06b4 .css-493c5a {
        grid-template-columns: minmax(0, 2.85rem) minmax(0, 4rem) minmax(0, 1fr);
      }
    }

    #b-ff06b4 .css-493c5a::after {
      content: '';
      position: absolute;
      inset-inline-end: clamp(12px, 3vw, 22px);
      inset-block-start: 50%;
      transform: translateX(calc(var(--features-shift-x-sign) * 8px)) translateY(-50%);
      inline-size: 40px;
      block-size: 40px;
      border-radius: 12px;
      background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent-light) 45%, transparent) 0%, transparent 55%), linear-gradient(135deg, color-mix(in srgb, var(--primary-bg) 35%, transparent) 0%, transparent 100%);
      opacity: 0.45;
      pointer-events: none;
    }

    #b-ff06b4 .css-493c5a:hover {
      transform: translateY(-4px);
      border-color: color-mix(in srgb, var(--primary) 35%, var(--neutral-150));
      box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-1050) 12%, transparent);
    }

    #b-ff06b4 .css-69223d {
      font-weight: 800;
      font-size: clamp(1.15rem, 2.4vw, 1.45rem);
      color: color-mix(in srgb, var(--primary) 55%, var(--text-tertiary));
      line-height: 1;
      text-align: center;
      font-variant-numeric: tabular-nums;
    }

    #b-ff06b4 .css-84754d {
      inline-size: 3.25rem;
      block-size: 3.25rem;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--accent-dark);
      background: linear-gradient(145deg, color-mix(in srgb, var(--accent-bg) 70%, var(--background-tertiary)) 0%, color-mix(in srgb, var(--info-bg) 40%, var(--background-tertiary)) 100%);
      border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
      transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), background 0.38s ease, color 0.38s ease;
    }

    #b-ff06b4 .css-84754d i {
      font-size: 1.4rem;
      line-height: 1;
    }

    #b-ff06b4 .css-493c5a:hover .css-84754d {
      transform: translateY(-2px) rotate(-4deg);
      color: var(--primary-dark);
      background: linear-gradient(145deg, var(--primary-light) 0%, var(--accent) 100%);
    }

    #b-ff06b4 .css-5a2bc7 {
      min-inline-size: 0;
    }

    #b-ff06b4 .css-a5d896 {
      margin: 0 0 0.35rem;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--text-primary);
    }

    #b-ff06b4 .css-aa44e1 {
      margin: 0;
      font-size: 0.9rem;
      line-height: 1.6;
      color: var(--text-secondary);
    }

@keyframes pulseglow_k7m2x9q4wp {
        0%,
        100% {
          transform: scale(1);
          opacity: 0.55;
        }
        50% {
          transform: scale(1.12);
          opacity: 0.85;
        }
      }

      @keyframes risein_n3v8c1h6td {
        from {
          opacity: 0;
          transform: translateY(1.25rem);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes popscale_r5b0j2f8qa {
        from {
          opacity: 0;
          transform: scale(0.94);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      #b-0e2d74 {
        position: relative;
        overflow: hidden;
        padding-block: 5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          var(--primary-dark) 0%,
          var(--accent) 42%,
          var(--warning-color) 100%
        );
      }

      #b-0e2d74 .css-baa29f {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
        animation: pulseglow_k7m2x9q4wp 8s ease-in-out infinite;
      }

      #b-0e2d74 .css-28a1d9 {
        width: min(42vw, 22rem);
        height: min(42vw, 22rem);
        inset-block-start: -6rem;
        inset-inline-end: -4rem;
        background: radial-gradient(
          circle,
          var(--info-light) 0%,
          var(--info-color) 45%,
          var(--primary-bg) 100%
        );
      }

      #b-0e2d74 .css-10fc68 {
        width: min(36vw, 18rem);
        height: min(36vw, 18rem);
        inset-block-end: -5rem;
        inset-inline-start: -3rem;
        background: radial-gradient(
          circle,
          var(--warning-bg) 0%,
          var(--secondary-bg) 55%,
          var(--secondary) 100%
        );
        animation-delay: 1.6s;
      }

      #b-0e2d74 .css-9ef038 {
        position: relative;
        z-index: 1;
      }

      #b-0e2d74 .css-e53cd3 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
        margin-block-end: 2.5rem;
        padding-block: 1.75rem;
        padding-inline: 1.75rem;
        background: var(--background-tertiary);
        border: 0.25rem solid var(--text-light);
        box-shadow: 0.65rem 0.65rem 0 var(--secondary);
        animation: risein_n3v8c1h6td 0.7s ease both;
      }

      #b-0e2d74 .css-75d2f2 {
        display: inline-block;
        width: fit-content;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        background: linear-gradient(90deg, var(--warning-color), var(--danger-color));
        color: var(--text-light);
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: normal;
      }

      #b-0e2d74 .css-d822fb {
        margin-block: 0.35rem 0.5rem;
        margin-inline: 0;
        color: var(--text-primary);
        font-weight: 900;
        line-height: 1.15;
      }

      #b-0e2d74 .css-17487d {
        margin: 0;
        max-width: 42rem;
        color: var(--text-secondary);
      }

      #b-0e2d74 .css-8908c7 {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        gap: 1.75rem;
        align-items: start;
      }

      #b-0e2d74 .css-53e029 {
        position: relative;
        z-index: 1;
        width: 100%;
        aspect-ratio: 1;
        overflow: hidden;
        border: 0.35rem solid var(--text-light);
        box-shadow: 0.8rem 0.8rem 0 var(--info-color);
        animation: popscale_r5b0j2f8qa 0.75s ease both;
      }

      #b-0e2d74 .css-53e029 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      #b-0e2d74 .css-5ae29c {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
      }

      #b-0e2d74 .css-6eef1c {
        position: relative;
        padding-block: 1.35rem;
        padding-inline: 1.35rem;
        background: var(--background-tertiary);
        border: 0.2rem solid var(--text-light);
        box-shadow: 0.45rem 0.45rem 0 var(--primary-dark);
        animation: risein_n3v8c1h6td 0.7s ease both;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }

      #b-0e2d74 .css-6eef1c:hover {
        transform: translateY(-0.35rem);
        box-shadow: 0.55rem 0.7rem 0 var(--primary);
      }

      #b-0e2d74 .css-0111b2 {
        border-inline-start: 0.55rem solid var(--warning-color);
        animation-delay: 0.08s;
      }

      #b-0e2d74 .css-bbb115 {
        border-inline-start: 0.55rem solid var(--info-color);
        animation-delay: 0.18s;
        margin-inline-start: 1.25rem;
      }

      #b-0e2d74 .css-306086 {
        border-inline-start: 0.55rem solid var(--secondary);
        animation-delay: 0.28s;
      }

      #b-0e2d74 .css-055b51 {
        margin-block: 0 0.35rem;
        margin-inline: 0;
        color: var(--text-primary);
        font-weight: 800;
      }

      #b-0e2d74 .css-8b9999 {
        margin-block: 0 0.65rem;
        margin-inline: 0;
        color: var(--accent-dark);
        font-weight: 700;
      }

      #b-0e2d74 .css-62df96 {
        margin-block: 0 1rem;
        margin-inline: 0;
        color: var(--text-secondary);
      }

      #b-0e2d74 .css-c32f2a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.65rem;
        padding-inline: 1.15rem;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        color: var(--text-light);
        font-weight: 800;
        text-decoration: none;
        border: 0.15rem solid var(--text-light);
        box-shadow: 0.3rem 0.3rem 0 var(--warning-color);
        transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
      }

      #b-0e2d74 .css-c32f2a:hover {
        background: linear-gradient(135deg, var(--accent), var(--primary-dark));
        transform: translateY(-0.15rem);
        box-shadow: 0.35rem 0.4rem 0 var(--secondary);
        color: var(--text-light);
      }

      @media (max-width: 991.98px) {
        #b-0e2d74 {
          padding-block: 3.5rem;
        }

        #b-0e2d74 .css-8908c7 {
          grid-template-columns: minmax(0, 1fr);
        }

        #b-0e2d74 .css-53e029 {
          max-width: 26rem;
          margin-inline: auto;
          order: -1;
        }

        #b-0e2d74 .css-bbb115 {
          margin-inline-start: 0;
        }

        #b-0e2d74 .css-e53cd3 {
          padding-block: 1.35rem;
          padding-inline: 1.25rem;
          box-shadow: 0.45rem 0.45rem 0 var(--secondary);
        }
      }

#b-da8da8 {
            padding-block: clamp(4rem, 8vw, 7rem);
            padding-inline: 0;
            position: relative;
            overflow: hidden;
            background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--info-bg) 35%, var(--background-primary)) 45%, var(--background-tertiary) 100%);
          }
    
          #b-da8da8::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--primary-bg) 55%, transparent), transparent 52%), radial-gradient(circle at 92% 78%, color-mix(in srgb, var(--accent-bg) 50%, transparent), transparent 55%);
            opacity: 0.28;
            pointer-events: none;
          }
    
          #b-da8da8::after {
            content: '';
            position: absolute;
            inset-block: 12%;
            inset-inline: 0;
            margin-inline: auto;
            max-width: min(1120px, 94%);
            border-radius: 32px;
            border: 1px solid color-mix(in srgb, var(--border-light) 65%, transparent);
            background: linear-gradient(120deg, color-mix(in srgb, var(--background-tertiary) 82%, var(--neutral-50)), color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg)));
            box-shadow: 0 40px 80px color-mix(in srgb, var(--neutral-1050) 6%, transparent);
            pointer-events: none;
            z-index: 0;
          }
    
          #b-da8da8 .css-928857 {
            position: relative;
            z-index: 1;
          }
    
          #b-da8da8 .css-e627c3 {
            position: relative;
            border-radius: 28px;
            padding-block: clamp(2rem, 5vw, 3.25rem);
            padding-inline: clamp(1.25rem, 4vw, 3rem);
            border: 1px solid color-mix(in srgb, var(--border-light) 70%, transparent);
            background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
            box-shadow: 0 28px 60px color-mix(in srgb, var(--neutral-1050) 7%, transparent);
          }
    
          #b-da8da8 .css-937e18 {
            position: absolute;
            inset-block-start: clamp(1.25rem, 3vw, 2rem);
            inset-inline-start: clamp(1rem, 3vw, 2rem);
            width: 3px;
            height: clamp(3rem, 12vw, 5.5rem);
            border-radius: 999px;
            background: linear-gradient(180deg, var(--primary), var(--accent));
          }
    
          [dir='rtl'] #b-da8da8 .css-937e18 {
            inset-inline-start: auto;
            inset-inline-end: clamp(1rem, 3vw, 2rem);
          }
    
          #b-da8da8 .css-229ff8 {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            text-transform: uppercase;
            letter-spacing: 0.14em;
            font-size: 0.72rem;
            font-weight: 700;
            color: var(--accent-dark);
            margin-block-end: 1rem;
            margin-inline-start: 0.25rem;
          }
    
          #b-da8da8 .css-4e9946 {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--primary));
            box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent-bg) 45%, transparent);
          }
    
          #b-da8da8 .css-b02333 {
            font-size: clamp(1.85rem, 2.8vw + 1rem, 2.85rem);
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -0.02em;
            color: var(--primary-dark);
            margin-block-end: 1.15rem;
            max-width: 22ch;
          }
    
          #b-da8da8 .css-3af879 {
            font-size: 1.08rem;
            line-height: 1.75;
            color: var(--text-secondary);
            max-width: 58ch;
            margin-block-end: 2rem;
          }
    
          #b-da8da8 .css-84449a {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: clamp(1.5rem, 3vw, 2.5rem);
            margin-block-end: 2rem;
          }
    
          @media (min-width: 992px) {
            #b-da8da8 .css-84449a {
              grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
              align-items: start;
            }
          }
    
          #b-da8da8 .css-8bc309 {
            display: grid;
            gap: 1.25rem;
          }
    
          #b-da8da8 .css-8bc309 p {
            margin: 0;
            font-size: 1rem;
            line-height: 1.8;
            color: var(--text-primary);
          }
    
          #b-da8da8 .css-8bc309 p.css-c95e0f {
            color: var(--text-secondary);
            font-size: 1.02rem;
          }
    
          #b-da8da8 .css-ccc4b7 {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
          }
    
          #b-da8da8 .css-551f81 {
            position: relative;
            padding-block: 1.5rem;
            padding-inline: 1.5rem;
            border-radius: 20px;
            background: linear-gradient(145deg, color-mix(in srgb, var(--primary-bg) 22%, var(--background-tertiary)), color-mix(in srgb, var(--accent-bg) 18%, var(--background-tertiary)));
            border: 1px solid color-mix(in srgb, var(--primary-light) 35%, var(--border-light));
          }
    
          #b-da8da8 .css-551f81::before {
            content: '';
            position: absolute;
            inset-block-start: 1.25rem;
            inset-inline-start: 1.25rem;
            width: 36px;
            height: 2px;
            border-radius: 999px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
          }
    
          [dir='rtl'] #b-da8da8 .css-551f81::before {
            inset-inline-start: auto;
            inset-inline-end: 1.25rem;
          }
    
          #b-da8da8 .css-551f81 p {
            margin: 0;
            padding-block-start: 0.75rem;
            font-size: 1.05rem;
            line-height: 1.7;
            font-weight: 600;
            color: var(--text-primary);
          }
    
          #b-da8da8 .css-1c3724 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.85rem 1rem;
          }
    
          @media (min-width: 576px) {
            #b-da8da8 .css-1c3724 {
              grid-template-columns: repeat(4, minmax(0, 1fr));
            }
          }
    
          #b-da8da8 .css-a9d65f {
            padding-block: 0.85rem;
            padding-inline: 1rem;
            border-radius: 16px;
            background: color-mix(in srgb, var(--neutral-50) 70%, var(--background-tertiary));
            border: 1px solid color-mix(in srgb, var(--border-light) 80%, transparent);
          }
    
          #b-da8da8 .css-a9d65f span {
            display: block;
            font-size: 0.78rem;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            font-weight: 700;
            color: var(--text-tertiary);
            margin-block-end: 0.35rem;
          }
    
          #b-da8da8 .css-a9d65f strong {
            display: block;
            font-size: 0.95rem;
            font-weight: 700;
            color: var(--primary-dark);
            line-height: 1.35;
          }
    
          #b-da8da8 .css-a8bfb1 {
            display: flex;
            flex-wrap: wrap;
            gap: 0.65rem;
            margin-block-start: 0.25rem;
          }
    
          #b-da8da8 .css-480f38 {
            padding-block: 0.55rem;
            padding-inline: 1rem;
            border-radius: 999px;
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--text-secondary);
            background: linear-gradient(135deg, color-mix(in srgb, var(--background-tertiary) 85%, var(--neutral-50)), color-mix(in srgb, var(--background-secondary) 40%, var(--background-tertiary)));
            border: 1px solid color-mix(in srgb, var(--border-light) 85%, transparent);
            white-space: normal;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
          }
    
          #b-da8da8 .css-480f38:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 28px color-mix(in srgb, var(--neutral-1050) 7%, transparent);
          }
    
          #b-da8da8 .css-0a6453 {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem;
            align-items: center;
            margin-block-start: 0.25rem;
          }
    
          #b-da8da8 .css-6266e3,
          #b-da8da8 .css-d65990 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding-block: 0.95rem;
            padding-inline: 1.65rem;
            border-radius: 999px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.98rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
          }
    
          #b-da8da8 .css-6266e3 {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: var(--text-light);
            border: 1px solid color-mix(in srgb, var(--primary-dark) 40%, transparent);
          }
    
          #b-da8da8 .css-6266e3:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 36px color-mix(in srgb, var(--neutral-1050) 12%, transparent);
            color: var(--text-light);
          }
    
          #b-da8da8 .css-d65990 {
            background: var(--background-tertiary);
            color: var(--primary-dark);
            border: 1px solid color-mix(in srgb, var(--border-light) 90%, var(--primary-light));
          }
    
          #b-da8da8 .css-d65990:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 30px color-mix(in srgb, var(--neutral-1050) 9%, transparent);
            color: var(--primary-dark);
          }
    
          @media (max-width: 991px) {
            #b-da8da8::after {
              display: none;
            }
          }

#b-8144b7 {
      --cta-rtl-sign: 1;
      --cta-ring: color-mix(in srgb, var(--primary) 22%, var(--background-tertiary));
      --cta-veil: color-mix(in srgb, var(--accent) 9%, var(--background-primary));
      background: var(--background-primary);
      padding-block: clamp(3.5rem, 7vw, 5.5rem);
      padding-inline: 0;
      position: relative;
      overflow: clip;
    }

  [dir='rtl'] #b-8144b7 {
      --cta-rtl-sign: -1;
    }

    #b-8144b7::before {
      content: '';
      position: absolute;
      inset-block-start: -20%;
      inset-inline-end: -8%;
      width: min(52vw, 520px);
      height: min(52vw, 520px);
      background: radial-gradient(
        circle at 30% 30%,
        color-mix(in srgb, var(--primary-light) 35%, transparent),
        color-mix(in srgb, var(--accent-bg) 0%, transparent) 72%
      );
      border-radius: 50%;
      pointer-events: none;
      z-index: 0;
    }

    #b-8144b7::after {
      content: '';
      position: absolute;
      inset-block-end: -28%;
      inset-inline-start: -12%;
      width: min(48vw, 480px);
      height: min(48vw, 480px);
      background: conic-gradient(
        from 210deg,
        color-mix(in srgb, var(--secondary) 20%, transparent),
        color-mix(in srgb, var(--info-light) 18%, transparent),
        color-mix(in srgb, var(--primary) 16%, transparent),
        color-mix(in srgb, var(--secondary) 20%, transparent)
      );
      border-radius: 50%;
      filter: blur(0);
      opacity: 0.35;
      pointer-events: none;
      z-index: 0;
    }

    #b-8144b7 .css-5abcd4 {
      position: relative;
      z-index: 1;
    }

    #b-8144b7 .css-52f8d3 {
      position: relative;
      border-radius: 1.75rem;
      border: 1px solid var(--cta-ring);
      background: linear-gradient(
        180deg,
        var(--background-tertiary) 0%,
        color-mix(in srgb, var(--background-secondary) 55%, var(--background-tertiary)) 100%
      );
      box-shadow: 0 32px 64px color-mix(in srgb, var(--neutral-850) 14%, transparent);
      padding-block: clamp(2.25rem, 4.5vw, 3.25rem);
      padding-inline: clamp(1.25rem, 3.2vw, 2.75rem);
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: clamp(1.75rem, 3vw, 2.75rem);
      align-items: stretch;
    }

    #b-8144b7 .css-52f8d3::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      width: 100%;
      height: 6px;
      border-radius: 1.75rem 1.75rem 0 0;
      background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
    }

    #b-8144b7 .css-52f8d3::after {
      content: '';
      position: absolute;
      inset-block-start: 1.1rem;
      inset-inline-end: 1.1rem;
      width: 4.5rem;
      height: 4.5rem;
      border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--background-tertiary));
      border-radius: 0.9rem;
      background: var(--cta-veil);
      transform: rotate(8deg);
      pointer-events: none;
    }

    #b-8144b7 .css-2f51e8 {
      position: relative;
      padding-inline-end: clamp(0rem, 1.2vw, 1rem);
    }

    #b-8144b7 .css-2f51e8::after {
      content: '';
      position: absolute;
      inset-block: 0.35rem 0.35rem;
      inset-inline-end: 0;
      width: 1px;
      background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--neutral-250) 0%, transparent) 0%,
        var(--neutral-150) 45%,
        color-mix(in srgb, var(--neutral-250) 0%, transparent) 100%
      );
    }

    #b-8144b7 .css-122801 {
      display: inline-block;
      white-space: normal;
      font-size: 0.8125rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--text-secondary);
      background: color-mix(in srgb, var(--accent) 10%, var(--background-tertiary));
      border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--background-tertiary));
      border-radius: 999px;
      padding-block: 0.4rem;
      padding-inline: 0.9rem;
      margin-block-end: 1.1rem;
    }

    #b-8144b7 .css-648446 {
      margin: 0;
      color: var(--text-primary);
      font-weight: 800;
      font-size: clamp(1.9rem, 2.1vw + 1.1rem, 2.9rem);
      line-height: 1.12;
      letter-spacing: -0.035em;
    }

    #b-8144b7 .css-d4fbc1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1.35rem;
      min-width: 0;
    }

    #b-8144b7 .css-2979df {
      margin: 0;
      color: var(--text-secondary);
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 38ch;
    }

    #b-8144b7 .css-1e1415 {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0.75rem;
    }

    #b-8144b7 .css-c84328 {
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      border-radius: 999px;
      font-weight: 700;
      font-size: 1rem;
      padding-block: 0.95rem;
      padding-inline: 1.25rem;
      border: 2px solid transparent;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    #b-8144b7 .css-83cb5f {
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      box-shadow: 0 16px 28px color-mix(in srgb, var(--primary-dark) 30%, transparent);
    }

    #b-8144b7 .css-83cb5f:hover {
      transform: translateY(-2px);
      box-shadow: 0 22px 40px color-mix(in srgb, var(--primary-dark) 40%, transparent);
      color: var(--text-light);
    }

    #b-8144b7 .css-5aae10 {
      color: var(--text-primary);
      background: var(--background-tertiary);
      border-color: color-mix(in srgb, var(--neutral-350) 55%, var(--background-tertiary));
    }

    #b-8144b7 .css-5aae10:hover {
      border-color: var(--primary);
      color: var(--primary-dark);
      background: color-mix(in srgb, var(--primary) 5%, var(--background-tertiary));
    }

    #b-8144b7 .css-c84328 i {
      font-size: 1.1rem;
      line-height: 1;
      transition: transform 0.2s ease;
    }

    #b-8144b7 .css-83cb5f:hover i,
    #b-8144b7 .css-5aae10:hover i {
      transform: translateX(calc(var(--cta-rtl-sign) * 0.2rem));
    }

    @media (max-width: 991.98px) {
      #b-8144b7 .css-52f8d3 {
        grid-template-columns: minmax(0, 1fr);
        padding-block: 2rem;
      }

      #b-8144b7 .css-52f8d3::after {
        display: none;
      }

      #b-8144b7 .css-2f51e8 {
        padding-inline-end: 0;
      }

      #b-8144b7 .css-2f51e8::after {
        display: none;
      }

      #b-8144b7 .css-2979df {
        max-width: none;
      }
    }

    @media (max-width: 575.98px) {
      #b-8144b7 .css-c84328 {
        width: 100%;
      }
    }

#b-01a3c0 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-372044 {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-f6b418 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-67b811 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-55a3f1 {
          .css-72948a {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-9d0f24 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-1eeed1 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-0277df {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-2bd43e {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-0dcacb {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-2bd43e {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-0dcacb .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-2bd43e {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

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

@keyframes termsglow_r3vt9a1xq6h {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

@keyframes termsslide_b7n4w2k9xm {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

[dir="rtl"] #b-aabe30 .css-54dc9e {
  animation-name: termsslide_rtl_p2q8vn5x3m;
}

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

#b-aabe30 {
  background: linear-gradient(180deg, var(--neutral-1050) 0%, var(--background-dark) 28%, var(--background-primary) 28%, var(--background-secondary) 100%);
  color: var(--text-primary);
  min-height: 100vh;
  padding-block-end: 4rem;
  overflow: hidden;
}

#b-aabe30 .css-844b35 {
  position: relative;
  padding-block: clamp(2.75rem, 6vw, 5rem) clamp(2rem, 4vw, 3.25rem);
  color: var(--text-light);
}

#b-aabe30 .css-8a0149 {
  position: absolute;
  inset-inline-start: -12%;
  inset-block-start: -30%;
  width: 55%;
  height: 120%;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--primary) 55%, transparent) 0%, transparent 70%);
  pointer-events: none;
  animation: termsglow_r3vt9a1xq6h 5s ease-in-out infinite;
}

#b-aabe30 .css-274965 {
  position: absolute;
  inset-inline-end: -8%;
  inset-block-end: -40%;
  width: 48%;
  height: 100%;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--warning-color) 40%, transparent) 0%, transparent 68%);
  pointer-events: none;
  animation: termsglow_r3vt9a1xq6h 6.5s ease-in-out infinite;
  animation-delay: 1.2s;
}

#b-aabe30 .css-54dc9e {
  position: absolute;
  inset-inline-end: 8%;
  inset-block-start: 12%;
  width: min(38vw, 220px);
  height: 6px;
  background: linear-gradient(90deg, var(--info-color) 0%, var(--warning-color) 55%, var(--secondary) 100%);
  transform: rotate(-18deg);
  animation: termsslide_b7n4w2k9xm 0.7s ease-out both;
  pointer-events: none;
}

#b-aabe30 .css-b507ea {
  position: relative;
  z-index: 1;
  max-width: 52rem;
  animation: termsflare_k8m2pqx7n4w 0.7s ease-out both;
}

#b-aabe30 .css-5580fd {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--info-color);
  margin-block-end: 1rem;
}

#b-aabe30 .css-5580fd span {
  color: var(--warning-light);
  margin-inline-start: 0.45rem;
  letter-spacing: 0.04em;
  text-transform: none;
  font-weight: 600;
}

#b-aabe30 .css-844b35 h1 {
  font-size: clamp(2.1rem, 5.5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  margin-block-end: 1.15rem;
  color: var(--text-light);
  background: linear-gradient(105deg, var(--text-light) 0%, var(--info-light) 45%, var(--warning-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#b-aabe30 .css-2610ba {
  font-size: 1.08rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--text-light) 82%, var(--primary-bg));
  margin-block-end: 0;
  max-width: 38rem;
}

#b-aabe30 .css-6e206b {
  position: relative;
  padding-block: 0 1rem;
  margin-block-start: -0.5rem;
}

#b-aabe30 .css-b57229 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
}

@media (min-width: 992px) {
  #b-aabe30 .css-b57229 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
  }

  #b-aabe30 .css-f7ffb3 {
    grid-column: 1 / -1;
  }
}

#b-aabe30 .css-f6b133 {
  position: relative;
  background: var(--background-tertiary);
  padding-block: 1.55rem;
  padding-inline: 1.35rem 1.4rem;
  border: 1px solid var(--border-light);
  border-inline-start: 6px solid var(--primary);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--neutral-950) 8%, transparent);
  animation: termsflare_k8m2pqx7n4w 0.55s ease-out both;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

#b-aabe30 .css-f6b133:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px color-mix(in srgb, var(--neutral-950) 12%, transparent);
}

#b-aabe30 .css-f6b133:nth-child(6n + 2) {
  border-inline-start-color: var(--accent);
  animation-delay: 0.04s;
}

#b-aabe30 .css-f6b133:nth-child(6n + 3) {
  border-inline-start-color: var(--secondary);
  animation-delay: 0.08s;
}

#b-aabe30 .css-f6b133:nth-child(6n + 4) {
  border-inline-start-color: var(--warning-color);
  animation-delay: 0.12s;
}

#b-aabe30 .css-f6b133:nth-child(6n + 5) {
  border-inline-start-color: var(--danger-color);
  animation-delay: 0.16s;
}

#b-aabe30 .css-f6b133:nth-child(6n) {
  border-inline-start-color: var(--info-dark);
  animation-delay: 0.2s;
}

#b-aabe30 .css-f7ffb3 {
  background: linear-gradient(120deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--primary-bg) 22%, var(--background-tertiary)) 50%, color-mix(in srgb, var(--warning-bg) 18%, var(--background-tertiary)) 100%);
  border-inline-start-width: 8px;
  padding-block: 1.85rem;
  padding-inline: clamp(1.35rem, 3vw, 2.1rem);
}

#b-aabe30 .css-180744 {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-block-end: 1rem;
}

#b-aabe30 .css-fe6287 {
  flex-shrink: 0;
  width: 2.65rem;
  height: 2.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--text-light);
  background: linear-gradient(145deg, var(--primary) 0%, var(--primary-dark) 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

#b-aabe30 .css-f6b133:nth-child(6n + 2) .css-fe6287 {
  background: linear-gradient(145deg, var(--accent) 0%, var(--accent-dark) 100%);
}

#b-aabe30 .css-f6b133:nth-child(6n + 3) .css-fe6287 {
  background: linear-gradient(145deg, var(--secondary) 0%, var(--secondary-dark) 100%);
}

#b-aabe30 .css-f6b133:nth-child(6n + 4) .css-fe6287 {
  background: linear-gradient(145deg, var(--warning-color) 0%, var(--warning-dark) 100%);
}

#b-aabe30 .css-f6b133:nth-child(6n + 5) .css-fe6287 {
  background: linear-gradient(145deg, var(--danger-color) 0%, var(--danger-dark) 100%);
}

#b-aabe30 .css-f6b133:nth-child(6n) .css-fe6287 {
  background: linear-gradient(145deg, var(--info-color) 0%, var(--info-dark) 100%);
}

#b-aabe30 .css-f6b133 h2 {
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  margin: 0;
}

#b-aabe30 .css-f6b133 p {
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-block-end: 0.65rem;
}

#b-aabe30 .css-f6b133 p:last-child {
  margin-block-end: 0;
}

#b-aabe30 .css-f6b133 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

@media (min-width: 768px) {
  #b-aabe30 .css-f7ffb3 ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#b-aabe30 .css-f6b133 ul li {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
  padding-block: 0.7rem;
  padding-inline: 0.95rem;
  background: color-mix(in srgb, var(--background-primary) 70%, var(--background-tertiary));
  border-inline-start: 3px solid var(--accent);
  margin: 0;
}

#b-aabe30 .css-f6b133:nth-child(6n + 3) ul li {
  border-inline-start-color: var(--secondary);
}

#b-aabe30 .css-f6b133:nth-child(6n + 4) ul li {
  border-inline-start-color: var(--warning-color);
}

#b-aabe30 .css-f6b133:nth-child(6n) ul li {
  border-inline-start-color: var(--info-dark);
}

#b-aabe30 .css-76dde1 {
  margin-block-start: 1.35rem;
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--secondary-dark) 100%);
  color: var(--text-light);
  padding-block: clamp(1.75rem, 3.5vw, 2.5rem);
  padding-inline: clamp(1.25rem, 3vw, 2.25rem);
  animation: termsflare_k8m2pqx7n4w 0.65s ease-out both;
}

#b-aabe30 .css-76dde1::before {
  content: '';
  position: absolute;
  inset-inline-end: -5%;
  inset-block-start: -40%;
  width: 40%;
  height: 160%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--info-color) 35%, transparent), transparent);
  transform: rotate(18deg);
  pointer-events: none;
}

#b-aabe30 .css-76dde1::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--info-color) 50%, var(--secondary-light) 100%);
}

#b-aabe30 .css-76dde1 h2 {
  position: relative;
  z-index: 1;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-block-end: 1.25rem;
  color: var(--text-light);
}

#b-aabe30 .css-7ad6e0 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 768px) {
  #b-aabe30 .css-7ad6e0 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#b-aabe30 .css-5a4299 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 1rem;
  padding-inline: 1rem;
  background: color-mix(in srgb, var(--text-light) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--text-light) 22%, transparent);
  font-size: 0.9rem;
  color: var(--text-light);
  transition: background 0.25s ease, border-color 0.25s ease;
  min-height: 100%;
}

#b-aabe30 .css-5a4299:hover {
  background: color-mix(in srgb, var(--text-light) 20%, transparent);
  border-color: color-mix(in srgb, var(--info-color) 55%, var(--text-light));
}

#b-aabe30 .css-5a4299 i {
  color: var(--info-color);
  font-size: 1.15rem;
  margin-block-start: 0.1rem;
  flex-shrink: 0;
}

#b-1cc852 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-6530a7 {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-c12af4 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-d4229c {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-01da03 {
          .css-6ee03e {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-7d35c7 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-0d1366 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-1ebc46 {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }

#b-5e248e {
        --header-menu-bg: rgba(255, 255, 255, 0.12);
        --header-menu-edge: rgba(255, 255, 255, 0.22);
        --header-mobile-panel: rgba(0, 0, 0, 0.18);
        background: linear-gradient(118deg, var(--primary-dark) 0%, var(--accent-dark) 42%, var(--primary) 100%);
        box-shadow: 0 0.5rem 1.75rem rgba(var(--bs-dark-rgb), 0.35);
        position: relative;
        isolation: isolate;

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(120% 80% at 100% 0%, rgba(var(--bs-secondary-rgb), 0.35) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(var(--bs-accent-rgb), 0.28) 0%, transparent 50%);
          opacity: 0.95;
          z-index: 0;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline: 0;
          height: 4px;
          background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 45%, var(--info-light) 100%);
          z-index: 1;
          pointer-events: none;
        }

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

        .navbar-brand {
          white-space: normal;
          font-size: clamp(1.1rem, 2.5vw, 1.45rem);
          letter-spacing: 0.08em;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding-block: 0.35rem;
          padding-inline: 0.85rem 0.65rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
          color: var(--text-light) !important;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: var(--accent-light);
            box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
            transform: translateY(-1px);
            color: var(--accent-bg) !important;
          }
        }

        .navbar-toggler {
          border: 1px solid var(--header-menu-edge);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.7rem;
          background: var(--header-menu-bg);
          backdrop-filter: blur(6px);

          &:focus {
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.35);
          }

          .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='%2383ae39' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }

        .navbar-collapse {
          margin-top: 0;
        }

        .navbar-nav {
          gap: 0.15rem;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--header-menu-edge);
          background: var(--header-menu-bg);
          backdrop-filter: blur(10px);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);

          .css-61eb46 {
            margin: 0;

            .nav-link {
              position: relative;
              font-weight: 600;
              font-size: 0.78rem;
              letter-spacing: 0.12em;
              color: var(--text-light) !important;
              border-radius: 999px;
              padding-block: 0.65rem;
              padding-inline: 1rem;
              overflow: hidden;
              transition: color 0.2s ease, background 0.2s ease;

              &::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(120deg, var(--secondary) 0%, var(--accent) 100%);
                opacity: 0;
                transform: scale(0.92);
                transition: opacity 0.25s ease, transform 0.25s ease;
                z-index: 0;
              }

              span {
                position: relative;
                z-index: 1;
              }

              &:hover {
                color: var(--text-light) !important;

                &::before {
                  opacity: 0.35;
                  transform: scale(1);
                }
              }

              &.active {
                color: var(--text-light) !important;
                font-weight: 700;
                animation: menurail_glow_xk9mqw4n7p2rt 2.4s ease-in-out infinite;

                &::before {
                  opacity: 0.55;
                  transform: scale(1);
                }
              }
            }
          }
        }
      }

      @keyframes menurail_glow_xk9mqw4n7p2rt {
        0%,
        100% {
          filter: brightness(1);
        }
        50% {
          filter: brightness(1.12);
        }
      }

      @media (max-width: 991.98px) {
        #b-5e248e {
          .navbar-nav {
            margin-top: 0.85rem;
            flex-direction: column;
            align-items: stretch;
            border-radius: 1rem;
            padding: 0.65rem;
            gap: 0.35rem;
            background: var(--header-mobile-panel);
            border-color: var(--header-menu-edge);
            box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);

            .css-61eb46 .nav-link {
              border-radius: 0.75rem;
              padding-block: 0.85rem;
              padding-inline: 1rem;
              text-align: start;
              border: 1px solid transparent;

              &::before {
                border-radius: inherit;
                opacity: 0;
              }

              &:hover::before {
                opacity: 0.25;
              }

              &.active::before {
                opacity: 0.45;
              }

              &.active {
                border-color: var(--accent-light);
                animation: none;
              }
            }
          }
        }
      }

      @media (min-width: 992px) {
        #b-5e248e {
          .navbar-collapse {
            justify-content: center;
          }

          .navbar-nav {
            flex-direction: row;
            align-items: center;
            justify-content: center;
          }
        }
      }

#b-e8f5f7 {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--neutral-1050) 0%, var(--primary-dark) 42%, var(--accent-dark) 100%);
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

#b-e8f5f7.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

#b-e8f5f7 .css-3258ae {
  position: absolute;
  inset-block-start: -20%;
  inset-inline-end: -10%;
  width: min(70vw, 34rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, var(--warning-color) 0%, var(--warning-dark) 35%, var(--neutral-1050) 70%);
  opacity: 0.45;
  pointer-events: none;
  animation: tyflare_m8k2q9x4vn1 6s ease-in-out infinite;
}

#b-e8f5f7 .css-41e6cd {
  position: absolute;
  inset-block-end: -25%;
  inset-inline-start: -15%;
  width: min(80vw, 38rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, var(--info-color) 0%, var(--accent) 40%, var(--neutral-1050) 72%);
  opacity: 0.35;
  pointer-events: none;
  animation: tyflare_m8k2q9x4vn1 7.5s ease-in-out infinite reverse;
}

#b-e8f5f7 .css-6b9d13 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 18%;
  width: 12vw;
  min-width: 4rem;
  max-width: 7rem;
  height: 100%;
  background: linear-gradient(180deg, var(--warning-light) 0%, var(--danger-color) 50%, var(--info-light) 100%);
  opacity: 0.9;
  pointer-events: none;
  animation: tyslashdrop_p3n7w2k8zq5 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#b-e8f5f7[dir="rtl"] .css-6b9d13,
[dir="rtl"] #b-e8f5f7 .css-6b9d13 {
  animation-name: tyslashdroprtl_q4m8v2n6xp9;
}

#b-e8f5f7 .css-1dcb5d {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-block: clamp(2.5rem, 8vw, 5rem);
  padding-inline: clamp(1.25rem, 6vw, 5rem);
}

#b-e8f5f7 .css-4fc1a9 {
  max-width: 42rem;
  width: 100%;
  margin-inline-start: auto;
  padding-block: clamp(2rem, 5vw, 3.5rem);
  padding-inline: clamp(1.5rem, 4vw, 3rem);
  background: linear-gradient(135deg, var(--neutral-1050) 0%, var(--neutral-950) 55%, var(--primary-dark) 100%);
  border: 3px solid var(--warning-color);
  border-inline-start-width: 10px;
  border-inline-start-color: var(--info-color);
  box-shadow: 0 28px 0 var(--warning-dark), 0 28px 0 3px var(--neutral-1050);
  animation: typanelrise_h6r4t9c2xm8 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}

#b-e8f5f7 .css-76547f {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding-block: 0.35rem;
  padding-inline: 0.85rem;
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--danger-color) 100%);
  color: var(--text-light);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: normal;
  line-height: 1.3;
  animation: tyfadeup_b7v3n1k5qd2 0.7s ease-out 0.35s both;
}

#b-e8f5f7 .css-609c9b {
  margin-bottom: 1.25rem;
  color: var(--info-light);
  font-size: clamp(2.4rem, 6vw, 4rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  animation: tyfadeup_b7v3n1k5qd2 0.7s ease-out 0.45s both;
}

#b-e8f5f7 .css-0e11c3 {
  margin-bottom: 0;
  max-width: 34rem;
  color: var(--neutral-150);
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 1.7;
  font-weight: 500;
  animation: tyfadeup_b7v3n1k5qd2 0.7s ease-out 0.55s both;
}

#b-e8f5f7 .css-879e15 {
  width: 100%;
  height: 6px;
  margin-block: 1.75rem 1.5rem;
  background: linear-gradient(90deg, var(--info-color) 0%, var(--warning-color) 50%, var(--danger-light) 100%);
  transform-origin: 0% 50%;
  animation: tybargrow_w2m9x4p7kc3 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.65s both;
}

#b-e8f5f7[dir="rtl"] .css-879e15,
[dir="rtl"] #b-e8f5f7 .css-879e15 {
  transform-origin: 100% 50%;
}

#b-e8f5f7 .css-015acf {
  margin-bottom: 0;
  color: var(--warning-light);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  animation: tyfadeup_b7v3n1k5qd2 0.7s ease-out 0.75s both;
}

@keyframes tyflare_m8k2q9x4vn1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.12);
    opacity: 0.55;
  }
}

@keyframes tyslashdrop_p3n7w2k8zq5 {
  0% {
    transform: skewX(-18deg) translateY(-110%);
    opacity: 0;
  }
  100% {
    transform: skewX(-18deg) translateY(0);
    opacity: 0.9;
  }
}

@keyframes tyslashdroprtl_q4m8v2n6xp9 {
  0% {
    transform: skewX(18deg) translateY(-110%);
    opacity: 0;
  }
  100% {
    transform: skewX(18deg) translateY(0);
    opacity: 0.9;
  }
}

@keyframes typanelrise_h6r4t9c2xm8 {
  0% {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tyfadeup_b7v3n1k5qd2 {
  0% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tybargrow_w2m9x4p7kc3 {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@media (max-width: 767.98px) {
  #b-e8f5f7 .css-6b9d13 {
    inset-inline-start: 8%;
    width: 2.5rem;
    opacity: 0.75;
  }

  #b-e8f5f7 .css-4fc1a9 {
    margin-inline-start: 0;
    box-shadow: 0 18px 0 var(--warning-dark);
  }

  #b-e8f5f7 .css-609c9b {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }
}

@media (min-width: 992px) {
  #b-e8f5f7 .css-1dcb5d {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  #b-e8f5f7 .css-4fc1a9 {
    grid-column: 2;
  }
}

#b-d245a6 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--primary-light);
        position: relative;
        padding-block: 4rem 2rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--primary-light), var(--text-light), var(--primary-light), transparent);
          opacity: 0.5;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        }

        .css-a3a293 {
          color: var(--text-light);
          font-size: 1.25rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          display: inline-block;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-light);
            border-radius: 2px;
            animation: titleunderline_k7m9p2x3n4q5w 1.5s ease-out;
          }
        }

        .css-194ed4 {
          background: rgba(255, 255, 255, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          backdrop-filter: blur(10px);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.6s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--primary-light);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--primary-light);

            &::before {
              inset-inline-start: 100%;
            }
          }

          i {
            color: var(--primary-light);
            font-size: 1.2rem;
            margin-inline-end: 0.75rem;
            width: 24px;
            text-align: center;
            transition: transform 0.3s ease, color 0.3s ease;
          }

          &:hover i {
            transform: scale(1.2);
            color: var(--text-light);
          }

          span {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
            display: flex;
            align-items: center;
          }
        }

        .css-55d3b0 {
          .nav-link {
            color: var(--text-light);
            font-weight: 400;
            padding-block: 0.625rem;
padding-inline: 1rem;
            margin-bottom: 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            display: inline-block;
            width: 100%;
            text-align: start;

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--primary-light);
              border-radius: 0 2px 2px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              top: 50%;
              transform: translateY(-50%) translateX(-8px);
              opacity: 0;
              transition: all 0.3s ease;
              color: var(--primary-light);
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.1);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(4px);

              &::before {
                height: 60%;
              }

              &::after {
                opacity: 1;
                transform: translateY(-50%) translateX(0);
              }
            }
          }
        }

        .css-ca3aa7 {
          .css-aaa680 {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin: 0.5rem;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--primary-light);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            &::after {
              content: '';
              position: absolute;
              top: 0;
              inset-inline-start: 0;
              inset-inline-end: 0;
              bottom: 0;
              border-radius: 1rem;
              border: 2px solid transparent;
              background: linear-gradient(45deg, var(--primary-light), var(--text-light), var(--primary-light)) border-box;
              -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: destination-out;
              mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
              mask-composite: exclude;
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.3s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) rotate(5deg);
              border-color: var(--text-light);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(136, 200, 255, 0.4);

              &::before {
                width: 180%;
                height: 180%;
              }

              &::after {
                opacity: 1;
              }

              i {
                transform: scale(1.15);
              }
            }

            &:active {
              transform: translateY(-3px) rotate(2deg);
            }
          }
        }

        .css-a067ab {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);

          &::before {
            content: '';
            position: absolute;
            top: -2px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: var(--primary-light);
            border-radius: 0 0 2px 2px;
          }
        }

        .css-b30ce4 {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--primary-light), var(--text-light), var(--primary-light));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 0 10px rgba(136, 200, 255, 0.5);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: decorflow_a8b3c7d9e2f4g 2.5s infinite;
          }
        }

        .css-73ed3b {
          position: relative;
          z-index: 1;
        }
      }

      @keyframes titleunderline_k7m9p2x3n4q5w {
        0% {
          width: 0;
          opacity: 0;
        }
        100% {
          width: 50px;
          opacity: 1;
        }
      }

      @keyframes decorflow_a8b3c7d9e2f4g {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }