#x-e0b37c3 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-e0b37c3::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-e0b37c3 .m-307507a {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-e0b37c3 .m-63236df {
        position: relative;
        z-index: 1;
      }

      #x-e0b37c3 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-e0b37c3 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-e0b37c3 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-e0b37c3 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-e0b37c3 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-e0b37c3 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-e0b37c3 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-e0b37c3 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-e0b37c3 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-e0b37c3 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-e0b37c3 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-e0b37c3 .m-8db432a {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-e0b37c3 .m-8db432a span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-e0b37c3 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-e0b37c3 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-e0b37c3 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-e0b37c3 .m-65c5797 {
        list-style: none;
      }

      #x-e0b37c3 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-e0b37c3 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-e0b37c3 .nav-link:active {
        transform: translateY(0);
      }

      #x-e0b37c3 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-e0b37c3 {
          padding-block: 1rem;
        }

        #x-e0b37c3 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-e0b37c3 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-e0b37c3 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-52fe628 {
        --content4_dir: 1;
        position: relative;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent) 6%, var(--background-primary)) 45%, var(--background-primary) 100%);
        overflow: hidden;
      }

      [dir='rtl'] #x-52fe628 {
        --content4_dir: -1;
      }

      #x-52fe628 .container {
        position: relative;
        z-index: 1;
      }

      #x-52fe628 .m-7af577d {
        position: relative;
        border-radius: 1.5rem;
        border: 1px solid var(--border-light);
        background-color: var(--background-tertiary);
        box-shadow: 0 28px 56px color-mix(in srgb, var(--neutral-950) 9%, transparent);
        overflow: hidden;
      }

      #x-52fe628 .m-7af577d::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--accent) 65%, var(--primary)), var(--secondary));
      }

      #x-52fe628 .m-e6d74bf {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        gap: clamp(1.75rem, 4vw, 3rem);
        padding-block: clamp(2.25rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 4vw, 3rem);
      }

      #x-52fe628 .m-0c49798 {
        display: flex;
        flex-direction: column;
        gap: 1.35rem;
        text-align: start;
      }

      #x-52fe628 .m-6537050 {
        display: inline-flex;
        align-self: flex-start;
        max-inline-size: 100%;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 0.5rem;
        background-color: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
        color: var(--primary-dark);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: normal;
        border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border-light));
      }

      #x-52fe628 .m-6f02cb2 {
        margin: 0;
        color: var(--text-primary);
        font-size: clamp(1.85rem, 2.6vw, 2.65rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      #x-52fe628 .m-ac07a39 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 1.08rem;
        line-height: 1.65;
        max-inline-size: 38ch;
      }

      #x-52fe628 .m-90fe94f {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding-block: 1.35rem;
        padding-inline: 1.35rem;
        border-radius: 1.1rem;
        background: linear-gradient(145deg, color-mix(in srgb, var(--neutral-50) 92%, var(--accent) 8%) 0%, var(--background-tertiary) 55%);
        border: 1px solid color-mix(in srgb, var(--neutral-150) 85%, var(--accent) 15%);
      }

      #x-52fe628 .m-3c8b639 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 1rem;
        line-height: 1.8;
      }

      #x-52fe628 .m-d25d925 {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 0.85rem;
      }

      #x-52fe628 .m-d25d925 li {
        margin: 0;
        padding: 0.9rem 1rem;
        border-radius: 0.75rem;
        background-color: var(--background-tertiary);
        border-inline-start: 4px solid var(--accent);
        box-shadow: 0 12px 28px color-mix(in srgb, var(--neutral-950) 6%, transparent);
      }

      #x-52fe628 .m-d25d925 span {
        display: block;
        color: var(--text-primary);
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
      }

      #x-52fe628 .m-c83a07a {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-block-start: 0.25rem;
        padding-block: 0.85rem;
        padding-inline: 1.65rem;
        border-radius: 999px;
        background-color: var(--primary);
        color: var(--text-light);
        font-weight: 600;
        font-size: 0.98rem;
        text-decoration: none;
        border: 2px solid var(--primary);
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      }

      #x-52fe628 .m-c83a07a::after {
        content: '→';
        font-size: 1.1rem;
        line-height: 1;
        transition: transform 0.25s ease;
      }

      #x-52fe628 .m-c83a07a:hover {
        background-color: transparent;
        color: var(--primary);
        box-shadow: 0 14px 32px color-mix(in srgb, var(--primary) 22%, transparent);
      }

      #x-52fe628 .m-c83a07a:hover::after {
        transform: translateX(calc(var(--content4_dir) * 6px));
      }

      @media (max-width: 991.98px) {
        #x-52fe628 .m-e6d74bf {
          grid-template-columns: minmax(0, 1fr);
        }

        #x-52fe628 .m-d25d925 {
          grid-template-columns: minmax(0, 1fr);
        }
      }

      @media (max-width: 767.98px) {
        #x-52fe628 .m-7af577d {
          border-radius: 1.1rem;
        }

        #x-52fe628 .m-c83a07a {
          inline-size: 100%;
          justify-content: center;
        }
      }

#x-9dde5c8 {
    background: linear-gradient(180deg, var(--background-tertiary), var(--info-bg));

    .m-b36fadc {
        max-width: 760px;
        margin-inline: auto;
    }

    .m-eee6202 {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset-block: 0;
            inset-inline-start: 50%;
            width: 3px;
            background: var(--primary-light);
            transform: translateX(-50%);
        }
    }

    .m-278bf2f {
        position: relative;

        .m-e84e0a5 {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            background: var(--primary);
            color: var(--text-light);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            inset-block-start: 24px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            z-index: 2;
            box-shadow: 0 10px 25px rgba(var(--bs-primary-rgb), 0.25);
        }
    }

    .m-73c9699 {
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 12px 35px rgba(var(--bs-primary-rgb), 0.12);

        &:hover {
            transform: translateY(-4px);
        }
    }

    .m-b92f446 {
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        border-radius: 999px;
        padding: 1rem 1.25rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;

        strong {
            color: var(--primary-dark);
            font-size: 1.5rem;
        }

        span {
            color: var(--text-secondary);
            font-weight: 600;
        }
    }

    @media (max-width: 991px) {
        .m-eee6202 {
            &::before {
                inset-inline-start: 29px;
                transform: none;
            }
        }

        .m-278bf2f {
            .m-e84e0a5 {
                inset-inline-start: 0;
                transform: none;
            }
        }

        .m-73c9699 {
            margin-inline-start: 82px;
        }
    }
}

#x-e9fd69a {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-e9fd69a .m-507616b {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-e9fd69a .m-a7e5ad4 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-e9fd69a .m-cfe25a8 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-e9fd69a .m-ba8a9b2 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-e9fd69a .m-ff041d9 {
        position: relative;
        z-index: 2;
      }

      #x-e9fd69a .m-898cd1b {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-e9fd69a .m-a6aeca8 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-e9fd69a .m-a6aeca8 .m-f75629f {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-e9fd69a .m-59baf98 {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-e9fd69a .m-59baf98 .m-613efd2 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-e9fd69a .m-bdb77f4 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-e9fd69a .m-bdb77f4:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-e9fd69a .m-a54a66a .m-8cd2377 {
        min-width: 0;
      }

      #x-e9fd69a .m-296fa12 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-e9fd69a .m-ee35ed5 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-e9fd69a .m-ee35ed5 {
          grid-template-columns: 1fr;
        }
      }

      #x-e9fd69a .m-1fc1078 {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-e9fd69a .m-1fc1078::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-e9fd69a .m-1fc1078:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-e9fd69a .m-1fc1078 .m-6454387 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-e9fd69a .m-1fc1078 .m-0766c82 {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-e9fd69a .m-26ece0a {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-e9fd69a .m-26ece0a .m-7f2de0e {
        transform: skewY(2deg);
      }

      #x-e9fd69a .m-b01d748 {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-e9fd69a .m-28358f0 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-e9fd69a .m-9c24469 {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-e9fd69a .m-9c24469:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-e9fd69a .m-9c24469:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-e9fd69a .m-9c24469:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-e9fd69a .m-9c24469.m-d5e5224 {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-e9fd69a .m-9c24469.m-4501b77 {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-e9fd69a .m-9c24469.m-4fc2211 {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-e9fd69a .m-371eba0 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-e9fd69a .m-432e235 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-e9fd69a .m-a7e5ad4 {
          display: none;
        }

        #x-e9fd69a .m-a6aeca8 {
          letter-spacing: 0.2em;
        }

        #x-e9fd69a .m-bdb77f4 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-e9fd69a .m-a6aeca8 .m-f75629f,
        #x-e9fd69a .m-ba8a9b2,
        #x-e9fd69a .m-a7e5ad4,
        #x-e9fd69a .m-9c24469 {
          animation: none;
        }

        #x-e9fd69a .m-bdb77f4:is(:hover, :focus-visible),
        #x-e9fd69a .m-1fc1078:is(:hover, :focus-within),
        #x-e9fd69a .m-9c24469:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-23803c7 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-23803c7::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-23803c7 .m-6132dba {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-23803c7 .m-091111b {
        position: relative;
        z-index: 1;
      }

      #x-23803c7 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-23803c7 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-23803c7 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-23803c7 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-23803c7 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-23803c7 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-23803c7 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-23803c7 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-23803c7 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-23803c7 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-23803c7 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-23803c7 .m-abd5720 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-23803c7 .m-abd5720 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-23803c7 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-23803c7 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-23803c7 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-23803c7 .m-58adb66 {
        list-style: none;
      }

      #x-23803c7 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-23803c7 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-23803c7 .nav-link:active {
        transform: translateY(0);
      }

      #x-23803c7 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-23803c7 {
          padding-block: 1rem;
        }

        #x-23803c7 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-23803c7 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-23803c7 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

@keyframes bmslashin_k8wq2p7xm4nrt {
  from {
    opacity: 0;
    transform: translateY(22px) skewY(1deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) skewY(0deg);
  }
}

@keyframes bmpulseglow_r3v9h1sc6jdtq {
  0%,
  100% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.06) translateX(2%);
  }
}

[dir="rtl"] #x-432e819 .m-e9f44bb,
[dir="rtl"] #x-432e819 .m-e71d19f {
  animation-name: bmpulseglow_r3v9h1sc6jdtq_rtl;
}

@keyframes bmpulseglow_r3v9h1sc6jdtq_rtl {
  0%,
  100% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.06) translateX(-2%);
  }
}

#x-432e819 {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--warning-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 42%, color-mix(in srgb, var(--info-bg) 28%, var(--background-primary)) 100%);
}

#x-432e819 .m-e9f44bb,
#x-432e819 .m-e71d19f {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
  animation: bmpulseglow_r3v9h1sc6jdtq 9s ease-in-out infinite;
}

#x-432e819 .m-e9f44bb {
  width: min(48vw, 28rem);
  height: min(48vw, 28rem);
  inset-inline-start: -12%;
  top: -8%;
  background: color-mix(in srgb, var(--warning-color) 42%, transparent);
  opacity: 0.45;
}

#x-432e819 .m-e71d19f {
  width: min(42vw, 24rem);
  height: min(42vw, 24rem);
  inset-inline-end: -10%;
  bottom: 12%;
  background: color-mix(in srgb, var(--info-color) 38%, transparent);
  opacity: 0.4;
  animation-delay: 1.4s;
}

#x-432e819 .m-0a8e0a5 {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 0.55rem;
  background: linear-gradient(90deg, var(--warning-color), var(--secondary), var(--accent), var(--info-color));
  pointer-events: none;
}

#x-432e819 .m-df1b34c {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}

#x-432e819 .m-df1acc8 {
  position: relative;
  padding-block: 2.1rem;
  padding-inline: 2rem;
  background: linear-gradient(135deg, var(--neutral-1050) 0%, var(--primary-dark) 55%, var(--accent-dark) 100%);
  color: var(--text-light);
  clip-path: polygon(0 0, 100% 0, 100% 86%, 92% 100%, 0 100%);
  overflow: hidden;
}

#x-432e819 .m-df1acc8::after {
  content: '';
  position: absolute;
  inset-inline-end: -8%;
  top: -30%;
  width: 55%;
  height: 160%;
  background: linear-gradient(200deg, color-mix(in srgb, var(--warning-color) 55%, transparent), transparent 70%);
  transform: rotate(18deg);
  pointer-events: none;
}

#x-432e819 .m-6a773fd {
  position: relative;
  z-index: 1;
  margin: 0 0 1rem;
  font-size: clamp(2rem, 4.8vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--text-light);
  max-width: 14ch;
}

#x-432e819 .m-7dca333 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--text-light) 78%, var(--info-bg));
}

#x-432e819 .m-7dca333 time {
  font-weight: 700;
  color: var(--info-bg);
}

#x-432e819 .m-79d5393 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0.85rem;
}

#x-432e819 .m-f486231 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 1.25rem;
  padding-inline: 1.35rem;
  border: 3px solid var(--neutral-1050);
  background: var(--background-tertiary);
  box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--warning-color) 70%, var(--neutral-1050));
  animation: bmslashin_k8wq2p7xm4nrt 0.55s ease backwards;
}

#x-432e819 .m-f486231:nth-child(2) {
  box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--info-color) 65%, var(--accent-dark));
  animation-delay: 0.08s;
}

#x-432e819 .m-fdb6a58 {
  margin: 0 0 0.25rem;
  font-size: clamp(1.8rem, 3.5vw, 2.55rem);
  font-weight: 900;
  line-height: 1;
  color: var(--text-primary);
}

#x-432e819 .m-7616f61 {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-secondary);
}

#x-432e819 .m-3eeb08c {
  position: relative;
  z-index: 1;
  margin-bottom: 1.75rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 0;
  overflow: hidden;
  border: 3px solid var(--neutral-1050);
  background: var(--background-tertiary);
}

#x-432e819 .m-48af92a {
  padding-block: 1.35rem;
  padding-inline: 1.4rem;
  background: linear-gradient(160deg, var(--warning-color), var(--warning-dark));
  color: var(--text-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#x-432e819 .m-528f474 {
  margin: 0 0 0.4rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-light) 85%, var(--warning-bg));
}

#x-432e819 .m-fcbc8c2 {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--text-light);
}

#x-432e819 .m-c2eb42c {
  padding-block: 1.35rem;
  padding-inline: 1.5rem;
  display: flex;
  align-items: center;
  background: linear-gradient(120deg, var(--background-tertiary), color-mix(in srgb, var(--warning-bg) 35%, var(--background-tertiary)));
}

#x-432e819 .m-27e411c {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--text-primary);
  font-weight: 600;
}

#x-432e819 .m-649340f {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
  padding-block: 1.15rem;
  padding-inline: 1.15rem;
  background: var(--neutral-1050);
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.65rem 0.65rem 0 var(--secondary);
}

#x-432e819 .m-d3f4815 {
  margin: 0 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--info-bg);
}

#x-432e819 .m-2da0c3b {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

#x-432e819 .m-ace3838 {
  display: block;
  text-decoration: none;
  text-align: start;
  padding-block: 0.7rem;
  padding-inline: 0.8rem;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-light);
  background: color-mix(in srgb, var(--primary) 55%, var(--neutral-1050));
  border-inline-start: 4px solid var(--warning-color);
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

#x-432e819 .m-2da0c3b li:nth-child(2) .m-ace3838 {
  border-inline-start-color: var(--secondary-light);
}

#x-432e819 .m-2da0c3b li:nth-child(3) .m-ace3838 {
  border-inline-start-color: var(--info-color);
}

#x-432e819 .m-2da0c3b li:nth-child(4) .m-ace3838 {
  border-inline-start-color: var(--accent-light);
}

#x-432e819 .m-2da0c3b li:nth-child(5) .m-ace3838 {
  border-inline-start-color: var(--danger-light);
}

#x-432e819 .m-2da0c3b li:nth-child(6) .m-ace3838 {
  border-inline-start-color: var(--success-light);
}

#x-432e819 .m-2da0c3b li:nth-child(7) .m-ace3838 {
  border-inline-start-color: var(--warning-light);
}

#x-432e819 .m-ace3838:hover {
  background: var(--primary);
  transform: translateY(-2px);
  border-inline-start-color: var(--info-bg);
  color: var(--text-light);
}

#x-432e819 .m-6d5e025 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
  margin-bottom: 1.5rem;
}

#x-432e819 .m-75b6f7c {
  position: relative;
  padding-block: 1.45rem;
  padding-inline: 1.35rem;
  background: var(--background-tertiary);
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.45rem 0.45rem 0 var(--primary);
  animation: bmslashin_k8wq2p7xm4nrt 0.55s ease backwards;
}

#x-432e819 .m-75b6f7c:nth-child(1) {
  animation-delay: 0.04s;
  box-shadow: 0.45rem 0.45rem 0 var(--warning-color);
}

#x-432e819 .m-75b6f7c:nth-child(2) {
  animation-delay: 0.08s;
  box-shadow: 0.45rem 0.45rem 0 var(--info-color);
}

#x-432e819 .m-75b6f7c:nth-child(3) {
  animation-delay: 0.12s;
  box-shadow: 0.45rem 0.45rem 0 var(--secondary);
  grid-column: 1 / -1;
}

#x-432e819 .m-75b6f7c:nth-child(4) {
  animation-delay: 0.16s;
  box-shadow: 0.45rem 0.45rem 0 var(--accent);
}

#x-432e819 .m-75b6f7c:nth-child(5) {
  animation-delay: 0.2s;
  box-shadow: 0.45rem 0.45rem 0 var(--danger-color);
}

#x-432e819 .m-75b6f7c:nth-child(6) {
  animation-delay: 0.24s;
  box-shadow: 0.45rem 0.45rem 0 var(--success-color);
  grid-column: 1 / -1;
}

#x-432e819 .m-75b6f7c:nth-child(7) {
  animation-delay: 0.28s;
  box-shadow: 0.45rem 0.45rem 0 var(--primary-light);
  grid-column: 1 / -1;
  background: linear-gradient(145deg, var(--background-tertiary) 55%, color-mix(in srgb, var(--primary-bg) 40%, var(--background-tertiary)));
}

#x-432e819 .m-4d78191 {
  margin: 0 0 0.95rem;
  padding-block-end: 0.75rem;
  border-block-end: 3px solid var(--neutral-1050);
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  line-height: 1.2;
  color: var(--text-primary);
}

#x-432e819 .m-75b6f7c p {
  margin-bottom: 0.85rem;
  color: var(--text-secondary);
  line-height: 1.7;
}

#x-432e819 .m-882e14d {
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

#x-432e819 .m-882e14d li {
  position: relative;
  padding-block: 0.55rem;
  padding-inline: 0.85rem 0.85rem;
  padding-inline-start: 1rem;
  background: color-mix(in srgb, var(--warning-bg) 28%, var(--background-primary));
  border-inline-start: 4px solid var(--warning-color);
  color: var(--text-secondary);
  line-height: 1.55;
}

#x-432e819 .m-75b6f7c:nth-child(6) .m-882e14d li {
  background: color-mix(in srgb, var(--success-bg) 30%, var(--background-primary));
  border-inline-start-color: var(--success-color);
}

#x-432e819 .m-04d378d {
  margin-block: 0 0.85rem;
  margin-inline: 0;
  padding-block: 1rem;
  padding-inline: 1.1rem;
  background: linear-gradient(105deg, var(--info-bg), var(--secondary-bg));
  border: 3px solid var(--neutral-1050);
  color: var(--text-primary);
}

#x-432e819 .m-04d378d p {
  margin: 0;
  font-weight: 700;
  color: var(--neutral-1050);
}

#x-432e819 .m-96d5639 {
  margin-block: 1rem 0.85rem;
  margin-inline: 0;
  padding-block: 0.65rem;
  padding-inline: 1rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--text-light);
  background: linear-gradient(90deg, var(--accent-dark), var(--primary));
  border: 3px solid var(--neutral-1050);
}

#x-432e819 .m-3bcbcb1 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.7rem 0.7rem 0 var(--warning-color);
}

#x-432e819 .m-adc9596 {
  padding-block: 1.85rem;
  padding-inline: 1.75rem;
  background: linear-gradient(125deg, var(--primary-dark), var(--accent-dark) 60%, var(--secondary-dark));
  color: var(--text-light);
}

#x-432e819 .m-dc18d02 {
  margin: 0 0 0.5rem;
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  color: var(--text-light);
}

#x-432e819 .m-a01a642 {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  color: color-mix(in srgb, var(--text-light) 82%, var(--info-bg));
}

#x-432e819 .m-f3e3329 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: var(--text-light);
}

#x-432e819 .m-fbbcbb3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-block: 1.85rem;
  padding-inline: 1.5rem;
  background: linear-gradient(160deg, var(--warning-color), var(--warning-dark));
  text-align: center;
}

#x-432e819 .m-c9ee2f9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-block: 0.85rem;
  padding-inline: 1.6rem;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--neutral-1050);
  background: var(--background-tertiary);
  border: 3px solid var(--neutral-1050);
  box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#x-432e819 .m-c9ee2f9:hover {
  transform: translateY(-3px);
  box-shadow: 0.45rem 0.45rem 0 var(--neutral-1050);
  color: var(--primary-dark);
}

@media (max-width: 991.98px) {
  #x-432e819 .m-df1b34c {
    grid-template-columns: minmax(0, 1fr);
  }

  #x-432e819 .m-df1acc8 {
    clip-path: none;
  }

  #x-432e819 .m-79d5393 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
  }

  #x-432e819 .m-3eeb08c {
    grid-template-columns: minmax(0, 1fr);
  }

  #x-432e819 .m-2da0c3b {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #x-432e819 .m-6d5e025 {
    grid-template-columns: minmax(0, 1fr);
  }

  #x-432e819 .m-75b6f7c:nth-child(3),
  #x-432e819 .m-75b6f7c:nth-child(6),
  #x-432e819 .m-75b6f7c:nth-child(7) {
    grid-column: auto;
  }

  #x-432e819 .m-3bcbcb1 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  #x-432e819 .m-79d5393 {
    grid-template-columns: minmax(0, 1fr);
  }

  #x-432e819 .m-2da0c3b {
    grid-template-columns: minmax(0, 1fr);
  }

  #x-432e819 .m-df1acc8,
  #x-432e819 .m-f486231,
  #x-432e819 .m-75b6f7c,
  #x-432e819 .m-adc9596,
  #x-432e819 .m-fbbcbb3 {
    padding-inline: 1.15rem;
  }
}

#x-0bf02e5 {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-0bf02e5 .m-68bf830 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-0bf02e5 .m-d427675 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-0bf02e5 .m-3c42beb {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-0bf02e5 .m-6563075 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-0bf02e5 .m-30b7acf {
        position: relative;
        z-index: 2;
      }

      #x-0bf02e5 .m-66f3647 {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-0bf02e5 .m-0bdb7cf {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-0bf02e5 .m-0bdb7cf .m-35c0d87 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-0bf02e5 .m-c3619ba {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-0bf02e5 .m-c3619ba .m-ae2b511 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-0bf02e5 .m-3227041 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-0bf02e5 .m-3227041:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-0bf02e5 .m-39fc3a4 .m-5f42a4b {
        min-width: 0;
      }

      #x-0bf02e5 .m-e9fdab7 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-0bf02e5 .m-72afe8c {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-0bf02e5 .m-72afe8c {
          grid-template-columns: 1fr;
        }
      }

      #x-0bf02e5 .m-d12da82 {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-0bf02e5 .m-d12da82::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-0bf02e5 .m-d12da82:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-0bf02e5 .m-d12da82 .m-0c89784 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-0bf02e5 .m-d12da82 .m-52818dc {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-0bf02e5 .m-30fff62 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-0bf02e5 .m-30fff62 .m-70ad3eb {
        transform: skewY(2deg);
      }

      #x-0bf02e5 .m-f72769d {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-0bf02e5 .m-764f994 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-0bf02e5 .m-9762d5b {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-0bf02e5 .m-9762d5b:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-0bf02e5 .m-9762d5b:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-0bf02e5 .m-9762d5b:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-0bf02e5 .m-9762d5b.m-828ffac {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-0bf02e5 .m-9762d5b.m-6c2d462 {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-0bf02e5 .m-9762d5b.m-c1988dd {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-0bf02e5 .m-5a5986e {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-0bf02e5 .m-a9f146b {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-0bf02e5 .m-d427675 {
          display: none;
        }

        #x-0bf02e5 .m-0bdb7cf {
          letter-spacing: 0.2em;
        }

        #x-0bf02e5 .m-3227041 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-0bf02e5 .m-0bdb7cf .m-35c0d87,
        #x-0bf02e5 .m-6563075,
        #x-0bf02e5 .m-d427675,
        #x-0bf02e5 .m-9762d5b {
          animation: none;
        }

        #x-0bf02e5 .m-3227041:is(:hover, :focus-visible),
        #x-0bf02e5 .m-d12da82:is(:hover, :focus-within),
        #x-0bf02e5 .m-9762d5b:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-dfbc5a7 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-dfbc5a7::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-dfbc5a7 .m-627372a {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-dfbc5a7 .m-69035f6 {
        position: relative;
        z-index: 1;
      }

      #x-dfbc5a7 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-dfbc5a7 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-dfbc5a7 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-dfbc5a7 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-dfbc5a7 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-dfbc5a7 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-dfbc5a7 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-dfbc5a7 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-dfbc5a7 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-dfbc5a7 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-dfbc5a7 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-dfbc5a7 .m-a80529a {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-dfbc5a7 .m-a80529a span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-dfbc5a7 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-dfbc5a7 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-dfbc5a7 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-dfbc5a7 .m-f54f5ba {
        list-style: none;
      }

      #x-dfbc5a7 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-dfbc5a7 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-dfbc5a7 .nav-link:active {
        transform: translateY(0);
      }

      #x-dfbc5a7 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-dfbc5a7 {
          padding-block: 1rem;
        }

        #x-dfbc5a7 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-dfbc5a7 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-dfbc5a7 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-e422c8c {
        --cta_dir: 1;
        position: relative;
        overflow: clip;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 45%, var(--background-secondary) 100%);
      }

      [dir='rtl'] #x-e422c8c {
        --cta_dir: -1;
      }

      #x-e422c8c .m-549899b {
        position: relative;
        z-index: 1;
        border-radius: 1.75rem;
        padding-block: clamp(2rem, 4vw, 3.25rem);
        padding-inline: clamp(1.25rem, 4vw, 3rem);
        background: var(--background-tertiary);
        border: 1px solid color-mix(in srgb, var(--neutral-250) 65%, var(--background-tertiary));
        box-shadow: 0 1.5rem 3rem color-mix(in srgb, var(--primary) 18%, transparent);
        overflow: hidden;
      }

      #x-e422c8c .m-549899b::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 4px;
        border-start-start-radius: 1.75rem;
        border-start-end-radius: 1.75rem;
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
        opacity: 0.95;
        animation: cta_barflow_x7k2mq9np4w8 8s ease-in-out infinite;
      }

      @keyframes cta_barflow_x7k2mq9np4w8 {
        0%,
        100% {
          transform: translateX(calc(var(--cta_dir) * 0%));
          filter: saturate(1);
        }
        50% {
          transform: translateX(calc(var(--cta_dir) * 2%));
          filter: saturate(1.15);
        }
      }

      #x-e422c8c .m-8ca91ed {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: clamp(1.75rem, 4vw, 3rem);
        align-items: center;
      }

      @media (min-width: 992px) {
        #x-e422c8c .m-8ca91ed {
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
      }

      #x-e422c8c .m-5417588 {
        text-align: start;
      }

      #x-e422c8c .m-294769d {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        margin-block-end: 1.25rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        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) 40%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--background-tertiary));
      }

      #x-e422c8c .m-7259266 {
        inline-size: 0.5rem;
        block-size: 0.5rem;
        border-radius: 50%;
        background: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
      }

      #x-e422c8c .m-9a3c0fd {
        font-size: clamp(1.85rem, 2.8vw, 2.65rem);
        font-weight: 800;
        line-height: 1.12;
        margin-block-end: 1rem;
        color: var(--text-primary);
        letter-spacing: -0.02em;
      }

      #x-e422c8c .m-4c68ec4 {
        font-size: 1.0625rem;
        line-height: 1.65;
        margin-block-end: 1.5rem;
        color: var(--text-secondary);
        max-width: 38ch;
      }

      #x-e422c8c .m-0354827 {
        list-style: none;
        padding: 0;
        margin-block: 0 1.75rem;
        margin-inline: 0;
        display: grid;
        gap: 0.65rem;
      }

      #x-e422c8c .m-0354827 li {
        display: flex;
        align-items: start;
        gap: 0.65rem;
        font-size: 0.98rem;
        line-height: 1.5;
        color: var(--text-tertiary);
      }

      #x-e422c8c .m-0354827 i {
        margin-block-start: 0.15rem;
        font-size: 1.05rem;
        color: var(--success-color);
        flex-shrink: 0;
      }

      #x-e422c8c .m-f31091e {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.85rem;
      }

      #x-e422c8c .m-9b12227 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        padding-block: 0.95rem;
        padding-inline: 1.6rem;
        border-radius: 999px;
        font-weight: 700;
        font-size: 1rem;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(120deg, var(--primary-dark) 0%, var(--primary) 55%, var(--accent-dark) 100%);
        border: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
        box-shadow: 0 0.85rem 1.75rem color-mix(in srgb, var(--primary) 35%, transparent);
        transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
      }

      #x-e422c8c .m-9b12227:hover {
        transform: translateY(-3px);
        box-shadow: 0 1.15rem 2.25rem color-mix(in srgb, var(--primary-dark) 40%, transparent);
        filter: brightness(1.03);
        color: var(--text-light);
      }

      #x-e422c8c .m-9b12227 i {
        font-size: 1.1rem;
      }

      #x-e422c8c .m-3d4ca0a {
        position: relative;
        margin-inline: auto;
        inline-size: min(100%, 22rem);
      }

      #x-e422c8c .m-b5854af {
        position: absolute;
        inset-block-start: -0.75rem;
        inset-inline-end: -0.75rem;
        inline-size: 42%;
        block-size: 42%;
        border-radius: 1.25rem;
        background: linear-gradient(145deg, var(--secondary-light), var(--accent-light));
        opacity: 0.55;
        z-index: 0;
      }

      #x-e422c8c .m-beb60b3 {
        position: relative;
        z-index: 1;
        border-radius: 1.35rem;
        padding: 0.65rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, var(--background-tertiary)), color-mix(in srgb, var(--accent) 14%, var(--background-tertiary)));
        box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--neutral-850) 22%, transparent);
      }

      #x-e422c8c .m-beb60b3 img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 0.95rem;
        background: var(--neutral-150);
      }

      #x-e422c8c .m-c88aa3a {
        margin-block-start: 0.85rem;
        text-align: center;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--neutral-650);
      }

      @media (max-width: 991.98px) {
        #x-e422c8c .m-5417588 {
          text-align: center;
        }

        #x-e422c8c .m-4c68ec4 {
          margin-inline: auto;
        }

        #x-e422c8c .m-0354827 {
          text-align: start;
          max-width: 28rem;
          margin-inline: auto;
        }

        #x-e422c8c .m-f31091e {
          justify-content: center;
        }
      }

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

      #x-c19cf7a {
        position: relative;
        overflow: hidden;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-tertiary)) 48%, var(--background-tertiary) 100%);

        &::before {
          content: '';
          position: absolute;
          inset-block-start: -20%;
          inset-inline-end: -15%;
          inline-size: min(520px, 90vw);
          block-size: min(520px, 90vw);
          border-radius: 50%;
          background: radial-gradient(circle at 30% 30%, var(--primary-light), transparent 62%);
          opacity: 0.35;
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          inset-block-end: -25%;
          inset-inline-start: -12%;
          inline-size: min(420px, 75vw);
          block-size: min(420px, 75vw);
          border-radius: 50%;
          background: radial-gradient(circle at 65% 65%, var(--accent-light), transparent 58%);
          opacity: 0.28;
          pointer-events: none;
        }

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

        .m-106da98 {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: clamp(1.75rem, 4vw, 2.75rem);
          align-items: stretch;
        }

        @media (min-width: 992px) {
          .m-106da98 {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
            gap: clamp(2rem, 4vw, 3.25rem);
          }
        }

        .m-126b784 {
          animation: contactpanel_a7m3kx9pq2nw 0.85s ease-out both;
          padding: clamp(1.75rem, 3vw, 2.5rem);
          border-radius: 1.75rem;
          background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
          border: 1px solid var(--border-light);
          box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-950) 8%, transparent);
          display: flex;
          flex-direction: column;
          gap: 1.5rem;
          min-block-size: 100%;
        }

        .m-8bed4fd {
          inline-size: 3rem;
          block-size: 0.35rem;
          border-radius: 999px;
          background: linear-gradient(118deg, var(--primary), var(--accent));
        }

        .m-642c9a1 {
          font-size: 0.78rem;
          font-weight: 600;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          color: var(--accent-dark);
          margin: 0;
        }

        .m-4432ea3 {
          font-size: clamp(1.85rem, 3.6vw, 2.45rem);
          font-weight: 700;
          color: var(--text-primary);
          line-height: 1.15;
          margin: 0;
        }

        .m-344dbc9 {
          font-size: 1.05rem;
          line-height: 1.65;
          color: var(--text-secondary);
          margin: 0;
        }

        .m-0c30433 {
          margin: 0;
          padding: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 0.85rem;
        }

        .m-870681d {
          margin: 0;
        }

        .m-d8a935c {
          display: grid;
          grid-template-columns: 3rem minmax(0, 1fr);
          gap: 1rem;
          align-items: center;
          padding-block: 1rem;
          padding-inline: 1.1rem;
          border-radius: 1.25rem;
          background: var(--background-tertiary);
          border: 1px solid var(--neutral-150);
          text-decoration: none;
          color: inherit;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

          &:hover {
            border-color: color-mix(in srgb, var(--primary) 45%, var(--neutral-150));
            box-shadow: 0 0.75rem 1.75rem color-mix(in srgb, var(--primary) 18%, transparent);
            transform: translateY(-0.125rem);
          }

          &:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 3px;
          }
        }

        .m-d8a935c.m-2acd126 {
          cursor: default;

          &:hover {
            transform: none;
            border-color: var(--neutral-150);
            box-shadow: none;
          }
        }

        .m-354a5f9 {
          inline-size: 3rem;
          block-size: 3rem;
          border-radius: 1rem;
          display: grid;
          place-items: center;
          background: linear-gradient(145deg, color-mix(in srgb, var(--primary-bg) 65%, var(--background-tertiary)), color-mix(in srgb, var(--accent-bg) 55%, var(--background-tertiary)));
          color: var(--primary-dark);
          font-size: 1.35rem;
        }

        .m-d8a935c.m-2acd126 .m-354a5f9 {
          color: var(--accent-dark);
        }

        .m-79e8c57 {
          display: block;
          font-size: 0.72rem;
          font-weight: 600;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          color: var(--text-tertiary);
          margin-block-end: 0.2rem;
        }

        .m-c675892 {
          display: block;
          font-size: 1rem;
          font-weight: 600;
          color: var(--text-primary);
          word-break: break-word;
        }

        .m-d8a935c:not(.m-2acd126) .m-c675892 {
          color: var(--primary-dark);
        }

        .m-0a95123 {
          animation: contactpanel_a7m3kx9pq2nw 0.85s ease-out 0.12s both;
          padding: clamp(1.75rem, 3vw, 2.75rem);
          border-radius: 1.75rem;
          background: var(--background-tertiary);
          border: 1px solid var(--neutral-150);
          box-shadow: 0 1.5rem 3.25rem color-mix(in srgb, var(--neutral-950) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--white) 70%, transparent);
        }

        .m-a159fe2 {
          margin-block-end: 1.75rem;
        }

        .m-57e654b {
          font-size: 1.35rem;
          font-weight: 700;
          color: var(--text-primary);
          margin: 0 0 0.35rem;
        }

        .m-08ba215 {
          margin: 0;
          font-size: 0.95rem;
          color: var(--text-tertiary);
          line-height: 1.55;
        }

        .m-567711e {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 1rem;
        }

        @media (min-width: 576px) {
          .m-1aaae04 {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          }
        }

        .m-1aaae04 {
          display: grid;
          gap: 1rem;
        }

        #x-c19cf7a .form-floating > .form-control,
        #x-c19cf7a .form-floating > .form-select {
          border-radius: 1rem;
          border: 1px solid var(--neutral-150);
          background: var(--background-primary);
          min-block-size: 3.35rem;
        }

        #x-c19cf7a .form-floating > label {
          color: var(--text-tertiary);
        }

        #x-c19cf7a .form-floating > .form-control:focus,
        #x-c19cf7a .form-floating > .form-select:focus {
          border-color: var(--primary);
          box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 22%, transparent);
          background: var(--background-tertiary);
        }

        #x-c19cf7a .form-floating textarea.form-control {
          min-block-size: 8.5rem;
        }

        .m-78c0a78 {
          display: flex;
          align-items: flex-start;
          gap: 0.75rem;
          margin-block-start: 1.25rem;
        }

        .m-78c0a78 .form-check-input {
          margin-block-start: 0.2rem;
          inline-size: 1.25rem;
          block-size: 1.25rem;
          border: 2px solid var(--neutral-250);
          border-radius: 0.35rem;
          cursor: pointer;
          flex-shrink: 0;

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

          &:focus {
            box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 20%, transparent);
          }
        }

        .m-80fd448 {
          font-size: 0.875rem;
          color: var(--text-secondary);
          line-height: 1.5;
          margin: 0;

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

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

        .m-f297a62 {
          margin-block-start: 1.35rem;
          inline-size: 100%;
          padding-block: 0.95rem;
          padding-inline: 1.5rem;
          border: none;
          border-radius: 1rem;
          font-weight: 600;
          font-size: 1.05rem;
          color: var(--text-light);
          background: linear-gradient(135deg, var(--primary-dark), var(--primary), var(--accent-dark));
          background-size: 160% 160%;
          transition: transform 0.25s ease, box-shadow 0.25s ease, background-position 0.35s ease;

          &:hover {
            transform: translateY(-0.15rem);
            background-position: 100% 50%;
            box-shadow: 0 1rem 2rem color-mix(in srgb, var(--primary-dark) 35%, transparent);
          }

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

#x-87f40f3 {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-87f40f3 .m-8bc2f38 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-87f40f3 .m-c49b529 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-87f40f3 .m-0352534 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-87f40f3 .m-68f4917 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-87f40f3 .m-ce1cd6d {
        position: relative;
        z-index: 2;
      }

      #x-87f40f3 .m-b8a86d1 {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-87f40f3 .m-7cc1746 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-87f40f3 .m-7cc1746 .m-54498a8 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-87f40f3 .m-730c681 {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-87f40f3 .m-730c681 .m-1a86099 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-87f40f3 .m-92b312c {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-87f40f3 .m-92b312c:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-87f40f3 .m-50c1190 .m-1eb5c1f {
        min-width: 0;
      }

      #x-87f40f3 .m-d421f1d {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-87f40f3 .m-fbf4042 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-87f40f3 .m-fbf4042 {
          grid-template-columns: 1fr;
        }
      }

      #x-87f40f3 .m-eab6bcc {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-87f40f3 .m-eab6bcc::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-87f40f3 .m-eab6bcc:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-87f40f3 .m-eab6bcc .m-863176e {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-87f40f3 .m-eab6bcc .m-b75b44e {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-87f40f3 .m-6685e39 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-87f40f3 .m-6685e39 .m-a5f6b55 {
        transform: skewY(2deg);
      }

      #x-87f40f3 .m-807e142 {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-87f40f3 .m-78e5909 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-87f40f3 .m-dadd30d {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-87f40f3 .m-dadd30d:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-87f40f3 .m-dadd30d:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-87f40f3 .m-dadd30d:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-87f40f3 .m-dadd30d.m-9321f0b {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-87f40f3 .m-dadd30d.m-890caad {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-87f40f3 .m-dadd30d.m-138ddf6 {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-87f40f3 .m-b7384ae {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-87f40f3 .m-151e829 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-87f40f3 .m-c49b529 {
          display: none;
        }

        #x-87f40f3 .m-7cc1746 {
          letter-spacing: 0.2em;
        }

        #x-87f40f3 .m-92b312c {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-87f40f3 .m-7cc1746 .m-54498a8,
        #x-87f40f3 .m-68f4917,
        #x-87f40f3 .m-c49b529,
        #x-87f40f3 .m-dadd30d {
          animation: none;
        }

        #x-87f40f3 .m-92b312c:is(:hover, :focus-visible),
        #x-87f40f3 .m-eab6bcc:is(:hover, :focus-within),
        #x-87f40f3 .m-dadd30d:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-6d4bcda {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-6d4bcda::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-6d4bcda .m-a9cdd05 {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-6d4bcda .m-06b93c3 {
        position: relative;
        z-index: 1;
      }

      #x-6d4bcda .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-6d4bcda .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-6d4bcda .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-6d4bcda .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-6d4bcda .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-6d4bcda .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-6d4bcda .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-6d4bcda .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-6d4bcda .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-6d4bcda .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-6d4bcda .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-6d4bcda .m-da5aec3 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-6d4bcda .m-da5aec3 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-6d4bcda .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-6d4bcda .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-6d4bcda .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-6d4bcda .m-efde8bd {
        list-style: none;
      }

      #x-6d4bcda .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-6d4bcda .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-6d4bcda .nav-link:active {
        transform: translateY(0);
      }

      #x-6d4bcda .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-6d4bcda {
          padding-block: 1rem;
        }

        #x-6d4bcda .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-6d4bcda .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-6d4bcda .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-7215cc9 {
        padding-block: clamp(4.5rem, 8vw, 7.5rem);
        padding-inline: 0;
        position: relative;
        overflow: clip;
        background: linear-gradient(165deg, color-mix(in srgb, var(--primary-bg) 28%, var(--background-primary)) 0%, var(--background-primary) 42%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-primary)) 100%);
        isolation: isolate;
      }

      #x-7215cc9::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -18%;
        width: min(38rem, 90vw);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--warning-bg) 55%, transparent), transparent 62%);
        opacity: 0.85;
        z-index: -2;
        pointer-events: none;
      }

      #x-7215cc9::after {
        content: '';
        position: absolute;
        inset-block-end: -35%;
        inset-inline-start: -22%;
        width: min(34rem, 85vw);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--info-bg) 58%, transparent), transparent 65%);
        opacity: 0.75;
        z-index: -2;
        pointer-events: none;
      }

      #x-7215cc9 .m-ade39a3 {
        position: relative;
        z-index: 1;
        border-radius: 2rem;
        padding-block: clamp(1.75rem, 4vw, 2.75rem);
        padding-inline: clamp(1.25rem, 4vw, 2.75rem);
        background: linear-gradient(135deg, color-mix(in srgb, var(--white) 92%, var(--primary-bg)) 0%, color-mix(in srgb, var(--white) 88%, var(--accent-bg)) 100%);
        border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--white));
        box-shadow: 0 28px 70px color-mix(in srgb, var(--primary) 18%, transparent), 0 10px 26px color-mix(in srgb, var(--neutral-1050) 10%, transparent);
      }

      #x-7215cc9 .m-ade39a3::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-light) 70%, var(--white)), color-mix(in srgb, var(--accent-light) 75%, var(--white)), color-mix(in srgb, var(--secondary-light) 65%, var(--white)));
        -webkit-mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
        mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }

      #x-7215cc9 .m-57aee95 {
        margin: 0;
        font-size: clamp(2rem, 4.4vw, 3.1rem);
        font-weight: 800;
        letter-spacing: -0.035em;
        line-height: 1.1;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      #x-7215cc9 .m-417e65f {
        margin-block: 1.25rem 0;
        margin-inline: 0;
        max-width: 26rem;
        font-size: 1.05rem;
        line-height: 1.75;
        color: var(--text-secondary);
      }

      #x-7215cc9 .m-96ae63c {
        margin-block-end: 1.15rem;
        display: flex;
        align-items: center;
        gap: 0.65rem;
      }

      #x-7215cc9 .m-7f78b97 {
        height: 0.35rem;
        flex: 1 1 0;
        min-width: 0;
        max-width: 12rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
        box-shadow: 0 8px 22px color-mix(in srgb, var(--accent) 24%, transparent);
        animation: faqpulse_k3m9n8x2wqr4 2.8s ease-in-out infinite;
      }

      #x-7215cc9 .m-de78c8f {
        width: 0.65rem;
        height: 0.65rem;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, var(--warning-bg), var(--warning-dark));
        box-shadow: 0 0 0 6px color-mix(in srgb, var(--warning-bg) 38%, transparent);
        flex-shrink: 0;
      }

      #x-7215cc9 .m-f03153c {
        margin-block-start: 1.75rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem;
        align-items: center;
      }

      #x-7215cc9 .m-b00324a {
        width: 2.75rem;
        height: 0.55rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--secondary-bg), var(--accent-bg));
        opacity: 0.9;
      }

      #x-7215cc9 .m-b00324a:nth-child(2) {
        width: 4.25rem;
        background: linear-gradient(90deg, var(--accent), var(--primary));
      }

      #x-7215cc9 .m-b00324a:nth-child(3) {
        width: 3.35rem;
        background: linear-gradient(90deg, var(--warning-bg), var(--primary-bg));
      }

      #x-7215cc9 .m-e9703f2 {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
      }

      #x-7215cc9 .m-468d211 {
        border-radius: 1.15rem;
        background: color-mix(in srgb, var(--white) 94%, var(--neutral-150));
        border: 1px solid color-mix(in srgb, var(--neutral-350) 28%, var(--white));
        box-shadow: 0 14px 34px color-mix(in srgb, var(--neutral-1050) 8%, transparent);
        overflow: clip;
        transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
      }

      #x-7215cc9 .m-468d211:nth-child(3n + 1) {
        border-inline-start: 5px solid var(--primary);
      }

      #x-7215cc9 .m-468d211:nth-child(3n + 2) {
        border-inline-start: 5px solid var(--accent);
      }

      #x-7215cc9 .m-468d211:nth-child(3n + 3) {
        border-inline-start: 5px solid var(--secondary);
      }

      #x-7215cc9 .m-468d211:hover {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--primary) 35%, var(--white));
        box-shadow: 0 20px 46px color-mix(in srgb, var(--primary) 16%, transparent);
      }

      #x-7215cc9 .m-468d211[open] {
        border-color: color-mix(in srgb, var(--accent) 40%, var(--white));
        box-shadow: 0 22px 55px color-mix(in srgb, var(--accent) 20%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--white) 92%, var(--primary-bg)), color-mix(in srgb, var(--white) 90%, var(--accent-bg)));
      }

      #x-7215cc9 .m-94f15f5 {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        padding-block: 1.15rem;
        padding-inline: 1.15rem 1.1rem;
        color: var(--text-primary);
        font-size: 1.08rem;
        font-weight: 700;
        line-height: 1.45;
      }

      #x-7215cc9 .m-94f15f5::-webkit-details-marker {
        display: none;
      }

      #x-7215cc9 .m-d247527 {
        flex: 1 1 0;
        min-width: 0;
      }

      #x-7215cc9 .m-64eba28 {
        flex-shrink: 0;
        width: 2.65rem;
        height: 2.65rem;
        display: grid;
        place-items: center;
        border-radius: 0.85rem;
        background: linear-gradient(145deg, var(--primary-bg), var(--accent-bg));
        border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--white));
        color: var(--primary-dark);
        transition: transform 0.45s cubic-bezier(0.34, 1.45, 0.64, 1), background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
      }

      #x-7215cc9 .m-468d211:nth-child(3n + 2) .m-64eba28 {
        background: linear-gradient(145deg, var(--accent-bg), var(--warning-bg));
        color: var(--accent-dark);
        border-color: color-mix(in srgb, var(--accent) 28%, var(--white));
      }

      #x-7215cc9 .m-468d211:nth-child(3n + 3) .m-64eba28 {
        background: linear-gradient(145deg, var(--secondary-bg), var(--success-bg));
        color: var(--secondary-dark);
        border-color: color-mix(in srgb, var(--secondary) 26%, var(--white));
      }

      #x-7215cc9 .m-468d211[open] .m-64eba28 {
        transform: rotate(45deg);
        background: linear-gradient(145deg, var(--primary), var(--accent));
        color: var(--text-light);
        border-color: color-mix(in srgb, var(--accent-light) 40%, var(--white));
      }

      #x-7215cc9 .m-14e698d {
        font-size: 1.25rem;
        line-height: 1;
      }

      #x-7215cc9 .m-0e38763 {
        padding-block: 0 1.15rem;
        padding-inline: 1.15rem;
      }

      #x-7215cc9 .m-3c81e7a {
        border-radius: 0.95rem;
        padding-block: 0.95rem;
        padding-inline: 1rem;
        background: color-mix(in srgb, var(--white) 90%, var(--neutral-150));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 55%, var(--white));
        animation: faqreveal_qp9mwk4x7hn2 0.55s ease both;
      }

      #x-7215cc9 .m-aee9922 {
        margin: 0;
        font-size: 1.02rem;
        line-height: 1.8;
        color: var(--text-secondary);
      }

      @keyframes faqreveal_qp9mwk4x7hn2 {
        from {
          opacity: 0;
          transform: translateY(-0.5rem);
        }

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

      @keyframes faqpulse_k3m9n8x2wqr4 {
        0%,
        100% {
          filter: saturate(1);
          transform: scaleX(1);
        }

        50% {
          filter: saturate(1.25);
          transform: scaleX(1.03);
        }
      }

      @media (max-width: 991.98px) {
        #x-7215cc9 .m-ade39a3 {
          border-radius: 1.5rem;
        }

        #x-7215cc9 .m-94f15f5 {
          font-size: 1.02rem;
        }

        #x-7215cc9 .m-64eba28 {
          width: 2.45rem;
          height: 2.45rem;
        }
      }

#x-14886f1 {
      padding-block: 5rem;
      background: linear-gradient(135deg, var(--background-primary) 0%, var(--primary-bg) 100%);
      position: relative;
      overflow: hidden;

      .m-ef98339 {
          background: var(--background-tertiary);
          border-radius: 2rem;
          padding: 3rem;
          border: 1px solid var(--neutral-150);
          box-shadow: 0 20px 40px rgba(var(--bs-primary-rgb), 0.12);
          height: 100%;
      }

      .m-eee1ce3 {
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          background: var(--primary-bg);
          color: var(--primary-dark);
          padding-block: 0.6rem;
          padding-inline: 1.4rem;
          border-radius: 999px;
          margin-bottom: 1.5rem;
          font-weight: 700;
      }

      .m-2a03bee {
          font-size: 2.7rem;
          font-weight: 800;
          color: var(--text-primary);
          margin-bottom: 1rem;
      }

      .m-0723488 {
          font-size: 1.1rem;
          color: var(--text-secondary);
          margin-bottom: 1.5rem;
      }

      .m-7282f9b {
          color: var(--text-tertiary);
          line-height: 1.8;
          margin-bottom: 2rem;
      }

      .m-4c22bfd {
          list-style: none;
          padding: 0;
          margin: 0 0 2rem;

          li {
              display: flex;
              align-items: center;
              gap: 0.8rem;
              padding-block: 1rem;
              border-bottom: 1px dashed var(--neutral-150);

              i {
                  color: var(--primary);
              }
          }
      }

      .m-080a16d {
          display: inline-flex;
          align-items: center;
          gap: 0.75rem;
          background: var(--primary);
          color: var(--text-light);
          text-decoration: none;
          padding-block: 1rem;
          padding-inline: 2rem;
          border-radius: 1rem;
          font-weight: 700;
          transition: 0.3s ease;

          &:hover {
              background: var(--primary-dark);
              transform: translateY(-2px);
          }
      }

      .m-29b49d4 {
          display: flex;
          flex-direction: column;
          gap: 1.5rem;
          background: var(--background-dark);
          border-radius: 2rem;
          padding: 2rem;
          height: 100%;
      }

      .m-679e3f1 {
          background: rgba(var(--bs-primary-rgb), 0.12);
          border: 1px solid rgba(var(--bs-primary-rgb), 0.15);
          border-radius: 1.5rem;
          padding: 1.5rem;
      }

      .m-cd306a3 {
          color: var(--primary-light);
          font-size: 0.8rem;
          font-weight: 700;
          text-transform: uppercase;
          margin-bottom: 0.75rem;
      }

      .m-d36179c {
          color: var(--text-light);
          line-height: 1.7;
          margin: 0;
      }
  }

  @media (max-width: 767.98px) {
      #x-14886f1 {
          .m-ef98339,
          .m-29b49d4 {
              padding: 1.5rem;
          }

          .m-2a03bee {
              font-size: 2rem;
          }

          .m-080a16d {
              width: 100%;
              justify-content: center;
          }
      }
  }

#x-50497ea {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-50497ea .m-8a9335c {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-50497ea .m-7ea45cc {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-50497ea .m-857fee8 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-50497ea .m-4b25975 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-50497ea .m-da896d5 {
        position: relative;
        z-index: 2;
      }

      #x-50497ea .m-15c2fc5 {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-50497ea .m-1d08104 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-50497ea .m-1d08104 .m-b8f1dff {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-50497ea .m-c1785a6 {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-50497ea .m-c1785a6 .m-dee3420 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-50497ea .m-71cd321 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-50497ea .m-71cd321:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-50497ea .m-b8db234 .m-8a45cd8 {
        min-width: 0;
      }

      #x-50497ea .m-e8539d9 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-50497ea .m-bde00e2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-50497ea .m-bde00e2 {
          grid-template-columns: 1fr;
        }
      }

      #x-50497ea .m-550fcde {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-50497ea .m-550fcde::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-50497ea .m-550fcde:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-50497ea .m-550fcde .m-9a35785 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-50497ea .m-550fcde .m-40ba3a5 {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-50497ea .m-0f3e005 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-50497ea .m-0f3e005 .m-eebdec2 {
        transform: skewY(2deg);
      }

      #x-50497ea .m-78fd4cd {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-50497ea .m-f535b55 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-50497ea .m-c20574a {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-50497ea .m-c20574a:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-50497ea .m-c20574a:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-50497ea .m-c20574a:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-50497ea .m-c20574a.m-8e424bd {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-50497ea .m-c20574a.m-37e20eb {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-50497ea .m-c20574a.m-057fd8b {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-50497ea .m-95afc05 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-50497ea .m-19ee127 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-50497ea .m-7ea45cc {
          display: none;
        }

        #x-50497ea .m-1d08104 {
          letter-spacing: 0.2em;
        }

        #x-50497ea .m-71cd321 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-50497ea .m-1d08104 .m-b8f1dff,
        #x-50497ea .m-4b25975,
        #x-50497ea .m-7ea45cc,
        #x-50497ea .m-c20574a {
          animation: none;
        }

        #x-50497ea .m-71cd321:is(:hover, :focus-visible),
        #x-50497ea .m-550fcde:is(:hover, :focus-within),
        #x-50497ea .m-c20574a:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-5a702a6 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-5a702a6::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-5a702a6 .m-6ab2580 {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-5a702a6 .m-4467c1f {
        position: relative;
        z-index: 1;
      }

      #x-5a702a6 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-5a702a6 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-5a702a6 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-5a702a6 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-5a702a6 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-5a702a6 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-5a702a6 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-5a702a6 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-5a702a6 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-5a702a6 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-5a702a6 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-5a702a6 .m-29af2e6 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-5a702a6 .m-29af2e6 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-5a702a6 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-5a702a6 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-5a702a6 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-5a702a6 .m-30cecac {
        list-style: none;
      }

      #x-5a702a6 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-5a702a6 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-5a702a6 .nav-link:active {
        transform: translateY(0);
      }

      #x-5a702a6 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-5a702a6 {
          padding-block: 1rem;
        }

        #x-5a702a6 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-5a702a6 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-5a702a6 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-1a16918 {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
        padding-block: 3.5rem;
        padding-inline: 0;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--neutral-1050) 0%, var(--primary-dark) 38%, var(--accent-dark) 100%);
      }

      #x-1a16918::before {
        content: '';
        position: absolute;
        inset-block-start: -35%;
        inset-inline-end: -18%;
        width: min(62vw, 680px);
        height: min(62vw, 680px);
        background: radial-gradient(circle, var(--warning-color) 0%, transparent 68%);
        opacity: 0.28;
        pointer-events: none;
        z-index: 0;
        animation: glowpulse_x7k2m9p4wq8n 5s ease-in-out infinite alternate;
      }

      #x-1a16918::after {
        content: '';
        position: absolute;
        inset-block-end: -28%;
        inset-inline-start: -14%;
        width: min(52vw, 560px);
        height: min(52vw, 560px);
        background: radial-gradient(circle, var(--info-color) 0%, transparent 70%);
        opacity: 0.22;
        pointer-events: none;
        z-index: 0;
        animation: glowpulse_x7k2m9p4wq8n 6s ease-in-out infinite alternate-reverse;
      }

      #x-1a16918 .m-8c54993 {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 0.45rem;
        background: linear-gradient(90deg, var(--danger-color) 0%, var(--warning-color) 35%, var(--info-color) 70%, var(--secondary-light) 100%);
        z-index: 1;
        pointer-events: none;
      }

      #x-1a16918 .m-4f6dde1 {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
        align-items: center;
      }

      #x-1a16918 .m-cba1341 {
        animation: boldrise_k3m8xq2p9w7n 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
      }

      #x-1a16918 .m-415afe9 {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1.75rem;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border: 2px solid color-mix(in srgb, var(--warning-light) 55%, transparent);
        box-shadow: 0 8px 24px color-mix(in srgb, var(--neutral-1050) 35%, transparent);
        white-space: normal;
        font-size: 0.88rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--warning-light);
      }

      #x-1a16918 .m-1f123f0 {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--danger-color), var(--warning-color));
        color: var(--text-light);
        font-size: 1rem;
      }

      #x-1a16918 .m-dd913ef {
        margin-bottom: 1.35rem;
        font-size: clamp(2.35rem, 5.5vw, 4.25rem);
        font-weight: 800;
        line-height: 1.05;
        letter-spacing: -0.03em;
        background: linear-gradient(120deg, var(--text-light) 0%, var(--info-light) 45%, var(--warning-light) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      #x-1a16918 .m-56c43ef {
        margin-bottom: 2.25rem;
        max-width: 34rem;
        font-size: 1.15rem;
        line-height: 1.75;
        color: var(--neutral-150);
      }

      #x-1a16918 .m-8a0260e {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
      }

      #x-1a16918 .m-8a0260e .btn {
        padding-block: 0.9rem;
        padding-inline: 1.65rem;
        font-size: 1.05rem;
        font-weight: 700;
        border-radius: 0.65rem;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      #x-1a16918 .m-8a0260e .btn:hover {
        transform: translateY(-3px);
      }

      #x-1a16918 .m-8a0260e .btn-primary {
        border: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--danger-color) 0%, var(--warning-dark) 100%);
        box-shadow: 0 10px 28px color-mix(in srgb, var(--danger-dark) 45%, transparent);
      }

      #x-1a16918 .m-8a0260e .btn-primary:hover {
        background: linear-gradient(135deg, var(--warning-color) 0%, var(--danger-color) 100%);
        box-shadow: 0 14px 32px color-mix(in srgb, var(--warning-dark) 50%, transparent);
      }

      #x-1a16918 .m-8a0260e .btn-outline-light {
        color: var(--text-light);
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--info-light) 60%, transparent);
        box-shadow: 0 8px 22px color-mix(in srgb, var(--neutral-1050) 30%, transparent);
      }

      #x-1a16918 .m-8a0260e .btn-outline-light:hover {
        background: color-mix(in srgb, var(--info-light) 18%, transparent);
        border-color: var(--info-light);
      }

      #x-1a16918 .m-8a0260e .btn-success {
        border: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%);
        box-shadow: 0 10px 26px color-mix(in srgb, var(--secondary-dark) 45%, transparent);
      }

      #x-1a16918 .m-8a0260e .btn-success:hover {
        background: linear-gradient(135deg, var(--secondary-light) 0%, var(--accent-light) 100%);
      }

      #x-1a16918 .m-cf998c0 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.15rem;
        animation: boldrise_k3m8xq2p9w7n 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
        opacity: 0;
      }

      #x-1a16918 .m-26cb803 {
        position: relative;
        padding: 0.55rem;
        border-radius: 1.35rem;
        background: linear-gradient(145deg, var(--warning-color) 0%, var(--danger-light) 50%, var(--info-color) 100%);
        box-shadow: 0 22px 48px color-mix(in srgb, var(--neutral-1050) 55%, transparent);
      }

      #x-1a16918 .m-b71b25a {
        border-radius: 1rem;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        background: var(--background-tertiary);
      }

      #x-1a16918 .m-b71b25a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      #x-1a16918 .m-8fc8020 {
        background: linear-gradient(145deg, var(--accent-light) 0%, var(--primary-bg) 50%, var(--secondary-light) 100%);
      }

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

      @keyframes glowpulse_x7k2m9p4wq8n {
        from {
          opacity: 0.18;
          transform: scale(1);
        }
        to {
          opacity: 0.32;
          transform: scale(1.06);
        }
      }

      @media (min-width: 992px) {
        #x-1a16918 {
          padding-block: 4.5rem;
        }

        #x-1a16918 .m-4f6dde1 {
          grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
          gap: 3rem;
        }

        #x-1a16918 .m-cba1341 {
          padding-inline-end: 1rem;
        }
      }

      @media (max-width: 991.98px) {
        #x-1a16918 {
          min-height: auto;
          padding-block: 2.75rem;
        }

        #x-1a16918 .m-cba1341 {
          text-align: center;
        }

        #x-1a16918 .m-415afe9 {
          justify-content: center;
        }

        #x-1a16918 .m-56c43ef {
          margin-inline: auto;
        }

        #x-1a16918 .m-8a0260e {
          justify-content: center;
        }
      }

      @media (max-width: 575.98px) {
        #x-1a16918 .m-8a0260e .btn {
          width: 100%;
          justify-content: center;
        }

        #x-1a16918 .m-cf998c0 {
          gap: 0.85rem;
        }
      }

#x-dc22a13 {
        --contact-surface: var(--background-tertiary);
        --contact-muted-border: color-mix(in srgb, var(--neutral-350) 55%, var(--border-light));
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-primary)) 48%, var(--background-secondary) 100%);
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: clamp(1rem, 4vw, 2rem);
        position: relative;
        overflow: clip;

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

        .m-a4b2e22 {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: clamp(1.75rem, 4vw, 3rem);
          align-items: stretch;
        }

        .m-cb774f6 {
          background: linear-gradient(145deg, var(--neutral-1050), color-mix(in srgb, var(--primary-dark) 72%, var(--neutral-1050)), color-mix(in srgb, var(--accent-dark) 55%, var(--neutral-950)));
          color: var(--text-light);
          border-radius: 1.25rem;
          padding-block: clamp(2rem, 4vw, 3rem);
          padding-inline: clamp(1.5rem, 3vw, 2.75rem);
          border: 1px solid color-mix(in srgb, var(--accent-light) 35%, var(--neutral-850));
          box-shadow: 0 28px 55px color-mix(in srgb, var(--neutral-1050) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 8%, transparent) inset;
          display: flex;
          flex-direction: column;
          gap: clamp(1.25rem, 3vw, 2rem);
          position: relative;
          isolation: isolate;

          &::after {
            content: '';
            position: absolute;
            inset-inline-end: -18%;
            inset-block-start: -22%;
            width: min(52%, 280px);
            aspect-ratio: 1;
            border-radius: 50%;
            background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent-bg) 42%, transparent), transparent 68%);
            z-index: -1;
            animation: contactpulse_a9kz2mwqp7xh 14s ease-in-out infinite;
            opacity: 0.85;
          }
        }

        .m-675c939 {
          font-size: 0.72rem;
          letter-spacing: 0.28em;
          text-transform: uppercase;
          color: color-mix(in srgb, var(--primary-bg) 88%, var(--text-light));
          font-weight: 600;
        }

        .m-75ef893 {
          font-size: clamp(1.85rem, 3.6vw, 2.65rem);
          font-weight: 700;
          line-height: 1.12;
          margin: 0;
          color: var(--text-light);
        }

        .m-26e8565 {
          margin: 0;
          font-size: 1.05rem;
          line-height: 1.65;
          color: color-mix(in srgb, var(--text-light) 78%, var(--neutral-350));
          max-width: 38ch;
        }

        .m-305abca {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          margin-block-start: 0.25rem;
        }

        .m-1a71501 {
          display: grid;
          grid-template-columns: 2.75rem minmax(0, 1fr);
          gap: 1rem;
          align-items: start;
          padding-block: 1rem;
          padding-inline: 1rem;
          border-radius: 0.85rem;
          background: color-mix(in srgb, var(--neutral-950) 55%, transparent);
          border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--neutral-850));
        }

        .m-79d64de {
          width: 2.75rem;
          height: 2.75rem;
          border-radius: 0.65rem;
          display: grid;
          place-items: center;
          font-size: 1.15rem;
          color: var(--neutral-1050);
          background: linear-gradient(135deg, color-mix(in srgb, var(--primary-bg) 92%, var(--white)), color-mix(in srgb, var(--accent-bg) 85%, var(--white)));
        }

        .m-2114930 {
          display: block;
          font-size: 0.68rem;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          color: color-mix(in srgb, var(--accent-bg) 65%, var(--neutral-350));
          margin-block-end: 0.35rem;
          font-weight: 600;
        }

        .m-7ea0bf5 {
          margin: 0;
          font-size: 1rem;
          line-height: 1.55;
          font-weight: 500;
          color: var(--text-light);
        }

        .m-7ea0bf5 a {
          color: inherit;
          text-decoration: none;
          border-block-end: 1px solid color-mix(in srgb, var(--primary-bg) 70%, transparent);
          padding-block-end: 0.1rem;
          transition: border-color 0.2s ease, color 0.2s ease;
        }

        .m-7ea0bf5 a:hover {
          color: color-mix(in srgb, var(--text-light) 92%, var(--primary-bg));
          border-block-end-color: var(--primary-bg);
        }

        .m-6ccaa5f {
          margin-block-start: auto;
          padding-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--accent-light) 25%, var(--neutral-850));
        }

        .m-c77116a {
          margin: 0;
          font-size: 0.95rem;
          line-height: 1.55;
          color: color-mix(in srgb, var(--text-light) 72%, var(--neutral-550));
        }

        .m-54572ed {
          background: var(--contact-surface);
          border-radius: 1.25rem;
          padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
          padding-inline: clamp(1.25rem, 3vw, 2.5rem);
          border: 1px solid var(--contact-muted-border);
          box-shadow: 0 18px 46px color-mix(in srgb, var(--neutral-950) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 65%, transparent) inset;
        }

        .m-275ae26 {
          margin-block-end: 1.75rem;
        }

        .m-2fa5041 {
          margin: 0;
          font-size: clamp(1.35rem, 2.4vw, 1.65rem);
          font-weight: 700;
          color: var(--text-primary);
        }

        .m-a761bf4 {
          margin: 0.6rem 0 0;
          font-size: 0.98rem;
          line-height: 1.55;
          color: var(--text-secondary);
        }

        .m-8e7ef3a {
          position: relative;
          margin-block-end: 1.15rem;

          &:last-of-type {
            margin-block-end: 1.35rem;
          }
        }

        .m-90bacfb {
          position: absolute;
          inset-inline-start: 1rem;
          inset-block-start: 50%;
          transform: translateY(-50%);
          color: var(--primary);
          font-size: 1.05rem;
          z-index: 3;
          pointer-events: none;
        }

        .m-8e7ef3a:has(textarea.form-control) .m-90bacfb {
          inset-block-start: 1.35rem;
          transform: none;
        }

        .m-54572ed .form-control {
          padding-inline-start: 3rem;
          border-radius: 0.65rem;
          border: 1px solid var(--border-light);
          min-height: 3.25rem;
          font-size: 1rem;
          background-color: color-mix(in srgb, var(--background-primary) 92%, var(--background-tertiary));
          transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
        }

        .m-54572ed .form-control:focus {
          border-color: color-mix(in srgb, var(--primary) 72%, var(--border-light));
          box-shadow: 0 0 0 0.22rem rgba(var(--bs-primary-rgb), 0.14);
          background-color: var(--background-tertiary);
          outline: none;
        }

        .m-54572ed .form-control::placeholder {
          color: var(--text-tertiary);
        }

        .m-54572ed textarea.form-control {
          min-height: 128px;
          padding-block-start: 1rem;
          resize: vertical;
        }

        .m-54572ed .form-check {
          margin-block-end: 1.35rem;
          padding-inline-start: 0;
        }

        .m-54572ed .form-check-input {
          width: 1.15rem;
          height: 1.15rem;
          margin-inline-end: 0.65rem;
          margin-block-start: 0.3rem;
          border: 2px solid var(--neutral-350);
          cursor: pointer;
        }

        .m-54572ed .form-check-input:checked {
          background-color: var(--primary);
          border-color: var(--primary);
        }

        .m-54572ed .form-check-input:focus {
          box-shadow: 0 0 0 0.18rem rgba(var(--bs-primary-rgb), 0.22);
        }

        .m-54572ed .form-check-label {
          font-size: 0.93rem;
          line-height: 1.55;
          color: var(--text-secondary);
        }

        .m-54572ed .form-check-label a {
          color: var(--accent-dark);
          font-weight: 600;
          text-decoration: none;
          border-block-end: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
        }

        .m-54572ed .form-check-label a:hover {
          color: var(--primary-dark);
          border-block-end-color: var(--primary);
        }

        .m-08a28fb {
          width: 100%;
          border: none;
          border-radius: 0.65rem;
          padding-block: 1rem;
          padding-inline: 1.25rem;
          font-size: 1rem;
          font-weight: 700;
          letter-spacing: 0.02em;
          color: var(--text-light);
          background: linear-gradient(125deg, var(--accent-dark), color-mix(in srgb, var(--accent) 58%, var(--primary-dark)), var(--primary-dark));
          box-shadow: 0 14px 34px color-mix(in srgb, var(--accent-dark) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 22%, transparent) inset;
          transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
        }

        .m-08a28fb:hover {
          transform: translateY(-2px);
          box-shadow: 0 18px 40px color-mix(in srgb, var(--primary-dark) 32%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 28%, transparent) inset;
          filter: brightness(1.04);
        }

        .m-08a28fb:active {
          transform: translateY(0);
        }

        .m-08a28fb i {
          margin-inline-end: 0.45rem;
        }

        @keyframes contactpulse_a9kz2mwqp7xh {
          0%,
          100% {
            transform: translateY(0) scale(1);
          }
          50% {
            transform: translateY(-12px) scale(1.04);
          }
        }

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

          .m-cb774f6::after {
            inset-inline-end: -8%;
            inset-block-start: -12%;
          }
        }
      }

#x-b8eea8c {
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        position: relative;
        overflow: clip;
        background: linear-gradient(
          165deg,
          var(--background-primary) 0%,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 45%,
          var(--background-secondary) 100%
        );
      }

      #x-b8eea8c::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        inline-size: min(52%, 28rem);
        block-size: 100%;
        background: radial-gradient(
          ellipse at inline-end 0%,
          color-mix(in srgb, var(--primary-bg) 55%, var(--background-primary)),
          color-mix(in srgb, var(--background-primary) 0%, var(--background-primary))
        );
        opacity: 0.85;
        pointer-events: none;
        z-index: 0;
      }

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

      #x-b8eea8c .m-afef7c7 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.5rem, 4vw, 3rem);
        align-items: end;
        margin-block-end: clamp(2rem, 4vw, 3.25rem);
      }

      #x-b8eea8c .m-f5c9bfa {
        display: inline-block;
        max-inline-size: 22rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        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) 22%, var(--neutral-150));
        white-space: normal;
        margin-block-end: 1rem;
      }

      #x-b8eea8c .m-90b6b66 {
        color: var(--text-primary);
        font-size: clamp(1.85rem, 4vw, 2.75rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.03em;
        margin: 0;
        padding-inline-end: clamp(0rem, 3vw, 2rem);
      }

      #x-b8eea8c .m-f0de2c3 {
        color: var(--text-secondary);
        font-size: clamp(1rem, 1.35vw, 1.125rem);
        line-height: 1.65;
        margin: 0;
        margin-block-start: 1rem;
        max-inline-size: 36rem;
      }

      #x-b8eea8c .m-06e0af4 {
        display: grid;
        gap: 0.65rem;
        justify-items: end;
        text-align: end;
      }

      #x-b8eea8c .m-753ff4c {
        inline-size: min(100%, 14rem);
        block-size: 0.35rem;
        border-radius: 999px;
        background: linear-gradient(
          to right,
          var(--accent),
          var(--primary),
          var(--secondary)
        );
        opacity: 0.9;
      }

      #x-b8eea8c .m-8bf358b {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: end;
      }

      #x-b8eea8c .m-81203d7 {
        inline-size: 2.25rem;
        block-size: 0.35rem;
        border-radius: 999px;
        background: var(--neutral-250);
      }

      #x-b8eea8c .m-81203d7:nth-child(1) {
        background: var(--accent);
      }

      #x-b8eea8c .m-81203d7:nth-child(2) {
        background: var(--primary);
      }

      #x-b8eea8c .m-81203d7:nth-child(3) {
        background: var(--secondary);
      }

      #x-b8eea8c .m-81203d7:nth-child(4) {
        background: var(--success-color);
      }

      #x-b8eea8c .m-8e4a79b {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: clamp(1rem, 2.5vw, 1.35rem);
      }

      #x-b8eea8c .m-85f145a {
        position: relative;
        border-radius: 1.25rem;
        padding: clamp(1.25rem, 3vw, 2rem);
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--neutral-950) 7%, var(--background-primary));
        min-block-size: 100%;
        display: flex;
        flex-direction: column;
        transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      }

      #x-b8eea8c .m-85f145a:hover {
        border-color: color-mix(in srgb, var(--primary) 35%, var(--neutral-150));
        box-shadow: 0 1.25rem 2.75rem color-mix(in srgb, var(--neutral-950) 11%, var(--background-primary));
        transform: translateY(-0.35rem);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(1) {
        grid-column: 1;
        grid-row: 1 / span 2;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--primary-bg) 70%, var(--background-tertiary)),
          var(--background-tertiary) 55%
        );
        border-color: color-mix(in srgb, var(--primary) 18%, var(--neutral-150));
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(4) {
        grid-column: 1 / span 2;
        grid-row: 3;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: clamp(1rem, 3vw, 2rem);
        background: linear-gradient(
          to right,
          color-mix(in srgb, var(--success-bg) 45%, var(--background-tertiary)),
          var(--background-tertiary) 62%
        );
        border-color: color-mix(in srgb, var(--success-color) 22%, var(--neutral-150));
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(4) .m-9ebbe7b {
        flex: 1 1 minmax(0, 18rem);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(4) .m-8996f93 {
        margin-block-end: 0;
      }

      #x-b8eea8c .m-a87cb53 {
        position: absolute;
        inset-inline-end: clamp(1rem, 3vw, 1.75rem);
        inset-block-start: clamp(1rem, 3vw, 1.5rem);
        font-size: clamp(2.5rem, 5vw, 4rem);
        font-weight: 800;
        line-height: 1;
        color: color-mix(in srgb, var(--neutral-250) 65%, var(--background-tertiary));
        pointer-events: none;
        user-select: none;
      }

      #x-b8eea8c .m-8996f93 {
        display: flex;
        align-items: center;
        gap: 0.85rem;
        margin-block-end: 1.15rem;
      }

      #x-b8eea8c .m-66be308 {
        inline-size: 3rem;
        block-size: 3rem;
        border-radius: 0.85rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.45rem;
        flex-shrink: 0;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        color: var(--neutral-750);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(1) .m-66be308 {
        background: color-mix(in srgb, var(--primary-bg) 80%, var(--background-tertiary));
        color: var(--primary-dark);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(2) .m-66be308 {
        background: color-mix(in srgb, var(--accent-bg) 75%, var(--background-tertiary));
        color: var(--accent-dark);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(3) .m-66be308 {
        background: color-mix(in srgb, var(--secondary-bg) 75%, var(--background-tertiary));
        color: var(--secondary-dark);
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(4) .m-66be308 {
        background: color-mix(in srgb, var(--success-bg) 80%, var(--background-tertiary));
        color: var(--success-dark);
      }

      #x-b8eea8c .m-60807f5 {
        color: var(--text-primary);
        font-size: clamp(1.1rem, 2vw, 1.35rem);
        font-weight: 700;
        margin: 0;
        line-height: 1.25;
        padding-inline-end: 3.5rem;
      }

      #x-b8eea8c .m-8e4a79b > article:nth-child(1) .m-60807f5 {
        font-size: clamp(1.25rem, 2.2vw, 1.55rem);
      }

      #x-b8eea8c .m-7e56def {
        color: var(--text-tertiary);
        font-size: 0.95rem;
        line-height: 1.6;
        margin: 0;
      }

      #x-b8eea8c .m-9ebbe7b {
        margin-block-start: auto;
      }

      @media (max-width: 991.98px) {
        #x-b8eea8c .m-afef7c7 {
          grid-template-columns: minmax(0, 1fr);
          text-align: start;
        }

        #x-b8eea8c .m-06e0af4 {
          justify-items: start;
          text-align: start;
        }

        #x-b8eea8c .m-8bf358b {
          justify-content: start;
        }

        #x-b8eea8c .m-8e4a79b {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: none;
        }

        #x-b8eea8c .m-8e4a79b > article:nth-child(1),
        #x-b8eea8c .m-8e4a79b > article:nth-child(2),
        #x-b8eea8c .m-8e4a79b > article:nth-child(3),
        #x-b8eea8c .m-8e4a79b > article:nth-child(4) {
          grid-column: 1;
          grid-row: auto;
        }

        #x-b8eea8c .m-8e4a79b > article:nth-child(4) {
          flex-direction: column;
          align-items: stretch;
        }

        #x-b8eea8c .m-8e4a79b > article:nth-child(4) .m-9ebbe7b {
          flex: 1 1 auto;
        }
      }

#x-d617804 {
        background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-secondary) 100%);
        position: relative;
        overflow: hidden;

        &::before {
          content: "";
          position: absolute;
          top: -50%;
          inset-inline-end: -20%;
          width: 60%;
          height: 150%;
          background: radial-gradient(ellipse, var(--primary-bg) 0%, transparent 70%);
          opacity: 0.4;
          pointer-events: none;
        }
      }

      #x-d617804 .m-dc274a2 {
        display: inline-block;
        padding-block: 0.35rem;
padding-inline: 0.85rem;
        background: var(--accent-bg);
        color: var(--accent-dark);
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border-radius: 2rem;
        margin-bottom: 1rem;
      }

      #x-d617804 .m-7bb966f {
        color: var(--text-primary);
        font-weight: 700;
        margin-bottom: 0.5rem;
      }

      #x-d617804 .m-7432c9c {
        color: var(--text-secondary);
        font-size: 1.1rem;
        max-width: 32rem;
        margin-bottom: 2.5rem;
      }

      #x-d617804 .m-f4b53e3 {
        border-radius: 1.25rem;
        overflow: hidden;
        background: var(--background-tertiary);
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
        border: 1px solid var(--neutral-150);
        height: 100%;
      }

      #x-d617804 .m-f4b53e3:hover {
        transform: translateY(-8px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
      }

      #x-d617804 .m-ed3d286 {
        position: relative;
        aspect-ratio: 4/5;
        overflow: hidden;
      }

      #x-d617804 .m-ed3d286 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        transition: transform 0.5s ease;
      }

      #x-d617804 .m-f4b53e3:hover .m-ed3d286 img {
        transform: scale(1.08);
      }

      #x-d617804 .m-ed3d286::after {
        content: "";
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 40%;
        background: linear-gradient(to top, var(--background-tertiary), transparent);
        pointer-events: none;
      }

      #x-d617804 .m-b18a1af {
        padding-block: 1.25rem 1.5rem;
padding-inline: 1.5rem;
        border-top: 3px solid var(--primary);
      }

      #x-d617804 .m-3c97e5e {
        color: var(--text-primary);
        font-size: 1.15rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
      }

      #x-d617804 .m-2427d10 {
        color: var(--text-tertiary);
        font-size: 0.875rem;
        margin: 0;
      }

      #x-d617804 .row .col-lg-4:nth-child(2) .m-f4b53e3 {
        border-top-color: var(--accent);
      }

      #x-d617804 .row .col-lg-4:nth-child(3) .m-f4b53e3 {
        border-top-color: var(--secondary);
      }

      @media (max-width: 768px) {
        #x-d617804 .m-f4b53e3:hover {
          transform: none;
        }
      }

#x-f6b577d {
            position: relative;
            overflow: hidden;
            padding-block: 4.5rem;
            background-color: var(--primary-bg);
            background-image: radial-gradient(circle, var(--accent) 1px, transparent 1px), linear-gradient(160deg, var(--primary-bg) 0%, var(--accent-bg) 45%, var(--warning-bg) 100%);
            background-size: 14px 14px, 100% 100%;
          }
    
          #x-f6b577d .m-b04e3d1 {
            position: absolute;
            inset-block-start: 1.25rem;
            inset-inline-end: 4%;
            width: 5.5rem;
            height: 5.5rem;
            border-radius: 50%;
            background: var(--danger-color);
            border: 4px solid var(--neutral-1050);
            opacity: 0.35;
            pointer-events: none;
            z-index: 0;
          }
    
          #x-f6b577d .m-629108b {
            position: absolute;
            inset-block-end: 2rem;
            inset-inline-start: 3%;
            width: 4rem;
            height: 4rem;
            border-radius: 0.35rem;
            background: var(--secondary);
            border: 3px solid var(--neutral-1050);
            transform: rotate(18deg);
            opacity: 0.4;
            pointer-events: none;
            z-index: 0;
          }
    
          #x-f6b577d .m-ecec7b2 {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 2rem;
            padding: 1.75rem;
            border: 4px solid var(--neutral-1050);
            border-radius: 0.5rem;
            background: var(--background-tertiary);
            box-shadow: 10px 10px 0 var(--accent), 18px 18px 0 var(--danger-color);
          }
    
          #x-f6b577d .m-847e6d2 {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            min-width: 0;
          }
    
          #x-f6b577d .m-753afdc {
            display: inline-block;
            align-self: flex-start;
            max-width: 100%;
            padding-block: 0.45rem;
            padding-inline: 1rem;
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--text-light);
            background: var(--danger-color);
            border: 3px solid var(--neutral-1050);
            box-shadow: 4px 4px 0 var(--primary);
            white-space: normal;
          }
    
          #x-f6b577d .m-eae0f51 {
            margin: 0;
            font-size: clamp(2rem, 5vw, 3.25rem);
            font-weight: 900;
            line-height: 0.95;
            letter-spacing: -0.03em;
            text-transform: uppercase;
            color: var(--text-primary);
            text-shadow: 3px 3px 0 var(--primary-bg), 6px 6px 0 var(--accent-bg);
          }
    
          #x-f6b577d .m-fa1c7fc {
            margin: 0;
            padding-block: 0.65rem;
            padding-inline: 1rem;
            font-size: clamp(1.05rem, 2.4vw, 1.35rem);
            font-weight: 700;
            line-height: 1.35;
            color: var(--neutral-1050);
            background: var(--warning-bg);
            border: 3px solid var(--neutral-1050);
            box-shadow: 5px 5px 0 var(--secondary);
          }
    
          #x-f6b577d .m-ba7ae70 {
            margin: 0;
            font-size: 1.05rem;
            line-height: 1.75;
            color: var(--text-secondary);
            padding-inline-end: 0.25rem;
          }
    
          #x-f6b577d .m-7a0fe60 {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem;
            margin-block-start: 0.5rem;
          }
    
          #x-f6b577d .m-30bb945 {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding-block: 0.9rem;
            padding-inline: 1.5rem;
            font-weight: 800;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--text-light);
            background: var(--primary);
            border: 3px solid var(--neutral-1050);
            box-shadow: 6px 6px 0 var(--neutral-1050);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
          }
    
          #x-f6b577d .m-30bb945:hover {
            color: var(--text-light);
            transform: translate(-3px, -3px);
            box-shadow: 9px 9px 0 var(--neutral-1050);
          }
    
          [dir='rtl'] #x-f6b577d .m-30bb945:hover {
            transform: translate(3px, -3px);
          }
    
          #x-f6b577d .m-6703ffd {
            display: inline-flex;
            align-items: center;
            padding-block: 0.9rem;
            padding-inline: 1.5rem;
            font-weight: 800;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--neutral-1050);
            background: var(--background-tertiary);
            border: 3px solid var(--neutral-1050);
            box-shadow: 6px 6px 0 var(--accent);
            transition: transform 0.2s ease, background 0.2s ease;
          }
    
          #x-f6b577d .m-6703ffd:hover {
            color: var(--neutral-1050);
            background: var(--accent-bg);
            transform: translate(-3px, -3px);
            box-shadow: 9px 9px 0 var(--primary);
          }
    
          [dir='rtl'] #x-f6b577d .m-6703ffd:hover {
            transform: translate(3px, -3px);
          }
    
          #x-f6b577d .m-c6916b4 {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            padding: 0.5rem;
          }
    
          #x-f6b577d .m-0738b88 {
            width: 100%;
            max-width: 22rem;
            margin-inline: auto;
            padding: 0.5rem;
            background: var(--warning-color);
            border: 4px solid var(--neutral-1050);
            box-shadow: 8px 8px 0 var(--neutral-1050);
          }
    
          #x-f6b577d .m-d3d4573 {
            aspect-ratio: 1 / 1;
            overflow: hidden;
            border: 3px solid var(--neutral-1050);
            background: var(--neutral-150);
          }
    
          #x-f6b577d .m-d3d4573 img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
          }
    
          #x-f6b577d .m-66a7d1f {
            display: block;
            width: 100%;
            height: 0.65rem;
            margin-block-end: 0.25rem;
            background: repeating-linear-gradient(90deg, var(--danger-color) 0, var(--danger-color) 12px, var(--accent) 12px, var(--accent) 24px, var(--secondary) 24px, var(--secondary) 36px);
            border: 2px solid var(--neutral-1050);
          }
    
          @keyframes popflash_m8k2nq7x4p1w9 {
            0%,
            100% {
              transform: scale(1);
            }
            50% {
              transform: scale(1.06);
            }
          }
    
          #x-f6b577d .m-753afdc {
            animation: popflash_m8k2nq7x4p1w9 2.4s ease-in-out infinite;
          }
    
          @media (min-width: 992px) {
            #x-f6b577d .m-ecec7b2 {
              grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
              gap: 2.5rem;
              align-items: center;
              padding: 2.5rem;
            }
    
            #x-f6b577d .m-c6916b4 {
              justify-content: center;
            }
    
            #x-f6b577d .m-0738b88 {
              max-width: 100%;
            }
          }
    
          @media (max-width: 575.98px) {
            #x-f6b577d {
              padding-block: 3rem;
            }
    
            #x-f6b577d .m-ecec7b2 {
              padding: 1.25rem;
              box-shadow: 6px 6px 0 var(--accent), 10px 10px 0 var(--danger-color);
            }
    
            #x-f6b577d .m-7a0fe60 {
              flex-direction: column;
            }
    
            #x-f6b577d .m-30bb945,
            #x-f6b577d .m-6703ffd {
              justify-content: center;
              width: 100%;
            }
          }

#x-6b8aca5 {
  position: relative;
  overflow: hidden;
  padding-block: 6.5rem;
  padding-inline: 1.25rem;
  background:
    linear-gradient(
      145deg,
      var(--primary-dark) 0%,
      var(--primary) 38%,
      var(--accent) 72%,
      var(--secondary) 100%
    );
}

#x-6b8aca5 .m-2908807 {
  position: absolute;
  inset-block-start: -18%;
  inset-inline-end: -12%;
  width: min(52vw, 420px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: color-mix(in srgb, var(--info-light) 55%, var(--primary-light));
  opacity: 0.35;
  pointer-events: none;
  animation: pulseglow_m8k2xq7n4vp 6s ease-in-out infinite;
}

#x-6b8aca5 .m-330a566 {
  position: absolute;
  inset-block-end: -22%;
  inset-inline-start: -10%;
  width: min(48vw, 360px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: color-mix(in srgb, var(--warning-bg) 60%, var(--secondary-light));
  opacity: 0.28;
  pointer-events: none;
  animation: pulseglow_m8k2xq7n4vp 7.5s ease-in-out infinite reverse;
}

#x-6b8aca5 .m-431d46b {
  position: relative;
  z-index: 1;
  max-width: 1140px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 3rem;
  align-items: center;
}

#x-6b8aca5 .m-9482086 {
  position: relative;
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  isolation: isolate;
}

#x-6b8aca5 .m-6d748c6 {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1.75rem 0.35rem 1.75rem 0.35rem;
  overflow: hidden;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--white) 35%, var(--info-color)),
    0 28px 50px color-mix(in srgb, var(--neutral-1050) 45%, var(--primary-dark));
  animation: risein_b3f9hw6t2kc 0.85s ease both;
}

#x-6b8aca5 .m-6d748c6 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#x-6b8aca5 .m-c2e56ab {
  position: absolute;
  z-index: 0;
  inset-block-start: 12%;
  inset-inline-start: -10%;
  width: 28%;
  height: 76%;
  background: linear-gradient(
    180deg,
    var(--warning-color) 0%,
    var(--danger-color) 100%
  );
  border-radius: 999px;
  transform: rotate(18deg);
  animation: slashspin_p4n7rk1m9xd 1s ease both;
}

#x-6b8aca5 .m-818296a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: var(--text-light);
  animation: risein_b3f9hw6t2kc 0.85s ease 0.12s both;
}

#x-6b8aca5 .m-c9d8441 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 36rem;
}

#x-6b8aca5 .m-17ecc16 {
  display: inline-flex;
  align-self: flex-start;
  margin: 0;
  padding-block: 0.35rem;
  padding-inline: 0.85rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: normal;
  color: var(--primary-dark);
  background: linear-gradient(90deg, var(--info-color), var(--warning-light));
  border-radius: 0.2rem;
}

#x-6b8aca5 .m-c9d8441 h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 800;
  line-height: 1.12;
  color: var(--text-light);
  text-wrap: balance;
}

#x-6b8aca5 .m-c9d8441 h2 + p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--text-light) 88%, var(--info-bg));
}

#x-6b8aca5 .m-6550e66 {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

#x-6b8aca5 .m-db5d751 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
  padding-block: 1.05rem;
  padding-inline: 1.15rem 1.25rem;
  border-inline-start: 5px solid var(--info-color);
  background: color-mix(in srgb, var(--white) 14%, var(--primary-dark));
  backdrop-filter: blur(6px);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  animation: risein_b3f9hw6t2kc 0.7s ease both;
}

#x-6b8aca5 .m-db5d751:nth-child(1) {
  border-inline-start-color: var(--info-color);
  animation-delay: 0.2s;
}

#x-6b8aca5 .m-db5d751:nth-child(2) {
  border-inline-start-color: var(--warning-color);
  animation-delay: 0.32s;
}

#x-6b8aca5 .m-db5d751:nth-child(3) {
  border-inline-start-color: var(--secondary-light);
  animation-delay: 0.44s;
}

#x-6b8aca5 .m-db5d751:hover {
  background: color-mix(in srgb, var(--white) 22%, var(--primary));
  transform: translateX(6px);
}

#x-6b8aca5 .m-6c3248e {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--info-light);
}

#x-6b8aca5 .m-db5d751:nth-child(2) .m-6c3248e {
  color: var(--warning-bg);
}

#x-6b8aca5 .m-db5d751:nth-child(3) .m-6c3248e {
  color: var(--success-bg);
}

#x-6b8aca5 .m-db5d751 h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-light);
}

#x-6b8aca5 .m-db5d751 h3 + p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--text-light) 82%, var(--neutral-250));
}

#x-6b8aca5 .m-60b2825 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.55rem;
  margin-block-start: 0.25rem;
  padding-block: 0.85rem;
  padding-inline: 1.45rem;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--primary-dark);
  background: linear-gradient(105deg, var(--warning-light), var(--info-color));
  border-radius: 0.35rem;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--neutral-1050) 35%, var(--accent-dark));
  transition: transform 0.3s ease, filter 0.3s ease;
}

#x-6b8aca5 .m-60b2825:hover {
  transform: translateY(-3px);
  filter: brightness(1.06);
  color: var(--primary-dark);
}

#x-6b8aca5 .m-60b2825 i {
  font-size: 1em;
  transition: transform 0.3s ease;
}

#x-6b8aca5 .m-60b2825:hover i {
  transform: translateX(5px);
}

[dir="rtl"] #x-6b8aca5 .m-db5d751:hover {
  transform: translateX(-6px);
}

[dir="rtl"] #x-6b8aca5 .m-60b2825:hover i {
  transform: translateX(-5px);
}

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

@keyframes slashspin_p4n7rk1m9xd {
  from {
    opacity: 0;
    transform: rotate(18deg) scaleY(0.4);
  }
  to {
    opacity: 1;
    transform: rotate(18deg) scaleY(1);
  }
}

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

@media (max-width: 991.98px) {
  #x-6b8aca5 {
    padding-block: 5rem;
  }

  #x-6b8aca5 .m-431d46b {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.25rem;
  }

  #x-6b8aca5 .m-9482086 {
    max-width: 340px;
    order: -1;
  }

  #x-6b8aca5 .m-818296a {
    align-items: stretch;
  }

  #x-6b8aca5 .m-c9d8441 {
    max-width: none;
    text-align: center;
    align-items: center;
  }

  #x-6b8aca5 .m-60b2825 {
    align-self: center;
  }
}

@media (max-width: 575.98px) {
  #x-6b8aca5 {
    padding-block: 4rem;
    padding-inline: 1rem;
  }

  #x-6b8aca5 .m-c9d8441 h2 {
    font-size: 1.85rem;
  }

  #x-6b8aca5 .m-db5d751 {
    padding-inline: 1rem;
  }

  #x-6b8aca5 .m-c2e56ab {
    display: none;
  }
}

#x-18d2873 {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-18d2873 .m-2dec0d9 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-18d2873 .m-6c2df17 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-18d2873 .m-6128dff {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-18d2873 .m-c0b8eb7 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-18d2873 .m-1aaf1a4 {
        position: relative;
        z-index: 2;
      }

      #x-18d2873 .m-0777f66 {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-18d2873 .m-526d809 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-18d2873 .m-526d809 .m-341bb87 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-18d2873 .m-3ad8cf9 {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-18d2873 .m-3ad8cf9 .m-5814e47 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-18d2873 .m-ce4fddc {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-18d2873 .m-ce4fddc:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-18d2873 .m-2e4f6bb .m-9c4bfc4 {
        min-width: 0;
      }

      #x-18d2873 .m-f841958 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-18d2873 .m-77cada7 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-18d2873 .m-77cada7 {
          grid-template-columns: 1fr;
        }
      }

      #x-18d2873 .m-0d368e8 {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-18d2873 .m-0d368e8::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-18d2873 .m-0d368e8:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-18d2873 .m-0d368e8 .m-7b62235 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-18d2873 .m-0d368e8 .m-ecd7aa8 {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-18d2873 .m-f9ba926 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-18d2873 .m-f9ba926 .m-accdd1d {
        transform: skewY(2deg);
      }

      #x-18d2873 .m-53484b6 {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-18d2873 .m-89080d7 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-18d2873 .m-f86bd39 {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-18d2873 .m-f86bd39:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-18d2873 .m-f86bd39:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-18d2873 .m-f86bd39:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-18d2873 .m-f86bd39.m-6b92075 {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-18d2873 .m-f86bd39.m-9e22d7b {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-18d2873 .m-f86bd39.m-612b240 {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-18d2873 .m-49837c0 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-18d2873 .m-30b2325 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-18d2873 .m-6c2df17 {
          display: none;
        }

        #x-18d2873 .m-526d809 {
          letter-spacing: 0.2em;
        }

        #x-18d2873 .m-ce4fddc {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-18d2873 .m-526d809 .m-341bb87,
        #x-18d2873 .m-c0b8eb7,
        #x-18d2873 .m-6c2df17,
        #x-18d2873 .m-f86bd39 {
          animation: none;
        }

        #x-18d2873 .m-ce4fddc:is(:hover, :focus-visible),
        #x-18d2873 .m-0d368e8:is(:hover, :focus-within),
        #x-18d2873 .m-f86bd39:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-71a7637 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-71a7637::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-71a7637 .m-2698975 {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-71a7637 .m-a3901ee {
        position: relative;
        z-index: 1;
      }

      #x-71a7637 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-71a7637 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-71a7637 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-71a7637 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-71a7637 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-71a7637 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-71a7637 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-71a7637 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-71a7637 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-71a7637 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-71a7637 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-71a7637 .m-00c2f77 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-71a7637 .m-00c2f77 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-71a7637 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-71a7637 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-71a7637 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-71a7637 .m-e69f90e {
        list-style: none;
      }

      #x-71a7637 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-71a7637 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-71a7637 .nav-link:active {
        transform: translateY(0);
      }

      #x-71a7637 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-71a7637 {
          padding-block: 1rem;
        }

        #x-71a7637 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-71a7637 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-71a7637 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-dc4113b {
      position: relative;
      overflow: hidden;
      padding-block: clamp(3.5rem, 7vw, 6.5rem);
      padding-inline: 0;
      background:
        linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--secondary-bg) 72%, var(--accent-bg) 100%);
    }

    #x-dc4113b::before {
      content: '';
      position: absolute;
      inset-block-start: -20%;
      inset-inline-start: -10%;
      inline-size: min(55vw, 28rem);
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle, var(--danger-bg) 0%, transparent 68%);
      opacity: 0.45;
      pointer-events: none;
      animation: orbswing_k8m2n4p7qxw9zt 8s ease-in-out infinite;
    }

    #x-dc4113b::after {
      content: '';
      position: absolute;
      inset-block-end: -25%;
      inset-inline-end: -8%;
      inline-size: min(60vw, 32rem);
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent-light) 0%, transparent 70%);
      opacity: 0.5;
      pointer-events: none;
      animation: orbswing_k8m2n4p7qxw9zt 10s ease-in-out infinite reverse;
    }

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

    #x-dc4113b .m-37878bb {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: clamp(1.5rem, 3vw, 2.5rem);
    }

    #x-dc4113b .m-5126265 {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
      gap: clamp(1.25rem, 3vw, 2.5rem);
      align-items: end;
      padding-block-end: 0.25rem;
    }

    #x-dc4113b .m-d32f96b {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1rem;
    }

    #x-dc4113b .m-4d0de5e {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      width: fit-content;
      max-inline-size: 100%;
      padding-block: 0.45rem;
      padding-inline: 0.9rem;
      background: var(--neutral-1050);
      color: var(--warning-bg);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: normal;
      transform: rotate(-1.5deg);
      animation: kickpop_r4v8n1m6xw2qhp 3.2s ease-in-out infinite;
    }

    #x-dc4113b .m-4d0de5e::before {
      content: '';
      inline-size: 0.55rem;
      block-size: 0.55rem;
      background: var(--danger-color);
      box-shadow: 0.2rem 0.2rem 0 var(--secondary);
    }

    #x-dc4113b .m-0e11a0f {
      margin: 0;
      color: var(--neutral-1050);
      font-size: clamp(2.4rem, 5.5vw, 4.2rem);
      font-weight: 900;
      line-height: 0.95;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      text-shadow: 0.18rem 0.18rem 0 var(--text-light);
    }

    #x-dc4113b .m-0e11a0f span {
      display: inline;
      color: var(--danger-dark);
      -webkit-text-fill-color: unset;
      background: none;
      text-shadow: 0.18rem 0.18rem 0 var(--warning-bg);
    }

    #x-dc4113b .m-136b4a2 {
      margin: 0;
      max-inline-size: 36rem;
      color: var(--neutral-950);
      font-size: 1.08rem;
      font-weight: 600;
      line-height: 1.55;
    }

    #x-dc4113b .m-37b504f {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.75rem;
    }

    #x-dc4113b .m-74aa91b {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.25rem;
      padding: 1.1rem 1rem;
      background: var(--text-light);
      border: 0.2rem solid var(--neutral-1050);
      box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
      text-align: center;
      transform: rotate(1deg);
    }

    #x-dc4113b .m-74aa91b:nth-child(2) {
      background: var(--neutral-1050);
      box-shadow: 0.35rem 0.35rem 0 var(--warning-color);
      transform: rotate(-1.2deg);
    }

    #x-dc4113b .m-ee10bd0 {
      display: block;
      color: var(--danger-color);
      font-size: clamp(2rem, 4vw, 2.8rem);
      font-weight: 900;
      line-height: 1;
      letter-spacing: -0.04em;
    }

    #x-dc4113b .m-74aa91b:nth-child(2) .m-ee10bd0 {
      color: var(--secondary-bg);
    }

    #x-dc4113b .m-7989009 {
      display: block;
      color: var(--neutral-850);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1.3;
    }

    #x-dc4113b .m-74aa91b:nth-child(2) .m-7989009 {
      color: var(--neutral-250);
    }

    #x-dc4113b .m-94131fe {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1.5rem;
      padding: clamp(1.35rem, 3vw, 2.4rem);
      background: var(--text-light);
      border: 0.22rem solid var(--neutral-1050);
      box-shadow: 0.55rem 0.55rem 0 var(--neutral-1050);
      overflow: hidden;
    }

    #x-dc4113b .m-94131fe::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      block-size: 0.55rem;
      background: linear-gradient(90deg, var(--danger-color), var(--warning-color), var(--primary), var(--secondary), var(--accent));
      background-size: 200% 100%;
      animation: bandslide_j3k9m2p8qx7wnv 4.5s linear infinite;
    }

    #x-dc4113b .m-b3c8f42 {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      gap: 1.25rem;
      align-items: end;
    }

    #x-dc4113b .m-d85531f {
      margin: 0;
      color: var(--neutral-1050);
      font-size: clamp(1.2rem, 2.4vw, 1.55rem);
      font-weight: 900;
      line-height: 1.15;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    #x-dc4113b .m-95323a9 {
      margin: 0.4rem 0 0;
      color: var(--neutral-750);
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1.45;
    }

    #x-dc4113b .m-7f59fe4 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.55rem;
    }

    #x-dc4113b .m-7160df9 {
      position: relative;
      display: block;
      inline-size: 100%;
      block-size: 0.55rem;
      background: var(--neutral-150);
      border: 0.12rem solid var(--neutral-1050);
      overflow: hidden;
    }

    #x-dc4113b .m-5d603ff {
      display: block;
      block-size: 100%;
      inline-size: 33.333%;
      background: linear-gradient(90deg, var(--danger-color), var(--warning-color), var(--secondary));
      transition: inline-size 0.35s ease;
    }

    #x-dc4113b .m-94131fe:has(.m-6150e2f input:checked):not(:has(.m-c696d21 input:checked)) .m-5d603ff {
      inline-size: 66.666%;
    }

    #x-dc4113b .m-94131fe:has(.m-c696d21 input:checked):not(:has(.m-7f00983 input:checked)) .m-5d603ff,
    #x-dc4113b .m-94131fe:has(.m-7f00983 input:checked) .m-5d603ff {
      inline-size: 100%;
    }

    #x-dc4113b .m-87313de {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.4rem;
    }

    #x-dc4113b .m-ac8cffa {
      display: block;
      block-size: 0.7rem;
      border: 0.12rem solid var(--neutral-1050);
      background: var(--neutral-150);
      transition: background 0.25s ease, transform 0.25s ease;
    }

    #x-dc4113b .m-ac8cffa.m-6aa51e3 {
      background: linear-gradient(90deg, var(--warning-color), var(--primary));
      transform: scaleY(1.35);
    }

    #x-dc4113b .m-94131fe:has(.m-6150e2f input:checked) .m-97fe93c {
      background: var(--secondary);
      transform: none;
    }

    #x-dc4113b .m-94131fe:has(.m-6150e2f input:checked):not(:has(.m-c696d21 input:checked)) .m-b701ae7 {
      background: linear-gradient(90deg, var(--warning-color), var(--primary));
      transform: scaleY(1.35);
    }

    #x-dc4113b .m-94131fe:has(.m-c696d21 input:checked) .m-b701ae7 {
      background: var(--secondary);
      transform: none;
    }

    #x-dc4113b .m-94131fe:has(.m-c696d21 input:checked):not(:has(.m-7f00983 input:checked)) .m-2b45558 {
      background: linear-gradient(90deg, var(--warning-color), var(--primary));
      transform: scaleY(1.35);
    }

    #x-dc4113b .m-94131fe:has(.m-7f00983 input:checked) .m-2b45558 {
      background: var(--secondary);
      transform: none;
    }

    #x-dc4113b .m-eb0f57b {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      min-block-size: 18rem;
    }

    #x-dc4113b .m-b6eb183,
    #x-dc4113b .m-ea4122f {
      display: none;
    }

    #x-dc4113b .m-6150e2f {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1.25rem;
      animation: steprise_v7n3k8m2qxw4hp 0.4s ease both;
    }

    #x-dc4113b .m-eb0f57b:has(.m-6150e2f input:checked) .m-6150e2f {
      display: none;
    }

    #x-dc4113b .m-eb0f57b:has(.m-6150e2f input:checked):not(:has(.m-c696d21 input:checked)) .m-c696d21 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1.25rem;
      animation: steprise_v7n3k8m2qxw4hp 0.4s ease both;
    }

    #x-dc4113b .m-eb0f57b:has(.m-c696d21 input:checked):not(:has(.m-7f00983 input:checked)) .m-7f00983 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1.25rem;
      animation: steprise_v7n3k8m2qxw4hp 0.4s ease both;
    }

    #x-dc4113b .m-eb0f57b:has(.m-7f00983 input:checked) .m-ea4122f {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.85rem;
      align-content: center;
      justify-items: start;
      min-block-size: 15rem;
      padding: clamp(1.4rem, 3vw, 2.2rem);
      background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--accent-bg) 55%, var(--warning-bg) 100%);
      border: 0.2rem solid var(--neutral-1050);
      box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
      animation: steprise_v7n3k8m2qxw4hp 0.45s ease both;
    }

    #x-dc4113b .m-c524fb6 {
      margin: 0;
      color: var(--neutral-1050);
      font-size: clamp(1.45rem, 3vw, 2.05rem);
      font-weight: 900;
      line-height: 1.15;
      letter-spacing: -0.03em;
      max-inline-size: 40rem;
    }

    #x-dc4113b .m-01939d8 {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.75rem;
    }

    #x-dc4113b .m-855303f {
      position: relative;
      margin: 0;
    }

    #x-dc4113b .m-855303f input {
      position: absolute;
      opacity: 0;
      inset-block-start: 0;
      inset-inline-start: 0;
      inline-size: 1px;
      block-size: 1px;
      pointer-events: none;
    }

    #x-dc4113b .m-855303f label {
      position: relative;
      display: flex;
      align-items: center;
      min-block-size: 4rem;
      padding-block: 1rem;
      padding-inline: 1.2rem 1.4rem;
      border: 0.16rem solid var(--neutral-1050);
      background: var(--neutral-50);
      color: var(--neutral-1050);
      font-size: 1.05rem;
      font-weight: 800;
      line-height: 1.35;
      white-space: normal;
      cursor: pointer;
      overflow: hidden;
      transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    #x-dc4113b .m-855303f label::before {
      content: '';
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
      inline-size: 0.45rem;
      background: var(--warning-color);
      transform: scaleY(0);
      transform-origin: center bottom;
      transition: transform 0.22s ease;
    }

    #x-dc4113b .m-855303f:nth-child(2) label::before {
      background: var(--secondary);
    }

    #x-dc4113b .m-855303f:nth-child(3) label::before {
      background: var(--accent);
    }

    #x-dc4113b .m-cb33772 {
      position: relative;
      z-index: 1;
    }

    #x-dc4113b .m-855303f label:hover {
      background: var(--primary-bg);
      transform: translateX(0.35rem);
      box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
    }

    #x-dc4113b .m-855303f label:hover::before {
      transform: scaleY(1);
    }

    #x-dc4113b .m-855303f input:checked + label {
      background: linear-gradient(100deg, var(--danger-color), var(--warning-color));
      color: var(--text-light);
      box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
      transform: translateX(0.45rem);
    }

    #x-dc4113b .m-855303f input:checked + label::before {
      transform: scaleY(1);
      background: var(--neutral-1050);
    }

    #x-dc4113b .m-855303f input:focus-visible + label {
      outline: 0.18rem solid var(--accent-dark);
      outline-offset: 0.18rem;
    }

    #x-dc4113b .m-04842ea {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      inline-size: 3.4rem;
      block-size: 3.4rem;
      background: var(--neutral-1050);
      box-shadow: 0.25rem 0.25rem 0 var(--danger-color);
      animation: kickpop_r4v8n1m6xw2qhp 2.2s ease-in-out infinite;
    }

    #x-dc4113b .m-04842ea::before {
      content: '';
      inline-size: 0.7rem;
      block-size: 1.25rem;
      border-inline-end: 0.28rem solid var(--warning-bg);
      border-block-end: 0.28rem solid var(--warning-bg);
      transform: rotate(45deg) translateY(-0.1rem);
    }

    #x-dc4113b .m-69bb324 {
      margin: 0;
      color: var(--neutral-1050);
      font-size: clamp(1.6rem, 3.2vw, 2.3rem);
      font-weight: 900;
      line-height: 1.05;
      text-transform: uppercase;
      letter-spacing: -0.025em;
      text-shadow: 0.12rem 0.12rem 0 var(--text-light);
    }

    #x-dc4113b .m-0143505 {
      margin: 0;
      max-inline-size: 36rem;
      color: var(--neutral-950);
      font-size: 1.05rem;
      font-weight: 600;
      line-height: 1.55;
    }

    @keyframes orbswing_k8m2n4p7qxw9zt {
      0%,
      100% {
        transform: translateY(0) scale(1);
      }
      50% {
        transform: translateY(1.5rem) scale(1.08);
      }
    }

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

    @keyframes steprise_v7n3k8m2qxw4hp {
      0% {
        opacity: 0;
        transform: translateY(1rem) rotate(-0.4deg);
      }
      100% {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
      }
    }

    @keyframes kickpop_r4v8n1m6xw2qhp {
      0%,
      100% {
        transform: rotate(-1.5deg) scale(1);
      }
      50% {
        transform: rotate(-1.5deg) scale(1.04);
      }
    }

    @media (max-width: 991.98px) {
      #x-dc4113b .m-5126265 {
        grid-template-columns: minmax(0, 1fr);
      }

      #x-dc4113b .m-37b504f {
        max-inline-size: 28rem;
      }
    }

    @media (max-width: 575.98px) {
      #x-dc4113b .m-b3c8f42 {
        grid-template-columns: minmax(0, 1fr);
      }

      #x-dc4113b .m-37b504f {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-inline-size: none;
      }

      #x-dc4113b .m-855303f label {
        font-size: 0.98rem;
        padding-inline: 1rem 1.1rem;
      }

      #x-dc4113b .m-855303f label:hover,
      #x-dc4113b .m-855303f input:checked + label {
        transform: translateX(0.2rem);
      }

      #x-dc4113b .m-0e11a0f {
        text-shadow: 0.12rem 0.12rem 0 var(--text-light);
      }

      #x-dc4113b .m-eb0f57b:has(.m-7f00983 input:checked) .m-ea4122f {
        min-block-size: 12rem;
      }
    }

    [dir="rtl"] #x-dc4113b .m-855303f label:hover,
    [dir="rtl"] #x-dc4113b .m-855303f input:checked + label {
      transform: translateX(-0.35rem);
    }

    @media (max-width: 575.98px) {
      [dir="rtl"] #x-dc4113b .m-855303f label:hover,
      [dir="rtl"] #x-dc4113b .m-855303f input:checked + label {
        transform: translateX(-0.2rem);
      }
    }

#x-46de8de {
        padding-block: 120px;
padding-inline: 0;
        background: var(--background-primary);
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(circle at 20% 30%, rgba(var(--bs-primary-rgb), 0.06) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(var(--bs-accent-rgb), 0.05) 0%, transparent 50%);
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          top: 50%;
          inset-inline-start: 50%;
          transform: translate(-50%, -50%);
          width: 800px;
          height: 800px;
          background: radial-gradient(circle, rgba(var(--secondary-rgb), 0.03) 0%, transparent 70%);
          border-radius: 50%;
          pointer-events: none;
        }

        .m-ca1b8a5 {
          text-align: center;
          margin-bottom: 90px;
          position: relative;
          z-index: 2;

          h2 {
            color: var(--text-primary);
            font-size: 3.5rem;
            font-weight: 900;
            margin-bottom: 1.5rem;
            letter-spacing: -0.02em;
            position: relative;
            display: inline-block;

            &::after {
              content: '';
              position: absolute;
              bottom: -10px;
              inset-inline-start: 50%;
              transform: translateX(-50%);
              width: 80px;
              height: 5px;
              background: linear-gradient(90deg, var(--primary), var(--accent));
              border-radius: 3px;
            }
          }

          p {
            color: var(--text-secondary);
            font-size: 1.25rem;
            max-width: 700px;
            margin: 2rem auto 0;
            line-height: 1.7;
            font-weight: 400;
          }
        }

        .m-42a96c2 {
          position: relative;
          z-index: 2;
          max-width: 1400px;
          margin: 0 auto;
        }

        .m-e1c7f35 {
          display: flex;
          flex-direction: column;
          gap: 40px;
          position: relative;
        }

        .m-9d2335b {
          background: var(--background-tertiary);
          border-radius: 30px;
          padding: 0;
          transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          border: 3px solid var(--neutral-150);
          position: relative;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          overflow: hidden;
          display: flex;
          align-items: stretch;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            width: 6px;
            height: 100%;
            background: linear-gradient(180deg, var(--primary), var(--accent));
            opacity: 0;
            transition: opacity 0.3s ease;
          }

          &:hover {
            transform: translateX(15px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
            border-color: var(--primary);

            &::before {
              opacity: 1;
            }

            .m-647baf5 {
              transform: scale(1.1);
            }
          }

          &.m-faa0fe7 {
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            border-color: var(--primary);
            transform: translateX(10px);
            box-shadow: 0 15px 50px rgba(var(--bs-primary-rgb), 0.25);

            &::before {
              opacity: 1;
              background: var(--secondary);
            }

            .card-header {
              background: rgba(255, 255, 255, 0.1);
            }

            h3 {
              color: var(--text-light);
            }

            .m-ae01997 {
              color: var(--text-light);

              span {
                color: rgba(255, 255, 255, 0.8);
              }
            }

            ul li {
              color: rgba(255, 255, 255, 0.95);

              i {
                color: var(--secondary);
              }
            }

            .btn-primary {
              background: var(--secondary);
              border-color: var(--secondary);
              color: var(--text-primary);
              box-shadow: 0 6px 20px rgba(var(--secondary-rgb), 0.3);

              &:hover {
                background: var(--secondary-dark);
                border-color: var(--secondary-dark);
                transform: translateY(-3px);
                box-shadow: 0 10px 30px rgba(var(--secondary-rgb), 0.4);
              }
            }

            .m-647baf5 {
              background: var(--secondary);
              color: var(--text-primary);
            }
          }

          .card-header {
            flex: 0 0 480px;
            padding-block: 50px;
padding-inline: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: var(--background-primary);
            position: relative;

            &::after {
              content: '';
              position: absolute;
              inset-inline-end: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 1px;
              height: 60%;
              background: var(--neutral-150);
            }
          }

          .card-body {
            flex: 1;
            padding-block: 50px;
padding-inline: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
          }

          .m-647baf5 {
            display: inline-block;
            padding-block: 6px;
padding-inline: 14px;
            background: var(--primary);
            color: var(--text-light);
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 20px;
            width: fit-content;
            transition: transform 0.3s ease;
          }

          h3 {
            color: var(--text-primary);
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 20px;
            line-height: 1.2;
          }

          .m-ae01997 {
            font-size: 4.5rem;
            font-weight: 900;
            color: var(--primary);
            line-height: 1;
            margin-bottom: 10px;

            span {
              font-size: 1.3rem;
              color: var(--text-tertiary);
              font-weight: 600;
              margin-inline-start: 5px;
            }
          }

          .m-7bc73fb {
            color: var(--text-tertiary);
            font-size: 0.95rem;
            margin-top: 5px;
          }

          ul {
            list-style: none;
            padding: 0;
            margin-block: 10px 5px;
margin-inline: 20px 0;

            li {
              color: var(--text-secondary);
              margin-bottom: 16px;
              display: flex;
              align-items: flex-start;
              font-size: 1.05rem;
              line-height: 1.6;

              i {
                color: var(--primary);
                margin-inline-end: 14px;
                font-size: 1.2rem;
                margin-top: 3px;
                flex-shrink: 0;
              }
            }
          }

          .btn-primary {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            border: none;
            padding-block: 16px;
padding-inline: 40px;
            border-radius: 12px;
            font-weight: 700;
            width: 100%;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-size: 0.9rem;
            color: var(--text-light);
            box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.25);

            &:hover {
              background: linear-gradient(135deg, var(--primary-dark), var(--primary));
              transform: translateY(-2px);
              box-shadow: 0 8px 25px rgba(var(--bs-primary-rgb), 0.35);
            }
          }

          .btn-outline-primary {
            background: transparent;
            border: 3px solid var(--primary);
            color: var(--primary);
            padding-block: 16px;
padding-inline: 40px;
            border-radius: 12px;
            font-weight: 700;
            width: 100%;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-size: 0.9rem;
            box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.1);

            &:hover {
              background: var(--primary);
              color: var(--text-light);
              transform: translateY(-2px);
              box-shadow: 0 8px 25px rgba(var(--bs-primary-rgb), 0.3);
            }
          }
        }

        .m-687c949 {
          position: absolute;
          z-index: 1;
          pointer-events: none;

          &.m-4454f14 {
            top: 15%;
            inset-inline-end: 5%;
            width: 200px;
            height: 200px;
            background: linear-gradient(45deg, var(--primary-light), var(--accent-light));
            border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
            opacity: 0.15;
            animation: morphing_kjhsdgfkjasd 12s ease-in-out infinite;
          }

          &.m-62f2fff {
            bottom: 20%;
            inset-inline-start: 3%;
            width: 150px;
            height: 150px;
            background: linear-gradient(135deg, var(--secondary-light), var(--primary-light));
            border-radius: 60% 40% 30% 70% / 50% 60% 40% 50%;
            opacity: 0.12;
            animation: morphing_kjhsdgfkjasd 10s ease-in-out infinite reverse;
          }

          &.m-ba666ea {
            top: 50%;
            inset-inline-end: 10%;
            width: 100px;
            height: 100px;
            background: var(--accent-light);
            border-radius: 50%;
            opacity: 0.1;
            animation: pulse_akjshdgkjasd 4s ease-in-out infinite;
          }
        }
      }

      @keyframes morphing_kjhsdgfkjasd {
        0%,
        100% {
          border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
          transform: translate(0, 0) rotate(0deg);
        }
        25% {
          border-radius: 60% 40% 30% 70% / 50% 60% 40% 50%;
          transform: translate(20px, -20px) rotate(90deg);
        }
        50% {
          border-radius: 30% 70% 50% 50% / 60% 30% 70% 40%;
          transform: translate(-10px, 10px) rotate(180deg);
        }
        75% {
          border-radius: 70% 30% 50% 50% / 30% 60% 40% 70%;
          transform: translate(15px, 15px) rotate(270deg);
        }
      }

      @keyframes pulse_akjshdgkjasd {
        0%,
        100% {
          transform: scale(1);
          opacity: 0.1;
        }
        50% {
          transform: scale(1.2);
          opacity: 0.15;
        }
      }

      @media (max-width: 992px) {
        #x-46de8de {
          padding-block: 100px;
padding-inline: 0;

          .m-ca1b8a5 {
            margin-bottom: 70px;

            h2 {
              font-size: 2.8rem;
            }

            p {
              font-size: 1.1rem;
            }
          }

          .m-9d2335b {
            flex-direction: column;

            .card-header {
              flex: none;
              padding-block: 40px;
padding-inline: 35px;
              border-bottom: 1px solid var(--neutral-150);

              &::after {
                display: none;
              }
            }

            .card-body {
              padding-block: 40px;
padding-inline: 35px;
            }

            &.m-faa0fe7 {
              transform: none;
            }

            &:hover {
              transform: translateY(-8px);
            }
          }
        }
      }

      @media (max-width: 768px) {
        #x-46de8de {
          padding-block: 80px;
padding-inline: 0;

          .m-ca1b8a5 {
            margin-bottom: 60px;

            h2 {
              font-size: 2.2rem;

              &::after {
                width: 60px;
                height: 4px;
              }
            }

            p {
              font-size: 1rem;
            }
          }

          .m-9d2335b {
            .card-header {
              padding-block: 35px;
padding-inline: 25px;
            }

            .card-body {
              padding-block: 35px;
padding-inline: 25px;
            }

            h3 {
              font-size: 1.7rem;
            }

            .m-ae01997 {
              font-size: 3.5rem;
            }

            ul li {
              font-size: 1rem;
            }
          }

          .m-687c949 {
            display: none;
          }
        }
      }

#x-18a04d3 {
            position: relative;
            overflow: hidden;
            padding-block: 4.5rem;
            background: linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--accent-bg) 100%);
        }
    
        #x-18a04d3::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(circle, var(--neutral-1050) 1.5px, transparent 1.5px);
            background-size: 12px 12px;
            opacity: 0.08;
            pointer-events: none;
            z-index: 0;
        }
    
        #x-18a04d3::after {
            content: '';
            position: absolute;
            inset-block-start: -5rem;
            inset-inline-end: -3rem;
            width: 12rem;
            height: 12rem;
            border-radius: 50%;
            background: linear-gradient(145deg, var(--danger-bg) 0%, var(--info-bg) 100%);
            border: 4px solid var(--neutral-1050);
            opacity: 0.45;
            pointer-events: none;
            z-index: 0;
        }
    
        #x-18a04d3 .container {
            position: relative;
            z-index: 1;
        }
    
        #x-18a04d3 .m-5e8ab87 {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 2rem;
            align-items: start;
        }
    
        #x-18a04d3 .m-d5f3a93 {
            position: relative;
            padding-block: 1rem;
            padding-inline: 1rem;
        }
    
        #x-18a04d3 .m-7082c64 {
            position: absolute;
            inset-block-start: 0;
            inset-inline-start: 0;
            width: 5.5rem;
            height: 5.5rem;
            background: var(--secondary-bg);
            border: 4px solid var(--neutral-1050);
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            z-index: 2;
            animation: popartspin_k3m9x7p2q4n8w 6s ease-in-out infinite;
        }
    
        @keyframes popartspin_k3m9x7p2q4n8w {
            0%,
            100% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(12deg);
            }
        }
    
        #x-18a04d3 .m-6a082f0 {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 24rem;
            margin-inline: auto;
            aspect-ratio: 1 / 1;
            padding: 0.7rem;
            background: linear-gradient(160deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
            border: 4px solid var(--neutral-1050);
            box-shadow: 10px 10px 0 var(--neutral-1050);
            transform: rotate(-2deg);
            transition: transform 0.35s ease, box-shadow 0.35s ease;
        }
    
        #x-18a04d3 .m-6a082f0:hover {
            transform: rotate(0deg) scale(1.02);
            box-shadow: 12px 12px 0 var(--primary-dark);
        }
    
        #x-18a04d3 .m-5e282e6 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: 3px solid var(--white);
            background: var(--neutral-150);
        }
    
        #x-18a04d3 .m-5e282e6 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
    
        #x-18a04d3 .m-95dd035 {
            position: absolute;
            inset-block-end: -0.75rem;
            inset-inline-end: -0.5rem;
            padding-block: 0.45rem;
            padding-inline: 1rem;
            background: var(--danger-color);
            border: 3px solid var(--neutral-1050);
            box-shadow: 5px 5px 0 var(--neutral-1050);
            transform: rotate(3deg);
            z-index: 3;
        }
    
        #x-18a04d3 .m-6601ca6 {
            margin: 0;
            font-weight: 900;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: var(--text-light);
            line-height: 1.2;
        }
    
        #x-18a04d3 .m-2f67467 {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }
    
        #x-18a04d3 .m-4dc7a2b {
            position: relative;
            padding-block: 1.35rem;
            padding-inline: 1.5rem;
            border: 4px solid var(--neutral-1050);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
    
        #x-18a04d3 .m-4dc7a2b:hover {
            transform: translateY(-4px);
        }
    
        #x-18a04d3 .m-012cb4b {
            background: var(--white);
            box-shadow: 7px 7px 0 var(--warning-color);
            transform: rotate(1.2deg);
        }
    
        #x-18a04d3 .m-012cb4b:hover {
            box-shadow: 9px 9px 0 var(--warning-dark);
        }
    
        #x-18a04d3 .m-617729e {
            background: color-mix(in srgb, var(--info-bg) 40%, var(--white));
            box-shadow: 7px 7px 0 var(--accent-dark);
            transform: rotate(-1deg);
        }
    
        #x-18a04d3 .m-617729e:hover {
            box-shadow: 9px 9px 0 var(--accent);
        }
    
        #x-18a04d3 .m-088d24d {
            background: color-mix(in srgb, var(--secondary-bg) 35%, var(--white));
            box-shadow: 7px 7px 0 var(--secondary-dark);
            transform: rotate(0.8deg);
        }
    
        #x-18a04d3 .m-088d24d:hover {
            box-shadow: 9px 9px 0 var(--secondary);
        }
    
        #x-18a04d3 .m-016ce59 {
            position: absolute;
            inset-block-start: 0;
            inset-inline-start: 0;
            width: 100%;
            height: 0.45rem;
        }
    
        #x-18a04d3 .m-012cb4b .m-016ce59 {
            background: linear-gradient(90deg, var(--warning-color) 0%, var(--primary) 100%);
        }
    
        #x-18a04d3 .m-617729e .m-016ce59 {
            background: linear-gradient(90deg, var(--accent) 0%, var(--info-color) 100%);
        }
    
        #x-18a04d3 .m-088d24d .m-016ce59 {
            background: linear-gradient(90deg, var(--secondary) 0%, var(--success-color) 100%);
        }
    
        #x-18a04d3 .m-f4f5466 {
            margin-block: 0 0.55rem;
            font-size: 1.25rem;
            font-weight: 900;
            line-height: 1.2;
            color: var(--text-primary);
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }
    
        #x-18a04d3 .m-1f3463b {
            margin: 0;
            color: var(--text-secondary);
            line-height: 1.7;
        }
    
        @media (max-width: 991.98px) {
            #x-18a04d3 {
                padding-block: 3.5rem;
            }
    
            #x-18a04d3 .m-5e8ab87 {
                grid-template-columns: minmax(0, 1fr);
                gap: 2.5rem;
            }
    
            #x-18a04d3 .m-6a082f0 {
                max-width: 20rem;
                transform: rotate(0deg);
            }
    
            #x-18a04d3 .m-012cb4b,
            #x-18a04d3 .m-617729e,
            #x-18a04d3 .m-088d24d {
                transform: rotate(0deg);
            }
    
            #x-18a04d3 .m-7082c64 {
                width: 4rem;
                height: 4rem;
            }
        }
    
        @media (max-width: 575.98px) {
            #x-18a04d3 {
                padding-block: 3rem;
            }
    
            #x-18a04d3 .m-6a082f0 {
                box-shadow: 6px 6px 0 var(--neutral-1050);
            }
    
            #x-18a04d3 .m-4dc7a2b {
                padding-block: 1.15rem;
                padding-inline: 1.15rem;
            }
    
            #x-18a04d3 .m-95dd035 {
                inset-inline-end: 0;
            }
        }
    
        [dir='rtl'] #x-18a04d3 .m-6a082f0:hover {
            transform: rotate(0deg) scale(1.02);
        }

#x-cf6e162 {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-cf6e162 .m-15646b4 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-cf6e162 .m-720d414 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-cf6e162 .m-570ce26 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-cf6e162 .m-58a9cbc {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-cf6e162 .m-ed291e5 {
        position: relative;
        z-index: 2;
      }

      #x-cf6e162 .m-7788a47 {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-cf6e162 .m-15ab4fc {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-cf6e162 .m-15ab4fc .m-b4e6193 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-cf6e162 .m-111d0ba {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-cf6e162 .m-111d0ba .m-43c372d {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-cf6e162 .m-cee4028 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-cf6e162 .m-cee4028:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-cf6e162 .m-fcdf84c .m-e084223 {
        min-width: 0;
      }

      #x-cf6e162 .m-7a8abb7 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-cf6e162 .m-5127cec {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-cf6e162 .m-5127cec {
          grid-template-columns: 1fr;
        }
      }

      #x-cf6e162 .m-2edf192 {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-cf6e162 .m-2edf192::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-cf6e162 .m-2edf192:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-cf6e162 .m-2edf192 .m-082133d {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-cf6e162 .m-2edf192 .m-7c4ec83 {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-cf6e162 .m-ba4333e {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-cf6e162 .m-ba4333e .m-279bf2e {
        transform: skewY(2deg);
      }

      #x-cf6e162 .m-e943783 {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-cf6e162 .m-9cd8363 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-cf6e162 .m-2d924d3 {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-cf6e162 .m-2d924d3:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-cf6e162 .m-2d924d3:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-cf6e162 .m-2d924d3:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-cf6e162 .m-2d924d3.m-44d62d2 {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-cf6e162 .m-2d924d3.m-1846158 {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-cf6e162 .m-2d924d3.m-654543a {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-cf6e162 .m-af195cb {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-cf6e162 .m-8eb95c5 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-cf6e162 .m-720d414 {
          display: none;
        }

        #x-cf6e162 .m-15ab4fc {
          letter-spacing: 0.2em;
        }

        #x-cf6e162 .m-cee4028 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-cf6e162 .m-15ab4fc .m-b4e6193,
        #x-cf6e162 .m-58a9cbc,
        #x-cf6e162 .m-720d414,
        #x-cf6e162 .m-2d924d3 {
          animation: none;
        }

        #x-cf6e162 .m-cee4028:is(:hover, :focus-visible),
        #x-cf6e162 .m-2edf192:is(:hover, :focus-within),
        #x-cf6e162 .m-2d924d3:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-d0f59e9 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-d0f59e9::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-d0f59e9 .m-a7c70d9 {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-d0f59e9 .m-cb4a526 {
        position: relative;
        z-index: 1;
      }

      #x-d0f59e9 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-d0f59e9 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-d0f59e9 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-d0f59e9 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-d0f59e9 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-d0f59e9 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-d0f59e9 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-d0f59e9 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-d0f59e9 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-d0f59e9 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-d0f59e9 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-d0f59e9 .m-06b1472 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-d0f59e9 .m-06b1472 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-d0f59e9 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-d0f59e9 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-d0f59e9 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-d0f59e9 .m-cb7b007 {
        list-style: none;
      }

      #x-d0f59e9 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-d0f59e9 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-d0f59e9 .nav-link:active {
        transform: translateY(0);
      }

      #x-d0f59e9 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-d0f59e9 {
          padding-block: 1rem;
        }

        #x-d0f59e9 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-d0f59e9 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-d0f59e9 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-477ed28 {
  position: relative;
  background: linear-gradient(160deg, var(--neutral-1050) 0%, var(--neutral-950) 38%, var(--background-primary) 38%, var(--background-primary) 100%);
  color: var(--text-primary);
  overflow-x: hidden;
  padding-block: 0 4rem;
}

#x-477ed28::before {
  content: '';
  position: absolute;
  inset-inline-end: -8%;
  top: 0;
  width: 42%;
  height: 22rem;
  background: linear-gradient(135deg, var(--primary) 0%, var(--warning-color) 45%, var(--accent) 100%);
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 72%);
  opacity: 0.95;
  pointer-events: none;
  z-index: 0;
}

#x-477ed28::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 18rem;
  width: 100%;
  height: 0.35rem;
  background: linear-gradient(90deg, var(--primary-bg), var(--accent-bg), var(--secondary-bg), var(--warning-bg));
  z-index: 0;
}

#x-477ed28 .m-6902161 {
  position: relative;
  z-index: 1;
}

#x-477ed28 .m-c1cec2b {
  position: relative;
  padding-block: 3.5rem 2.5rem;
  color: var(--text-light);
  overflow: hidden;
}

#x-477ed28 .m-9b3e3dc {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding: 0.45rem 0.9rem;
  background: var(--primary-bg);
  color: var(--neutral-1050);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: normal;
  transform: skewX(-8deg);
  animation: slashreveal_k8m2npq4wx 0.55s ease both;
}

#x-477ed28 .m-9b3e3dc span {
  display: inline-block;
  transform: skewX(8deg);
}

#x-477ed28 .m-45a9a29 {
  font-size: clamp(2.35rem, 6vw, 4.2rem);
  line-height: 0.95;
  font-weight: 800;
  letter-spacing: -0.03em;
  max-width: 16ch;
  margin-bottom: 1.25rem;
  color: var(--text-light);
  animation: slashreveal_k8m2npq4wx 0.65s ease 0.08s both;
}

#x-477ed28 .m-5e8ba3e {
  font-size: 1.05rem;
  line-height: 1.75;
  max-width: 38rem;
  color: var(--neutral-250);
  margin-bottom: 0;
  animation: slashreveal_k8m2npq4wx 0.65s ease 0.16s both;
}

#x-477ed28 .m-afe507d {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin-top: 2rem;
  animation: slashreveal_k8m2npq4wx 0.7s ease 0.24s both;
}

#x-477ed28 .m-bbb0bc6 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.1rem;
  padding: 0.85rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--neutral-1050);
  border: 0;
}

#x-477ed28 .m-bbb0bc6 i {
  font-size: 1.1rem;
  flex-shrink: 0;
}

#x-477ed28 .m-15eeebd {
  background: var(--primary-bg);
}

#x-477ed28 .m-eb673c8 {
  background: var(--accent-bg);
}

#x-477ed28 .m-624dba5 {
  background: var(--secondary-bg);
}

#x-477ed28 .m-0993151 {
  background: var(--warning-bg);
}

#x-477ed28 .m-0d73570 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 2.5rem;
}

#x-477ed28 .m-f2e5c12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-content: flex-start;
}

#x-477ed28 .m-9e6c8d7 {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 0.7rem 1rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-primary);
  background: var(--background-tertiary);
  border-inline-start: 0.35rem solid var(--primary);
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

#x-477ed28 .m-9e6c8d7:hover {
  background: var(--primary);
  color: var(--text-light);
  border-inline-start-color: var(--primary-dark);
}

#x-477ed28 .m-9e6c8d7:nth-child(2n) {
  border-inline-start-color: var(--accent);
}

#x-477ed28 .m-9e6c8d7:nth-child(2n):hover {
  background: var(--accent);
  border-inline-start-color: var(--accent-dark);
}

#x-477ed28 .m-9e6c8d7:nth-child(3n) {
  border-inline-start-color: var(--secondary);
}

#x-477ed28 .m-9e6c8d7:nth-child(3n):hover {
  background: var(--secondary);
  border-inline-start-color: var(--secondary-dark);
}

#x-477ed28 .m-959478c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

#x-477ed28 .m-68771e7 {
  position: relative;
  background: var(--background-tertiary);
  border: 2px solid var(--neutral-150);
  padding: 1.6rem 1.35rem 1.5rem;
  overflow: hidden;
}

#x-477ed28 .m-68771e7::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: 0;
  height: 0.45rem;
  background: var(--primary);
}

#x-477ed28 .m-1c69920::before {
  background: linear-gradient(90deg, var(--accent), var(--accent-light));
}

#x-477ed28 .m-78a4b61::before {
  background: linear-gradient(90deg, var(--secondary), var(--secondary-light));
}

#x-477ed28 .m-ede86ff::before {
  background: linear-gradient(90deg, var(--warning-color), var(--warning-light));
}

#x-477ed28 .m-23bb348 {
  background: var(--neutral-1050);
  border-color: var(--neutral-850);
  color: var(--text-light);
}

#x-477ed28 .m-23bb348::before {
  background: linear-gradient(90deg, var(--primary-bg), var(--accent-bg));
}

#x-477ed28 .m-23bb348 .m-e40a60c {
  color: var(--primary-bg);
}

#x-477ed28 .m-23bb348 .m-acf3289 {
  color: var(--neutral-250);
}

#x-477ed28 .m-23bb348 .m-43a5ec0 li {
  color: var(--neutral-250);
}

#x-477ed28 .m-f3dab3a {
  background: linear-gradient(135deg, var(--primary-bg) 0%, var(--warning-bg) 100%);
  border-color: var(--primary);
}

#x-477ed28 .m-f3dab3a::before {
  display: none;
}

#x-477ed28 .m-f3dab3a .m-e40a60c {
  color: var(--neutral-1050);
}

#x-477ed28 .m-f3dab3a .m-acf3289 {
  color: var(--neutral-950);
}

#x-477ed28 .m-e40a60c {
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
  color: var(--primary-dark);
}

#x-477ed28 .m-1c69920 .m-e40a60c {
  color: var(--accent-dark);
}

#x-477ed28 .m-78a4b61 .m-e40a60c {
  color: var(--secondary-dark);
}

#x-477ed28 .m-ede86ff .m-e40a60c {
  color: var(--warning-dark);
}

#x-477ed28 .m-acf3289 {
  font-size: 0.97rem;
  line-height: 1.8;
  color: var(--text-secondary);
  margin-bottom: 0;
}

#x-477ed28 .m-4dd8680 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

#x-477ed28 .m-cb5aa62 {
  display: inline-block;
  padding: 0.55rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-light);
  background: var(--neutral-950);
  clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%);
  padding-inline-end: 1.15rem;
  transition: background 0.25s ease;
}

#x-477ed28 .m-cb5aa62:nth-child(2n) {
  background: var(--accent-dark);
}

#x-477ed28 .m-cb5aa62:nth-child(3n) {
  background: var(--secondary-dark);
}

#x-477ed28 .m-cb5aa62:nth-child(4n) {
  background: var(--warning-dark);
}

#x-477ed28 .m-cb5aa62:nth-child(5n) {
  background: var(--primary-dark);
}

#x-477ed28 .m-cb5aa62:hover {
  background: var(--primary);
}

#x-477ed28 .m-43a5ec0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
}

#x-477ed28 .m-43a5ec0 li {
  position: relative;
  padding-inline-start: 1.35rem;
  padding-block: 0.4rem;
  color: var(--text-secondary);
  font-size: 0.97rem;
  line-height: 1.7;
  border-bottom: 1px solid var(--neutral-150);
}

#x-477ed28 .m-43a5ec0 li:last-child {
  border-bottom: 0;
}

#x-477ed28 .m-43a5ec0 li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 0.95rem;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--primary);
  transform: rotate(45deg);
}

#x-477ed28 .m-78d63ec li::before {
  background: var(--accent);
}

#x-477ed28 .m-04d6c11 li::before {
  background: var(--secondary);
}

#x-477ed28 .m-be006e0 li::before {
  background: var(--warning-color);
}

#x-477ed28 .m-23bb348 .m-43a5ec0 li {
  border-bottom-color: var(--neutral-850);
}

#x-477ed28 .m-23bb348 .m-43a5ec0 li::before {
  background: var(--primary-bg);
}

#x-477ed28 .m-54cd457 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

#x-477ed28 .m-63ea47d {
  position: relative;
  margin-top: 0.5rem;
  padding: 2rem 1.5rem;
  background: linear-gradient(145deg, var(--accent-dark) 0%, var(--neutral-1050) 55%, var(--secondary-dark) 100%);
  color: var(--text-light);
  overflow: hidden;
}

#x-477ed28 .m-63ea47d::before {
  content: '';
  position: absolute;
  inset-inline-end: -2rem;
  bottom: -2rem;
  width: 12rem;
  height: 12rem;
  background: var(--primary-bg);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  opacity: 0.35;
  pointer-events: none;
}

#x-477ed28 .m-b9ba231 {
  position: relative;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: 800;
  color: var(--text-light);
  margin-bottom: 0.85rem;
}

#x-477ed28 .m-988259e {
  position: relative;
  font-size: 0.97rem;
  line-height: 1.75;
  color: var(--neutral-250);
  margin-bottom: 1.5rem;
}

#x-477ed28 .m-8dcb9f2 {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
}

#x-477ed28 .m-1c44cb9 {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  background: color-mix(in srgb, var(--background-tertiary) 12%, transparent);
  border-inline-start: 0.3rem solid var(--primary-bg);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-light);
}

#x-477ed28 .m-1c44cb9 i {
  color: var(--primary-bg);
  font-size: 1.15rem;
}

@keyframes slashreveal_k8m2npq4wx {
  from {
    opacity: 0;
    transform: translateY(1.25rem) skewX(-2deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) skewX(0);
  }
}

@media (min-width: 768px) {
  #x-477ed28::before {
    height: 26rem;
  }

  #x-477ed28 .m-c1cec2b {
    padding-block: 4.5rem 3rem;
  }

  #x-477ed28 .m-afe507d {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #x-477ed28 .m-43a5ec0 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem 1.25rem;
  }

  #x-477ed28 .m-43a5ec0 li {
    border-bottom: 0;
  }

  #x-477ed28 .m-54cd457 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #x-477ed28 .m-63ea47d {
    padding: 2.35rem 2rem;
  }

  #x-477ed28 .m-8dcb9f2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  #x-477ed28 {
    padding-block: 0 5rem;
  }

  #x-477ed28::before {
    width: 38%;
    height: 28rem;
  }

  #x-477ed28 .m-0d73570 {
    grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
    gap: 2rem;
    align-items: start;
  }

  #x-477ed28 .m-f2e5c12 {
    position: sticky;
    top: 1.25rem;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  #x-477ed28 .m-9e6c8d7 {
    width: 100%;
  }

  #x-477ed28 .m-68771e7 {
    padding: 1.85rem 1.75rem 1.7rem;
  }

  #x-477ed28 .m-afe507d {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

#x-173eb4d {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-173eb4d .m-9d90f90 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-173eb4d .m-bdd54da {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-173eb4d .m-5d0d6fe {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-173eb4d .m-4acca4c {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-173eb4d .m-e53cbb1 {
        position: relative;
        z-index: 2;
      }

      #x-173eb4d .m-3a272ef {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-173eb4d .m-32cdcfc {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-173eb4d .m-32cdcfc .m-b4bff89 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-173eb4d .m-6b1a4fa {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-173eb4d .m-6b1a4fa .m-7d8815d {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-173eb4d .m-1ca2488 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-173eb4d .m-1ca2488:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-173eb4d .m-0eed641 .m-9617472 {
        min-width: 0;
      }

      #x-173eb4d .m-6f6ccf2 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-173eb4d .m-4fe35d2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-173eb4d .m-4fe35d2 {
          grid-template-columns: 1fr;
        }
      }

      #x-173eb4d .m-642eb14 {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-173eb4d .m-642eb14::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-173eb4d .m-642eb14:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-173eb4d .m-642eb14 .m-c7358fa {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-173eb4d .m-642eb14 .m-af3384a {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-173eb4d .m-4149e27 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-173eb4d .m-4149e27 .m-b83efb9 {
        transform: skewY(2deg);
      }

      #x-173eb4d .m-af972cb {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-173eb4d .m-3f4c063 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-173eb4d .m-40a4f19 {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-173eb4d .m-40a4f19:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-173eb4d .m-40a4f19:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-173eb4d .m-40a4f19:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-173eb4d .m-40a4f19.m-bc96b4c {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-173eb4d .m-40a4f19.m-efa3665 {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-173eb4d .m-40a4f19.m-9ecb251 {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-173eb4d .m-88b8129 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-173eb4d .m-8c6bb47 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-173eb4d .m-bdd54da {
          display: none;
        }

        #x-173eb4d .m-32cdcfc {
          letter-spacing: 0.2em;
        }

        #x-173eb4d .m-1ca2488 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-173eb4d .m-32cdcfc .m-b4bff89,
        #x-173eb4d .m-4acca4c,
        #x-173eb4d .m-bdd54da,
        #x-173eb4d .m-40a4f19 {
          animation: none;
        }

        #x-173eb4d .m-1ca2488:is(:hover, :focus-visible),
        #x-173eb4d .m-642eb14:is(:hover, :focus-within),
        #x-173eb4d .m-40a4f19:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-a357828 {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-a357828::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-a357828 .m-e41d9cc {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-a357828 .m-00dd576 {
        position: relative;
        z-index: 1;
      }

      #x-a357828 .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-a357828 .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-a357828 .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-a357828 .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-a357828 .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-a357828 .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-a357828 .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-a357828 .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-a357828 .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-a357828 .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-a357828 .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-a357828 .m-72db1fc {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-a357828 .m-72db1fc span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-a357828 .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-a357828 .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-a357828 .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-a357828 .m-d7889b4 {
        list-style: none;
      }

      #x-a357828 .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-a357828 .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-a357828 .nav-link:active {
        transform: translateY(0);
      }

      #x-a357828 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-a357828 {
          padding-block: 1rem;
        }

        #x-a357828 .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-a357828 .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-a357828 .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

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

@keyframes termsflash_r3w8hd5j1qc6 {
  from {
    opacity: 0;
    transform: scaleX(0.2);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

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

#x-84bf602 {
  position: relative;
  overflow-x: clip;
  color: var(--text-primary);
  background:
    linear-gradient(
      155deg,
      color-mix(in srgb, var(--info-bg) 55%, var(--neutral-50)) 0%,
      var(--neutral-50) 28%,
      color-mix(in srgb, var(--warning-bg) 35%, var(--neutral-50)) 62%,
      color-mix(in srgb, var(--primary-bg) 40%, var(--neutral-150)) 100%
    );
  min-height: 100vh;
  padding-block: clamp(2rem, 5vw, 4rem) clamp(2.5rem, 6vw, 5rem);
}

#x-84bf602 .m-0e7a2eb {
  position: absolute;
  inset-block-start: -8%;
  inset-inline-end: -12%;
  width: min(52vw, 28rem);
  height: min(52vw, 28rem);
  border-radius: 32% 68% 55% 45%;
  background: linear-gradient(135deg, var(--accent) 0%, var(--info-color) 55%, var(--warning-color) 100%);
  opacity: 0.18;
  pointer-events: none;
  transform: rotate(18deg);
}

#x-84bf602 .m-cbc7f05 {
  position: absolute;
  inset-block-end: 12%;
  inset-inline-start: -10%;
  width: min(40vw, 20rem);
  height: min(40vw, 20rem);
  border-radius: 60% 40% 70% 30%;
  background: linear-gradient(200deg, var(--secondary) 0%, var(--primary) 100%);
  opacity: 0.14;
  pointer-events: none;
  transform: rotate(-12deg);
}

#x-84bf602 .m-fab0028 {
  position: relative;
  z-index: 1;
}

#x-84bf602 .m-3c10183 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: clamp(2rem, 5vw, 3.25rem);
  animation: termsburst_k7m2xq9p4vn8 0.7s ease-out both;
}

@media (min-width: 992px) {
  #x-84bf602 .m-3c10183 {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
    gap: 2rem;
    align-items: stretch;
  }
}

#x-84bf602 .m-7979698 {
  position: relative;
  padding-block: clamp(1.75rem, 4vw, 2.75rem);
  padding-inline: clamp(1.35rem, 4vw, 2.75rem);
  background: linear-gradient(
    125deg,
    var(--neutral-1050) 0%,
    color-mix(in srgb, var(--accent-dark) 70%, var(--neutral-1050)) 48%,
    color-mix(in srgb, var(--primary-dark) 65%, var(--neutral-950)) 100%
  );
  color: var(--text-light);
  border-radius: 0 1.75rem 0.35rem 1.75rem;
  overflow: hidden;
  box-shadow: 0 28px 56px color-mix(in srgb, var(--neutral-1050) 35%, transparent);
}

#x-84bf602 .m-7979698::after {
  content: '';
  position: absolute;
  inset-block-end: -20%;
  inset-inline-end: -8%;
  width: 55%;
  height: 70%;
  background: linear-gradient(45deg, var(--warning-color) 0%, var(--info-color) 100%);
  opacity: 0.22;
  transform: rotate(-18deg);
  pointer-events: none;
}

#x-84bf602 .m-52fb092 {
  display: block;
  width: 4.5rem;
  height: 0.35rem;
  border-radius: 999px;
  margin-bottom: 1.15rem;
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--info-color) 55%, var(--secondary-light) 100%);
  animation: termsflash_r3w8hd5j1qc6 0.55s 0.15s ease-out both;
}

#x-84bf602 .m-9aa19d3 {
  position: relative;
  z-index: 1;
  font-size: clamp(2rem, 5.5vw, 3.35rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
  color: var(--text-light);
}

#x-84bf602 .m-f572133 {
  position: relative;
  z-index: 1;
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 0;
  max-width: 36rem;
  color: color-mix(in srgb, var(--text-light) 88%, var(--info-bg));
}

#x-84bf602 .m-9d342ac {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

#x-84bf602 .m-8174392 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-height: 100%;
  padding-block: 1.75rem;
  padding-inline: 1.5rem;
  background: linear-gradient(160deg, var(--warning-color) 0%, var(--warning-dark) 55%, var(--danger-color) 100%);
  color: var(--text-light);
  border-radius: 1.35rem 0.25rem 1.35rem 0.25rem;
  box-shadow: 0 18px 36px color-mix(in srgb, var(--warning-dark) 35%, transparent);
  animation: termsslide_b9f4zt2m6xe1 0.65s 0.2s ease-out both;
}

#x-84bf602 .m-bf01e49 {
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  font-weight: 800;
  line-height: 1.3;
  white-space: normal;
  text-align: center;
}

#x-84bf602 .m-d87e620 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  #x-84bf602 .m-d87e620 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
  }
}

#x-84bf602 .m-1f629f7 {
  position: relative;
  padding-block: 1.35rem 1.4rem;
  padding-inline: 1.25rem 1.35rem;
  background: var(--background-tertiary);
  border-radius: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--neutral-250) 80%, transparent);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--neutral-950) 7%, transparent);
  overflow: hidden;
  animation: termsslide_b9f4zt2m6xe1 0.55s ease-out both;
}

#x-84bf602 .m-1f629f7::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 0.35rem;
  background: linear-gradient(90deg, var(--accent) 0%, var(--info-color) 100%);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 2)::before {
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--danger-color) 100%);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 3)::before {
  background: linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 4)::before {
  background: linear-gradient(90deg, var(--primary) 0%, var(--accent-light) 100%);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 5)::before {
  background: linear-gradient(90deg, var(--danger-color) 0%, var(--warning-light) 100%);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 6)::before {
  background: linear-gradient(90deg, var(--info-dark) 0%, var(--secondary-light) 100%);
}

#x-84bf602 .m-7d0e087 {
  grid-column: 1 / -1;
}

#x-84bf602 .m-1f629f7 h2 {
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  color: var(--neutral-1050);
  padding-inline-start: 0.85rem;
  border-inline-start: 3px solid var(--accent);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 2) h2 {
  border-inline-start-color: var(--warning-color);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 3) h2 {
  border-inline-start-color: var(--secondary);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 4) h2 {
  border-inline-start-color: var(--primary);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 5) h2 {
  border-inline-start-color: var(--danger-color);
}

#x-84bf602 .m-1f629f7:nth-child(6n + 6) h2 {
  border-inline-start-color: var(--info-dark);
}

#x-84bf602 .m-1f629f7 p {
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-bottom: 0.55rem;
}

#x-84bf602 .m-1f629f7 p:last-child {
  margin-bottom: 0;
}

#x-84bf602 .m-1f629f7 ul {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}

#x-84bf602 .m-1f629f7 ul li {
  position: relative;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--text-secondary);
  margin-bottom: 0.55rem;
  padding-inline-start: 1.4rem;
}

#x-84bf602 .m-1f629f7 ul li:last-child {
  margin-bottom: 0;
}

#x-84bf602 .m-1f629f7 ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.55em;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.15rem;
  background: linear-gradient(135deg, var(--accent) 0%, var(--warning-color) 100%);
  transform: rotate(45deg);
}

#x-84bf602 .m-34c4b54 {
  grid-column: 1 / -1;
  margin-top: 0.35rem;
  padding-block: clamp(1.75rem, 4vw, 2.5rem);
  padding-inline: clamp(1.25rem, 4vw, 2.5rem);
  border-radius: 1.5rem 0.35rem 1.5rem 0.35rem;
  background: linear-gradient(
    135deg,
    var(--primary-dark) 0%,
    var(--accent-dark) 42%,
    color-mix(in srgb, var(--secondary-dark) 70%, var(--neutral-1050)) 100%
  );
  color: var(--text-light);
  border: none;
  box-shadow: 0 24px 48px color-mix(in srgb, var(--accent-dark) 40%, transparent);
  overflow: hidden;
}

#x-84bf602 .m-34c4b54::before {
  height: 0.45rem;
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--info-color) 50%, var(--secondary-light) 100%);
}

#x-84bf602 .m-34c4b54 h2 {
  color: var(--text-light);
  border-inline-start-color: var(--info-color);
  margin-bottom: 1.15rem;
}

#x-84bf602 .m-d66aa69 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}

@media (min-width: 768px) {
  #x-84bf602 .m-d66aa69 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}

#x-84bf602 .m-462cf87 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 1rem;
  padding-inline: 1rem;
  background: color-mix(in srgb, var(--text-light) 10%, transparent);
  border-radius: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
}

#x-84bf602 .m-462cf87 i {
  flex-shrink: 0;
  width: 2.1rem;
  height: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.55rem;
  font-size: 1rem;
  color: var(--neutral-1050);
  background: linear-gradient(145deg, var(--info-color) 0%, var(--warning-light) 100%);
}

#x-84bf602 .m-462cf87 span {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-light);
  padding-block-start: 0.3rem;
}

#x-0d8ad8f {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-0d8ad8f .m-03f34cc {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-0d8ad8f .m-41d1281 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-0d8ad8f .m-cb9cc37 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-0d8ad8f .m-17a4b30 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-0d8ad8f .m-07a1d0e {
        position: relative;
        z-index: 2;
      }

      #x-0d8ad8f .m-e231e3e {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-0d8ad8f .m-a3e6caf {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-0d8ad8f .m-a3e6caf .m-b981ef0 {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-0d8ad8f .m-7698c1b {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-0d8ad8f .m-7698c1b .m-8e87eb4 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-0d8ad8f .m-972fae4 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-0d8ad8f .m-972fae4:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-0d8ad8f .m-36246ce .m-179db75 {
        min-width: 0;
      }

      #x-0d8ad8f .m-a7a87c3 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-0d8ad8f .m-5e62d65 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-0d8ad8f .m-5e62d65 {
          grid-template-columns: 1fr;
        }
      }

      #x-0d8ad8f .m-6965fcb {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-0d8ad8f .m-6965fcb::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-0d8ad8f .m-6965fcb:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-0d8ad8f .m-6965fcb .m-5a09ce6 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-0d8ad8f .m-6965fcb .m-8712db8 {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-0d8ad8f .m-8c4671d {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-0d8ad8f .m-8c4671d .m-f80cfb5 {
        transform: skewY(2deg);
      }

      #x-0d8ad8f .m-f64260d {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-0d8ad8f .m-487a7b0 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-0d8ad8f .m-10c0fb7 {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-0d8ad8f .m-10c0fb7:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-0d8ad8f .m-10c0fb7:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-0d8ad8f .m-10c0fb7:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-0d8ad8f .m-10c0fb7.m-dbb9930 {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-0d8ad8f .m-10c0fb7.m-280b751 {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-0d8ad8f .m-10c0fb7.m-ca86e8c {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-0d8ad8f .m-e6658a0 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-0d8ad8f .m-d8936fa {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-0d8ad8f .m-41d1281 {
          display: none;
        }

        #x-0d8ad8f .m-a3e6caf {
          letter-spacing: 0.2em;
        }

        #x-0d8ad8f .m-972fae4 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-0d8ad8f .m-a3e6caf .m-b981ef0,
        #x-0d8ad8f .m-17a4b30,
        #x-0d8ad8f .m-41d1281,
        #x-0d8ad8f .m-10c0fb7 {
          animation: none;
        }

        #x-0d8ad8f .m-972fae4:is(:hover, :focus-visible),
        #x-0d8ad8f .m-6965fcb:is(:hover, :focus-within),
        #x-0d8ad8f .m-10c0fb7:is(:hover, :focus-visible) {
          transform: none;
        }
      }

#x-3a1e4aa {
        padding-block: 1.5rem;
        padding-inline: 0;
        background: linear-gradient(
          160deg,
          color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)),
          var(--background-primary) 45%,
          color-mix(in srgb, var(--primary-bg) 22%, var(--background-primary))
        );
        position: relative;
        overflow: clip;
      }

      #x-3a1e4aa::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
            circle at 0% 0%,
            color-mix(in srgb, var(--info-light) 40%, transparent),
            transparent 55%
          ),
          radial-gradient(
            circle at 100% 100%,
            color-mix(in srgb, var(--secondary-light) 35%, transparent),
            transparent 50%
          );
        opacity: 0.55;
        pointer-events: none;
      }

      #x-3a1e4aa .m-9293437 {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        block-size: 5px;
        background: linear-gradient(
          90deg,
          var(--accent-dark),
          var(--primary),
          var(--secondary-dark)
        );
        z-index: 2;
        animation: headerpulse_m4k2n8xq7rw1ab 8s ease-in-out infinite;
      }

      @keyframes headerpulse_m4k2n8xq7rw1ab {
        0%,
        100% {
          filter: saturate(1);
        }
        50% {
          filter: saturate(1.35);
        }
      }

      #x-3a1e4aa .m-0895d98 {
        position: relative;
        z-index: 1;
      }

      #x-3a1e4aa .navbar {
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid color-mix(in srgb, var(--gray-250) 65%, var(--primary-light));
        border-radius: 1.25rem;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent),
          0 1px 0 color-mix(in srgb, var(--text-light) 55%, transparent) inset;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        backdrop-filter: blur(10px);
      }

      @media (min-width: 992px) {
        #x-3a1e4aa .navbar {
          padding-block: 1rem;
          padding-inline: 1.75rem;
        }
      }

      #x-3a1e4aa .navbar .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1rem;
      }

      @media (max-width: 991.98px) {
        #x-3a1e4aa .navbar .container {
          grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 4.25rem);
        }
      }

      #x-3a1e4aa .navbar-brand {
        font-size: clamp(1.35rem, 2.5vw, 1.75rem);
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.15;
        text-decoration: none;
        white-space: normal;
        color: var(--text-primary) !important;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        padding-block: 0.25rem;
        padding-inline-end: 0.5rem;
        isolation: isolate;
      }

      #x-3a1e4aa .navbar-brand::after {
        content: "";
        position: absolute;
        inset-block-end: 0.1em;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 0.45em;
        background: linear-gradient(
          90deg,
          color-mix(in srgb, var(--accent) 55%, transparent),
          color-mix(in srgb, var(--secondary) 50%, transparent)
        );
        border-radius: 0.35rem;
        z-index: -1;
        opacity: 0.85;
      }

      #x-3a1e4aa .navbar-brand:hover {
        color: var(--primary-dark) !important;
      }

      #x-3a1e4aa .navbar-brand:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--accent));
        outline-offset: 4px;
        border-radius: 0.35rem;
      }

      [dir="rtl"] #x-3a1e4aa .navbar-brand::after {
        transform: scaleX(-1);
      }

      #x-3a1e4aa .navbar-toggler {
        border-radius: 0.85rem;
        border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--gray-250));
        padding-block: 0.65rem;
        padding-inline: 0.75rem;
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 12%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
      }

      #x-3a1e4aa .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent) 45%, transparent);
      }

      #x-3a1e4aa .m-56491e4 {
        display: grid;
        gap: 0.35rem;
        inline-size: 1.5rem;
      }

      #x-3a1e4aa .m-56491e4 span {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--accent-dark)
        );
      }

      #x-3a1e4aa .navbar-collapse {
        grid-column: 1 / -1;
      }

      @media (min-width: 992px) {
        #x-3a1e4aa .navbar-collapse {
          grid-column: auto;
          justify-self: end;
        }
      }

      #x-3a1e4aa .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        margin: 0;
      }

      #x-3a1e4aa .m-d647904 {
        list-style: none;
      }

      #x-3a1e4aa .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.95rem;
        letter-spacing: 0.01em;
        text-decoration: none;
        border-radius: 999px;
        padding-block: 0.55rem;
        padding-inline: 1.1rem;
        color: var(--text-secondary) !important;
        border: 1px solid color-mix(in srgb, var(--gray-250) 80%, var(--accent));
        background: color-mix(in srgb, var(--background-tertiary) 96%, var(--info-bg));
        transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
          transform 0.2s ease, box-shadow 0.25s ease;
        white-space: nowrap;
      }

      #x-3a1e4aa .nav-link:hover {
        color: var(--primary-dark) !important;
        border-color: color-mix(in srgb, var(--primary) 45%, var(--gray-250));
        background: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
        box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent);
        transform: translateY(-1px);
      }

      #x-3a1e4aa .nav-link:active {
        transform: translateY(0);
      }

      #x-3a1e4aa .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent-dark) 60%, var(--primary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #x-3a1e4aa {
          padding-block: 1rem;
        }

        #x-3a1e4aa .navbar-nav {
          justify-content: stretch;
          flex-direction: column;
          align-items: stretch;
          padding-block-start: 0.5rem;
          margin-block-start: 0.5rem;
          border-block-start: 1px solid color-mix(in srgb, var(--gray-250) 70%, var(--secondary));
        }

        #x-3a1e4aa .nav-link {
          justify-content: flex-start;
          white-space: normal;
        }

        [dir="rtl"] #x-3a1e4aa .nav-link {
          justify-content: flex-end;
          text-align: end;
        }
      }

#x-45e7f87 {
      
      
      width: 100vw;
      height: 100vh;
     
      padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(
              135deg,
              rgba(146, 203, 214, 0.18),
              rgba(92, 161, 232, 0.14),
              rgba(226, 226, 226, 0.35)
      );
      backdrop-filter: blur(9px);
      
      
      
      transition: opacity 0.35s ease, visibility 0.35s ease;

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

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

      .modal-content {
          width: min(680px, 100%);
          background: var(--white);
          border-radius: 20px;
          border: 1px solid rgba(92, 161, 232, 0.18);
          box-shadow: 0 26px 60px rgba(0, 0, 0, 0.14);
          overflow: hidden;
          transform: translateY(18px);
          
          transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;

          .m-ee0fc80 {
              display: grid;
              grid-template-columns: 210px 1fr;
              min-height: 260px;
          }

          .m-0691dd0 {
              background: linear-gradient(180deg, var(--primary), var(--info-color));
              padding: 1.5rem;
              display: grid;
              place-items: center;
              position: relative;

              &::after {
                  content: "";
                  position: absolute;
                  inset: 14px;
                  border-radius: 16px;
                  border: 1px solid rgba(255, 255, 255, 0.35);
              }

              .m-dfcd29e {
                  width: 86px;
                  height: 86px;
                  border-radius: 50%;
                  background: rgba(255, 255, 255, 0.2);
                  display: grid;
                  place-items: center;
                  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
                  position: relative;

                  &::before {
                      content: "";
                      position: absolute;
                      inset: 8px;
                      border-radius: 50%;
                      background: rgba(255, 255, 255, 0.18);
                  }

                  &::after {
                      content: "✓";
                      color: var(--white);
                      font-size: 2.1rem;
                      font-weight: 900;
                      position: relative;
                  }
              }
          }

          .m-d9d00bd {
              padding-block: 2.1rem 2.2rem;
padding-inline: 2.4rem;
              text-align: start;

              .modal-header {
                  h3 {
                      margin-block: 0 0.75rem;
margin-inline: 0;
                      color: var(--text-primary);
                      font-size: 1.85rem;
                      font-weight: 800;
                      letter-spacing: -0.02em;
                  }
              }

              .modal-body {
                  p {
                      margin-block: 0 1.5rem;
margin-inline: 0;
                      color: var(--text-secondary);
                      font-size: 1.06rem;
                      line-height: 1.65;
                  }
              }

              .modal-footer {
                  display: flex;
                  gap: 0.75rem;
                  align-items: center;
                  justify-content: flex-end;

              }
          }
      }

      @media (max-width: 680px) {
          .modal-content {
              .m-ee0fc80 {
                  grid-template-columns: 1fr;
              }

              .m-0691dd0 {
                  padding: 1.25rem;

                  .m-dfcd29e {
                      width: 72px;
                      height: 72px;

                      &::after {
                          font-size: 1.8rem;
                      }
                  }
              }

              .m-d9d00bd {
                  padding-block: 1.6rem 1.8rem;
padding-inline: 1.6rem;

                  .modal-header {
                      h3 {
                          font-size: 1.55rem;
                      }
                  }

                  .modal-footer {
                  }
              }
          }
      }
  }

#x-e191f72 {
        overflow: clip;
        position: relative;
        isolation: isolate;
        color: var(--text-light);
        padding-block: clamp(3rem, 6vw, 4.75rem) clamp(1.75rem, 4vw, 3rem);
        background: radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--primary-light) 75%, transparent) 0%, transparent 52%), radial-gradient(circle at 98% 20%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, transparent 48%),
          linear-gradient(160deg, var(--accent-dark) 0%, var(--primary-dark) 38%, var(--warning-dark) 68%, color-mix(in srgb, var(--secondary-dark) 70%, var(--accent-dark)) 100%);
      }

      #x-e191f72 .m-2c22fd9 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-light) 6%, transparent) 0, color-mix(in srgb, var(--text-light) 6%, transparent) 2px, transparent 2px, transparent 7px);
        mix-blend-mode: soft-light;
        opacity: 0.55;
      }

      #x-e191f72 .m-552f574 {
        position: absolute;
        inset-inline: 5%;
        top: clamp(0.75rem, 4vw, 2rem);
        height: clamp(5rem, 18vw, 9rem);
        border-radius: 2.5rem;
        border-style: solid;
        border-width: 4px;
        border-color: color-mix(in srgb, var(--text-light) 35%, transparent);
        pointer-events: none;
        z-index: 0;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--primary) 30%, transparent), 0 0 52px color-mix(in srgb, var(--accent-bg) 40%, transparent);
        animation: neondrift_k9wz2xq7mvn4pj 14s linear infinite alternate;
      }

      #x-e191f72 .m-3533a06 {
        position: absolute;
        inset-inline: 0;
        top: clamp(4.25rem, 16vw, 7.5rem);
        height: 3px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-light) 55%, transparent), color-mix(in srgb, var(--warning-bg) 80%, transparent), color-mix(in srgb, var(--accent-light) 75%, transparent), transparent);
        z-index: 0;
      }

      #x-e191f72 .m-6193043 {
        position: absolute;
        width: clamp(240px, 36vw, 420px);
        height: clamp(240px, 36vw, 420px);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary-light) 40%, transparent) 0%, transparent 72%);
        filter: blur(2px);
        pointer-events: none;
        inset-inline-start: clamp(-140px, -12vw, -60px);
        bottom: clamp(-140px, -15vw, -40px);
        z-index: 0;
        animation: puffshift_r3tq8hj5wyzc6 11s ease-in-out infinite alternate;
      }

      #x-e191f72 .m-125876b {
        position: relative;
        z-index: 2;
      }

      #x-e191f72 .m-55ff95d {
        text-align: center;
        padding-block-end: clamp(1.75rem, 5vw, 2.85rem);
      }

      #x-e191f72 .m-dd0ed50 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        padding-block: 0.6rem;
        padding-inline: clamp(1.25rem, 4vw, 2rem);
        border-radius: 999px;
        background: color-mix(in srgb, var(--text-light) 12%, transparent);
        border-inline: 4px solid color-mix(in srgb, var(--warning-bg) 80%, transparent);
        box-shadow: 0 20px 50px color-mix(in srgb, var(--background-dark) 22%, transparent);
        font-size: clamp(1rem, 2vw, 1.25rem);
        font-weight: 800;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        backdrop-filter: blur(12px);
      }

      #x-e191f72 .m-dd0ed50 .m-d0e263a {
        display: inline-flex;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--text-light) 75%, transparent) 12%, transparent 38%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--info-light) 55%, transparent) 0%, var(--accent) 72%);
        animation: sparklepop_m7hx4nd8zkw2 2.75s ease-in-out infinite;
      }

      #x-e191f72 .m-f65b12a {
        max-width: min(920px, 100%);
        margin-inline: auto;
        padding-block-end: clamp(2rem, 5vw, 3rem);
      }

      #x-e191f72 .m-f65b12a .m-1c8e4fa {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.6rem;
        padding-block: clamp(0.95rem, 3vw, 1.35rem);
        padding-inline: clamp(0.35rem, 3vw, 1.65rem);
        border-radius: 1.85rem;
        background: linear-gradient(140deg, color-mix(in srgb, var(--text-light) 16%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 50%, color-mix(in srgb, var(--secondary) 10%, transparent) 100%);
        border: 3px solid color-mix(in srgb, var(--text-light) 28%, transparent);
        box-shadow: inset 0 0 36px color-mix(in srgb, var(--text-light) 8%, transparent);
      }

      #x-e191f72 .m-3a007f4 {
        flex: 0 1 clamp(136px, 22vw, 160px);
        text-align: center;
        padding-block: 0.72rem;
        padding-inline: 1rem;
        border-radius: 1.05rem;
        font-weight: 700;
        color: var(--text-light);
        background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 64%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 55%, transparent) 72%);
        border-inline: 4px solid color-mix(in srgb, var(--text-light) 45%, transparent);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.7rem;
        box-shadow: 0 14px 20px color-mix(in srgb, var(--background-dark) 32%, transparent);
        transition: transform 0.34s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.34s ease, border-color 0.34s ease, background-position 0.45s ease;
        background-size: 200% 100%;
      }

      #x-e191f72 .m-3a007f4:is(:hover, :focus-visible) {
        color: var(--text-light);
        transform: translateY(-10px);
        border-color: color-mix(in srgb, var(--warning-bg) 85%, transparent);
        box-shadow: 0 22px 40px color-mix(in srgb, var(--background-dark) 40%, transparent);
        background-position: 100% 0;
      }

      #x-e191f72 .m-eea6cfc .m-2556b06 {
        min-width: 0;
      }

      #x-e191f72 .m-d2923c5 {
        display: block;
        width: clamp(156px, 38vw, 280px);
        height: 8px;
        border-radius: 999px;
        margin-block-end: 1.4rem;
        background: linear-gradient(90deg, var(--accent-light), var(--text-light), var(--warning-bg), var(--secondary-light), var(--info-light));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--background-dark) 30%, transparent);
      }

      #x-e191f72 .m-a82fa6e {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.95rem, 2.5vw, 1.4rem);
      }

      @media (max-width: 575.98px) {
        #x-e191f72 .m-a82fa6e {
          grid-template-columns: 1fr;
        }
      }

      #x-e191f72 .m-8a67d4c {
        position: relative;
        padding-block: 1.15rem;
        padding-inline: 1.3rem;
        border-radius: 1.5rem;
        background: color-mix(in srgb, var(--text-light) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--accent-light) 55%, transparent);
        box-shadow: 0 18px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        min-height: 100%;
        transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
      }

      #x-e191f72 .m-8a67d4c::after {
        content: '';
        position: absolute;
        inset-inline-end: 0.75rem;
        inset-block-start: 0.75rem;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 70%, transparent), color-mix(in srgb, var(--primary) 45%, transparent));
        opacity: 0.28;
        transform: rotate(12deg);
      }

      #x-e191f72 .m-8a67d4c:is(:hover, :focus-within) {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--text-light) 48%, transparent);
        box-shadow: 0 26px 38px color-mix(in srgb, var(--background-dark) 36%, transparent);
      }

      #x-e191f72 .m-8a67d4c .m-8ddb3f9 {
        flex-shrink: 0;
        width: 2.55rem;
        height: 2.55rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--secondary), var(--accent));
        box-shadow: 0 10px 18px color-mix(in srgb, var(--background-dark) 24%, transparent);
      }

      #x-e191f72 .m-8a67d4c .m-7039c4d {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text-light);
      }

      #x-e191f72 .m-cd448f9 {
        background: linear-gradient(180deg, color-mix(in srgb, var(--text-light) 14%, transparent) 0%, color-mix(in srgb, var(--primary) 10%, transparent) 100%);
        border-radius: 2rem;
        border: 3px solid color-mix(in srgb, var(--text-light) 30%, transparent);
        padding-block: clamp(1.75rem, 4vw, 2.35rem);
        padding-inline: clamp(1.25rem, 3vw, 2rem);
        box-shadow: 0 24px 48px color-mix(in srgb, var(--background-dark) 30%, transparent);
        transform: skewY(-2deg);
      }

      #x-e191f72 .m-cd448f9 .m-80b8bc4 {
        transform: skewY(2deg);
      }

      #x-e191f72 .m-e2f1c6a {
        font-size: clamp(1.25rem, 3vw, 1.65rem);
        font-weight: 900;
        color: var(--text-light);
        margin-block-end: 1.35rem;
        line-height: 1.25;
      }

      #x-e191f72 .m-622b6b5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.85rem;
      }

      #x-e191f72 .m-74b4f2c {
        --share-bg: color-mix(in srgb, var(--info) 85%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 70%, var(--primary-dark));
        --share-ring: color-mix(in srgb, var(--text-light) 45%, transparent);
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.55rem;
        color: var(--text-light);
        background: var(--share-bg);
        border: 3px solid var(--share-ring);
        text-decoration: none;
        box-shadow: 0 16px 28px color-mix(in srgb, var(--background-dark) 28%, transparent);
        transition: transform 0.3s cubic-bezier(0.22, 0.94, 0.35, 1.06), box-shadow 0.3s ease, background 0.3s ease;
        animation: bounceorbit_t4mn8xwq3p7v9k 3.2s ease-in-out infinite;
      }

      #x-e191f72 .m-74b4f2c:nth-child(2) {
        animation-delay: 0.25s;
      }

      #x-e191f72 .m-74b4f2c:nth-child(3) {
        animation-delay: 0.5s;
      }

      #x-e191f72 .m-74b4f2c:is(:hover, :focus-visible) {
        color: var(--text-light);
        background: var(--share-hover-bg);
        transform: translateY(-10px) scale(1.12);
        box-shadow: 0 22px 36px color-mix(in srgb, var(--background-dark) 40%, transparent);
      }

      #x-e191f72 .m-74b4f2c.m-c97be03 {
        --share-bg: color-mix(in srgb, var(--accent) 55%, var(--info));
        --share-hover-bg: color-mix(in srgb, var(--info-dark) 55%, var(--accent-dark));
      }

      #x-e191f72 .m-74b4f2c.m-f4f019e {
        --share-bg: color-mix(in srgb, var(--secondary) 70%, var(--accent));
        --share-hover-bg: color-mix(in srgb, var(--secondary-dark) 65%, var(--accent-dark));
      }

      #x-e191f72 .m-74b4f2c.m-9fa9507 {
        --share-bg: color-mix(in srgb, var(--warning-color) 60%, var(--primary));
        --share-hover-bg: color-mix(in srgb, var(--warning-dark) 55%, var(--primary-dark));
      }

      #x-e191f72 .m-aabbab3 {
        margin-block-start: clamp(2.75rem, 6vw, 3.85rem);
        padding-block-start: clamp(1.65rem, 4vw, 2.25rem);
        border-block-start: 3px dashed color-mix(in srgb, var(--text-light) 38%, transparent);
      }

      #x-e191f72 .m-9ed9213 {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.08em;
        color: color-mix(in srgb, var(--text-light) 90%, transparent);
        margin-block: 0;
      }

      @keyframes neondrift_k9wz2xq7mvn4pj {
        0% {
          opacity: 0.55;
          transform: skewX(-2deg) rotate(-1deg);
        }

        100% {
          opacity: 1;
          transform: skewX(2deg) rotate(2deg);
        }
      }

      @keyframes puffshift_r3tq8hj5wyzc6 {
        0% {
          opacity: 0.45;
        }

        100% {
          opacity: 1;
          transform: translateY(12px);
        }
      }

      @keyframes sparklepop_m7hx4nd8zkw2 {
        0% {
          transform: scale(1);
          box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-light) 20%, transparent);
        }

        50% {
          transform: scale(1.55);
          box-shadow: 0 0 0 12px color-mix(in srgb, var(--warning-bg) 45%, transparent);
        }

        100% {
          transform: scale(1);
          box-shadow: 0 0 0 5px color-mix(in srgb, var(--info-light) 28%, transparent);
        }
      }

      @keyframes bounceorbit_t4mn8xwq3p7v9k {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-6px);
        }
      }

      @media (max-width: 767.98px) {
        #x-e191f72 .m-552f574 {
          display: none;
        }

        #x-e191f72 .m-dd0ed50 {
          letter-spacing: 0.2em;
        }

        #x-e191f72 .m-3a007f4 {
          flex: 1 1 calc(50% - 0.55rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #x-e191f72 .m-dd0ed50 .m-d0e263a,
        #x-e191f72 .m-6193043,
        #x-e191f72 .m-552f574,
        #x-e191f72 .m-74b4f2c {
          animation: none;
        }

        #x-e191f72 .m-3a007f4:is(:hover, :focus-visible),
        #x-e191f72 .m-8a67d4c:is(:hover, :focus-within),
        #x-e191f72 .m-74b4f2c:is(:hover, :focus-visible) {
          transform: none;
        }
      }