@keyframes navline_slide_r4t8k1p {
        from {
          transform: scaleX(0);
        }
        to {
          transform: scaleX(1);
        }
      }

      #u_0b90c26b1 {
        background: var(--background-dark);
        padding-block: 0;

        &.navbar {
          padding-block: 0.875rem 0.75rem;
          padding-inline: 0;

          .container {
            position: relative;
          }

          .navbar-toggler {
            border: 1px solid var(--neutral-650);
            border-radius: 6px;
            padding: 0.4rem 0.6rem;
            color: var(--text-light);

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

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

          .navbar-brand {
            white-space: normal;
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text-light);
            letter-spacing: 0.02em;

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

          .navbar-collapse {
            margin-top: 0.75rem;

            @media (min-width: 992px) {
              margin-top: 0;
            }
          }

          .navbar-nav {
            gap: 0;

            @media (min-width: 992px) {
              gap: 0.25rem;
              justify-content: center;
            }

            .tw_06f8a7044 {
              .nav-link {
                color: var(--neutral-350);
                font-size: 0.95rem;
                font-weight: 500;
                padding-block: 0.5rem;
                padding-inline: 1rem;
                position: relative;
                transition: color 0.2s ease;

                &::after {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  left: 1rem;
                  right: 1rem;
                  height: 2px;
                  background: var(--primary-light);
                  transform: scaleX(0);
                  transform-origin: center;
                  transition: transform 0.25s ease;
                }

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

                  &::after {
                    animation: navline_slide_r4t8k1p 0.25s ease forwards;
                  }
                }

                &.active {
                  color: var(--primary-light);

                  &::after {
                    transform: scaleX(1);
                    background: var(--primary-light);
                  }
                }
              }
            }
          }

          .tw_6879bf166 {
            background: var(--primary);
            color: var(--text-light);
            font-weight: 600;
            font-size: 0.875rem;
            padding-block: 0.45rem;
            padding-inline: 1.15rem;
            border-radius: 6px;
            border: none;
            transition: background 0.2s ease, color 0.2s ease;

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

#u_c6ecd3548 {
        padding-block: 88px 96px;
        padding-inline: 0;
        background: var(--background-dark);
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          inset-block-start: 0;
          inset-inline-end: 0;
          width: 38%;
          height: 100%;
          background: linear-gradient(180deg, var(--primary) 0%, var(--primary-bg) 100%);
          clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
          opacity: 0.22;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          inset-block-end: -48px;
          inset-inline-start: -48px;
          width: 180px;
          height: 180px;
          background: var(--accent-bg);
          border: 4px solid var(--accent);
          pointer-events: none;
        }

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

        .tw_a8d432618 {
          margin-bottom: 56px;
          max-width: 640px;

          h2 {
            color: var(--text-light);
            margin-bottom: 0;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            line-height: 1.05;
            padding-block-end: 18px;
            border-block-end: 6px solid var(--primary-bg);
          }

          p {
            color: var(--neutral-250);
            font-size: 1.05rem;
            margin-block: 22px 0;
            margin-inline: 0;
            max-width: 520px;
          }
        }

        .tw_fe15062a3 {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 24px;
          align-items: stretch;
        }

        .tw_d0ea66cce {
          display: flex;
          flex-direction: column;
          height: 100%;
          background: var(--background-tertiary);
          border: 4px solid var(--neutral-1050);
          box-shadow: 8px 8px 0 0 var(--neutral-1050);
          transition: transform 0.22s ease, box-shadow 0.22s ease;
          animation: brutalpop_k7m2x9n4p8q1 0.55s ease-out forwards;
          opacity: 0;

          &:hover {
            transform: translate(-4px, -4px);
            box-shadow: 12px 12px 0 0 var(--neutral-1050);
          }

          &:nth-child(1) {
            animation-delay: 0.08s;
          }

          &:nth-child(2) {
            animation-delay: 0.16s;
          }

          &:nth-child(3) {
            animation-delay: 0.24s;
          }
        }

        .tw_8fb849bf0 {
          padding-block: 22px 20px;
          padding-inline: 22px;
          border-block-end: 4px solid var(--neutral-1050);
        }

        .tw_66d9d83a4 {
          display: inline-block;
          margin-block-end: 12px;
          padding-block: 6px;
          padding-inline: 12px;
          font-size: 0.72rem;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          border: 3px solid var(--neutral-1050);
          white-space: normal;
        }

        .tw_b27690fa9 {
          font-size: 1.35rem;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.03em;
          margin-block: 0;
          margin-inline: 0;
          line-height: 1.2;
        }

        .tw_78ccabe18 {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          padding-block: 24px 26px;
          padding-inline: 22px;
        }

        .tw_a4dcc1cc4 {
          display: flex;
          flex-wrap: wrap;
          align-items: baseline;
          gap: 6px 8px;
          margin-block-end: 14px;
          line-height: 1;

          .tw_fa652336b {
            font-size: clamp(2.6rem, 4vw, 3.4rem);
            font-weight: 800;
            letter-spacing: -0.03em;
          }

          .tw_ddd9812f9 {
            font-size: 1.25rem;
            font-weight: 700;
          }

          .tw_0d12bb3f0 {
            font-size: 0.95rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            width: 100%;
          }
        }

        .tw_652c29913 {
          color: var(--text-secondary);
          font-size: 0.92rem;
          margin-block: 0 22px;
          margin-inline: 0;
          padding-block-end: 18px;
          border-block-end: 3px solid var(--neutral-150);
          min-height: 52px;
        }

        .tw_bb9c6355e {
          list-style: none;
          padding: 0;
          margin-block: 0 24px;
          margin-inline: 0;
          flex-grow: 1;

          li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding-block: 11px;
            padding-inline: 0;
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--text-primary);
            border-block-end: 2px solid var(--neutral-150);

            &:last-child {
              border-block-end: none;
            }

            &.tw_60ca26200 {
              color: var(--text-tertiary);
              text-decoration: line-through;
              text-decoration-thickness: 2px;
            }
          }

          .tw_5df82028b {
            flex-shrink: 0;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 3px solid var(--neutral-1050);
            font-size: 0.85rem;
            line-height: 1;
          }
        }

        .tw_2c921b69c {
          display: block;
          width: 100%;
          padding-block: 15px;
          padding-inline: 20px;
          font-size: 0.95rem;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.06em;
          text-align: center;
          text-decoration: none;
          border: 4px solid var(--neutral-1050);
          box-shadow: 4px 4px 0 0 var(--neutral-1050);
          transition: transform 0.18s ease, box-shadow 0.18s ease;

          &:hover {
            transform: translate(-2px, -2px);
            box-shadow: 6px 6px 0 0 var(--neutral-1050);
          }
        }

        .tw_7d485922d {
          .tw_8fb849bf0 {
            background: var(--primary-bg);
          }

          .tw_b27690fa9 {
            color: var(--text-primary);
          }

          .tw_fa652336b,
          .tw_ddd9812f9 {
            color: var(--primary-dark);
          }

          .tw_0d12bb3f0 {
            color: var(--text-secondary);
          }

          .tw_5df82028b.tw_13c62c9e7 {
            background: var(--primary);
            color: var(--text-light);
          }

          .tw_5df82028b.tw_c4a5c41bd {
            background: var(--neutral-150);
            color: var(--danger-color);
          }

          .tw_2c921b69c {
            background: var(--background-tertiary);
            color: var(--primary-dark);

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

        .tw_871eea0b9 {
          border-color: var(--secondary-dark);
          box-shadow: 10px 10px 0 0 var(--secondary-dark);

          &:hover {
            box-shadow: 14px 14px 0 0 var(--secondary-dark);
          }

          .tw_8fb849bf0 {
            background: var(--secondary-bg);
          }

          .tw_66d9d83a4 {
            background: var(--secondary);
            color: var(--text-primary);
          }

          .tw_b27690fa9 {
            color: var(--secondary-dark);
          }

          .tw_fa652336b,
          .tw_ddd9812f9 {
            color: var(--secondary-dark);
          }

          .tw_0d12bb3f0 {
            color: var(--text-secondary);
          }

          .tw_5df82028b.tw_13c62c9e7 {
            background: var(--secondary);
            color: var(--text-primary);
          }

          .tw_5df82028b.tw_c4a5c41bd {
            background: var(--neutral-150);
            color: var(--danger-color);
          }

          .tw_2c921b69c {
            background: var(--secondary);
            color: var(--text-primary);

            &:hover {
              background: var(--secondary-light);
            }
          }
        }

        .tw_69fe2425c {
          .tw_8fb849bf0 {
            background: var(--accent-bg);
          }

          .tw_b27690fa9 {
            color: var(--accent-dark);
          }

          .tw_fa652336b,
          .tw_ddd9812f9 {
            color: var(--accent-dark);
          }

          .tw_0d12bb3f0 {
            color: var(--text-secondary);
          }

          .tw_5df82028b.tw_13c62c9e7 {
            background: var(--accent);
            color: var(--text-light);
          }

          .tw_5df82028b.tw_c4a5c41bd {
            background: var(--neutral-150);
            color: var(--danger-color);
          }

          .tw_2c921b69c {
            background: var(--accent);
            color: var(--text-light);

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

        @media (max-width: 991.98px) {
          .tw_fe15062a3 {
            grid-template-columns: minmax(0, 1fr);
            max-width: 480px;
            margin-inline: auto;
          }

          .tw_a8d432618 {
            text-align: center;
            margin-inline: auto;

            h2 {
              border-block-end-width: 4px;
            }

            p {
              margin-inline: auto;
            }
          }
        }
      }

      @keyframes brutalpop_k7m2x9n4p8q1 {
        from {
          opacity: 0;
          transform: translateY(28px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }