#css5b8c29 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css5b8c29::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css5b8c29::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css5b8c29 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css5b8c29 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css5b8c29 .scb0f86a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css5b8c29 .sc28053c {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css5b8c29 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css5b8c29 .sc2592b4 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css5b8c29 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css5b8c29 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css5b8c29 .scfbaa50 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css5b8c29 .sc93dfea {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css5b8c29 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css5b8c29 .sc3dfc14 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css5b8c29 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css5b8c29 .sc053453 {
        display: flex;
      }

      #css5b8c29 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css5b8c29 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css5b8c29 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css5b8c29 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css5b8c29 .navbar-collapse {
          flex-basis: 100%;
        }

        #css5b8c29 .sc3dfc14 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css5b8c29 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css5b8c29 .sc053453 {
          inline-size: 100%;
        }

        #css5b8c29 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css5b8c29 .sc28053c {
          max-inline-size: min(100%, 16rem);
        }

        #css5b8c29 .navbar-brand {
          font-size: 1.15rem;
        }

        #css5b8c29 .sc2592b4 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css5b8c29 .nav-link,
        #css5b8c29 .navbar-brand {
          transition: none;
        }

        #css5b8c29 .nav-link:hover {
          transform: none;
        }
      }

#cssb712f8 {
    position: relative;
    overflow: hidden;
    background: var(--background-tertiary);

    & .sc22e961 {
        padding-block: 5rem;
    }

    & .scbf934d {
        position: relative;
        padding: 2rem;
        border-radius: 2.5rem;
        background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
    }

    & .sc93d8cf {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 2rem;
        align-items: stretch;
    }

    & .sc3264b2 {
        background: var(--background-tertiary);
        border-radius: 2rem;
        padding: 2.5rem;
    }

    & .scb480ea {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--text-secondary);
        font-weight: 900;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-size: 0.78rem;
        margin-bottom: 1rem;

        &::before {
            content: "";
            width: 34px;
            height: 3px;
            border-radius: 999px;
            background: var(--primary);
        }
    }

    & .sc06b982 {
        color: var(--text-primary);
        margin-bottom: 1rem;
    }

    & .sce2a31e {
        color: var(--text-secondary);
        font-size: 1.06rem;
        margin-bottom: 1.7rem;
    }

    & .sc0557da {
        display: grid;
        gap: 1rem;
    }

    & .sc3cdde5 {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1rem;
        align-items: start;

        & .scedff22 {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: var(--primary);
            color: var(--text-light);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
        }

        & h3 {
            font-size: 1rem;
            color: var(--text-primary);
            margin-bottom: 0.25rem;
        }

        & p {
            color: var(--text-tertiary);
            margin: 0;
        }
    }

    & .sc28a6e1 {
        display: grid;
        gap: 1rem;
    }

    & .scca7400 {
        border-radius: 2rem;
        overflow: hidden;
        min-height: 340px;

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

    & .scfe80ad {
        border-radius: 2rem;
        background: var(--background-dark);
        padding: 1.5rem;

        & p {
            color: var(--text-light);
            margin-bottom: 1rem;
            font-weight: 700;
        }

        & a {
            color: var(--secondary-light);
            text-decoration: none;
            font-weight: 900;
        }
    }

    @media (max-width: 991.98px) {
        & .sc93d8cf {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 575.98px) {
        & .sc22e961 {
            padding-block: 3.5rem;
        }

        & .scbf934d {
            padding: 1rem;
            border-radius: 1.6rem;
        }

        & .sc3264b2 {
            padding: 1.4rem;
        }
    }
}

#cssf34274 {
        --content-x: 1;
        padding-block: clamp(4rem, 8vw, 6rem);
        padding-inline: 0;
        position: relative;
        isolation: isolate;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 22%, var(--background-tertiary)) 0%, var(--background-tertiary) 38%, var(--neutral-50) 100%);
      }

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

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

      #cssf34274 .sc4554a7 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(2rem, 4vw, 3.75rem);
        align-items: stretch;
      }

      #cssf34274 .sc0be52a {
        background: linear-gradient(160deg, color-mix(in srgb, var(--primary) 92%, var(--background-tertiary)), color-mix(in srgb, var(--accent) 72%, var(--background-tertiary)));
        border-radius: 1.25rem;
        padding-block: clamp(2rem, 4vw, 2.75rem);
        padding-inline: clamp(1.5rem, 3vw, 2.25rem);
        color: var(--text-light);
        box-shadow: 0 22px 48px color-mix(in srgb, var(--neutral-950) 14%, var(--background-tertiary)), inset 0 1px 0 color-mix(in srgb, var(--text-light) 18%, var(--primary-dark));
      }

      #cssf34274 .sc2dcebe {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.5rem;
        margin-block-end: 1.75rem;
        max-inline-size: 14rem;
        opacity: 0.72;
      }

      #cssf34274 .sc2dcebe span {
        display: block;
        aspect-ratio: 1;
        border-radius: 0.45rem;
        background: color-mix(in srgb, var(--text-light) 16%, var(--primary-dark));
      }

      #cssf34274 .sc2dcebe span:nth-child(2n) {
        background: color-mix(in srgb, var(--text-light) 28%, var(--accent-dark));
      }

      #cssf34274 .sccd84ef {
        display: inline-block;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--text-light) 78%, var(--accent-bg));
        margin-block-end: 1rem;
      }

      #cssf34274 .scac51b0 {
        font-size: clamp(2rem, 3.4vw, 2.65rem);
        font-weight: 800;
        line-height: 1.12;
        margin-block-end: 1.1rem;
        color: var(--text-light);
      }

      #cssf34274 .scf71e4a {
        font-size: 1.04rem;
        line-height: 1.72;
        margin-block-end: 0;
        color: color-mix(in srgb, var(--text-light) 92%, var(--neutral-950));
      }

      #cssf34274 .sc8ee2cd {
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      #cssf34274 .sca5f73c {
        display: grid;
        grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr);
        gap: 1.15rem;
        align-items: start;
        background: color-mix(in srgb, var(--background-tertiary) 94%, var(--neutral-250));
        border-radius: 1.1rem;
        border: 1px solid color-mix(in srgb, var(--neutral-150) 80%, var(--primary));
        padding-block: 1.35rem;
        padding-inline-start: 1.2rem;
        padding-inline-end: 1.45rem;
        box-shadow: 0 16px 32px color-mix(in srgb, var(--neutral-950) 6%, var(--background-tertiary));
        transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      }

      #cssf34274 .sca5f73c:hover {
        border-color: color-mix(in srgb, var(--primary) 55%, var(--neutral-250));
        box-shadow: 0 20px 40px color-mix(in srgb, var(--neutral-950) 9%, var(--background-tertiary));
        transform: translateY(-0.2rem);
      }

      #cssf34274 .scfd7b23 {
        display: grid;
        place-items: center;
        justify-self: stretch;
        aspect-ratio: 1;
        max-inline-size: 5rem;
        border-radius: 0.95rem;
        align-self: start;
      }

      #cssf34274 .sca5f73c:nth-child(4n + 1) .scfd7b23 {
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-bg) 88%, var(--background-tertiary)), color-mix(in srgb, var(--primary-light) 70%, var(--background-tertiary)));
        color: var(--primary-dark);
        border: 1px solid color-mix(in srgb, var(--primary) 50%, var(--neutral-250));
      }

      #cssf34274 .sca5f73c:nth-child(4n + 2) .scfd7b23 {
        background: linear-gradient(135deg, color-mix(in srgb, var(--accent-bg) 76%, var(--background-tertiary)), color-mix(in srgb, var(--accent-light) 68%, var(--background-tertiary)));
        color: var(--accent-dark);
        border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--neutral-250));
      }

      #cssf34274 .sca5f73c:nth-child(4n + 3) .scfd7b23 {
        background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-bg) 80%, var(--background-tertiary)), color-mix(in srgb, var(--secondary-light) 66%, var(--background-tertiary)));
        color: var(--secondary-dark);
        border: 1px solid color-mix(in srgb, var(--secondary) 48%, var(--neutral-250));
      }

      #cssf34274 .sca5f73c:nth-child(4n + 4) .scfd7b23 {
        background: linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 78%, var(--background-tertiary)), color-mix(in srgb, var(--warning-light) 72%, var(--background-tertiary)));
        color: var(--warning-dark);
        border: 1px solid color-mix(in srgb, var(--warning-color) 46%, var(--neutral-250));
      }

      #cssf34274 .scfd7b23 i {
        font-size: 1.65rem;
      }

      #cssf34274 .scc24d3e {
        min-inline-size: 0;
      }

      #cssf34274 .sc33045f {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: space-between;
        gap: 0.85rem;
        margin-block-end: 0.55rem;
      }

      #cssf34274 .sc554767 {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--text-primary);
        line-height: 1.28;
        margin-block: 0;
        flex: 1 1 12rem;
      }

      #cssf34274 .sc9add3c {
        margin-block: 0;
        margin-inline: 0;
        color: var(--text-secondary);
        font-size: 0.98rem;
        line-height: 1.65;
      }

      #cssf34274 .sc0ab5f1 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--primary-dark);
        text-decoration: none;
        font-weight: 600;
        font-size: 0.92rem;
        white-space: nowrap;
        flex-shrink: 0;
      }

      #cssf34274 .sc0ab5f1 i {
        font-size: 1.05rem;
        transition: transform 0.25s ease;
      }

      #cssf34274 .sc0ab5f1:hover {
        color: var(--primary);
      }

      #cssf34274 .sc0ab5f1:hover i {
        transform: translateX(calc(var(--content-x) * 0.35rem));
      }

      [dir='rtl'] #cssf34274 {
        --content-x: -1;
      }

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

        #cssf34274 .sc0be52a {
          order: -1;
        }

        #cssf34274 .sca5f73c {
          grid-template-columns: minmax(0, 4.75rem) minmax(0, 1fr);
        }
      }

      @media (max-width: 575px) {
        #cssf34274 .sca5f73c {
          grid-template-columns: 1fr;
        }

        #cssf34274 .scfd7b23 {
          max-inline-size: 4.25rem;
        }

        #cssf34274 .sc33045f {
          flex-direction: column;
          align-items: stretch;
        }

        #cssf34274 .sc0ab5f1 {
          white-space: normal;
          justify-content: flex-start;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #cssf34274 .sc0ab5f1 i,
        #cssf34274 .sca5f73c {
          transition: none;
        }

        #cssf34274 .sca5f73c:hover {
          transform: none;
        }
      }

#css449297 {
  padding-block: 100px;
  background: var(--background-dark);
  position: relative;
  overflow: hidden;

  &::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 15% 20%, var(--primary) 0%, transparent 40%),
    radial-gradient(circle at 85% 80%, var(--accent) 0%, transparent 40%);
    opacity: .15;
  }

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

  .scd15f7a {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 40px;
    align-items: center;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 32px;
    padding: 50px;
  }

  .sc811f6e {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: var(--secondary);
    font-weight: 800;
  }

  .sc2df7af {
    color: var(--text-light);
    font-size: 3rem;
    font-weight: 900;
    margin-block: 20px;
  }

  .sc09d65f {
    color: var(--neutral-250);
    line-height: 1.8;
    margin-bottom: 30px;
  }

  .scbdaadd {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }

  .btn-primary {
    background: var(--secondary);
    color: var(--text-primary);
    padding: 16px 28px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
  }

  .btn-secondary {
    border: 2px solid rgba(255, 255, 255, .15);
    color: var(--text-light);
    padding: 16px 28px;
    border-radius: 999px;
    text-decoration: none;
  }

  .scb2f664 {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .scbfdc16 {
    background: rgba(255, 255, 255, .06);
    border-radius: 20px;
    padding: 24px;
    text-align: center;
  }

  .sc0fdd43 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--secondary);
  }

  .sce2ae8d {
    color: var(--text-light);
  }

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

    .sc2df7af {
      font-size: 2.2rem;
    }
  }
}

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #cssff6d7d {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #cssff6d7d::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #cssff6d7d::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #cssff6d7d .sc7411d9 {
        position: relative;
        z-index: 1;
      }

      #cssff6d7d .sc8c0deb {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #cssff6d7d .sc8c0deb:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #cssff6d7d .sc0e2e97 {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #cssff6d7d .sc0e2e97::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #cssff6d7d p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #cssff6d7d .sc7f7520 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #cssff6d7d .sc7f7520 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #cssff6d7d .sc7f7520 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #cssff6d7d .sc7f7520 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #cssff6d7d .sc7f7520 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #cssff6d7d .sc9f8f84 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #cssff6d7d .sc9f8f84 li {
        margin-bottom: 0.75rem;
      }

      #cssff6d7d .sc9f8f84 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #cssff6d7d .sc9f8f84 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #cssff6d7d .sc9f8f84 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #cssff6d7d .sc9f8f84 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #cssff6d7d .sc7062d0 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #cssff6d7d .scdc01e0 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #cssff6d7d .scdc01e0:hover::before {
        width: 100%;
        height: 100%;
      }

      #cssff6d7d .scdc01e0:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #cssff6d7d .scdc01e0:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #cssff6d7d .scdc01e0 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #cssff6d7d .scdc01e0:hover i {
        color: var(--text-light);
      }

      #cssff6d7d .sc42c03f {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #cssff6d7d .sc42c03f::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #cssff6d7d .sc2aefed {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #cssff6d7d .sc2aefed:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #cssff6d7d .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #cssff6d7d {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #cssff6d7d .sc8c0deb {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #cssff6d7d {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #cssff6d7d .sc8c0deb {
          padding: 1.25rem;
        }

        #cssff6d7d .sc0e2e97 {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #cssff6d7d .sc42c03f {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #cssff6d7d .sc42c03f .row > div {
          margin-bottom: 1rem;
        }

        #cssff6d7d .sc42c03f span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #cssff6d7d .sc7062d0 {
          justify-content: center;
        }
      }

#cssdc433c {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #cssdc433c::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #cssdc433c::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #cssdc433c .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #cssdc433c .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #cssdc433c .sc2915a0 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #cssdc433c .sc53e99f {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #cssdc433c .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #cssdc433c .sc64d59c {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #cssdc433c .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #cssdc433c .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #cssdc433c .sc9590fd {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #cssdc433c .sc8cc91c {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #cssdc433c .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #cssdc433c .scff23c7 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #cssdc433c .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #cssdc433c .sc26f54b {
        display: flex;
      }

      #cssdc433c .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #cssdc433c .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #cssdc433c .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #cssdc433c .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #cssdc433c .navbar-collapse {
          flex-basis: 100%;
        }

        #cssdc433c .scff23c7 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #cssdc433c .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #cssdc433c .sc26f54b {
          inline-size: 100%;
        }

        #cssdc433c .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #cssdc433c .sc53e99f {
          max-inline-size: min(100%, 16rem);
        }

        #cssdc433c .navbar-brand {
          font-size: 1.15rem;
        }

        #cssdc433c .sc64d59c {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #cssdc433c .nav-link,
        #cssdc433c .navbar-brand {
          transition: none;
        }

        #cssdc433c .nav-link:hover {
          transform: none;
        }
      }

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

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

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

#css1b6c21 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, var(--neutral-1050) 0%, var(--neutral-950) 38%, var(--primary-dark) 100%);
  color: var(--text-light);
}

#css1b6c21::before {
  content: '';
  position: absolute;
  inset-block-start: -20%;
  inset-inline-end: -12%;
  width: min(55vw, 520px);
  height: min(55vw, 520px);
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--warning-color) 55%, transparent) 0%, transparent 70%);
  pointer-events: none;
  animation: bmglowpulse_r3n8w5tdk2q1z 5.5s ease-in-out infinite;
}

#css1b6c21::after {
  content: '';
  position: absolute;
  inset-block-end: 8%;
  inset-inline-start: -10%;
  width: min(48vw, 420px);
  height: min(48vw, 420px);
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--info-color) 40%, transparent) 0%, transparent 72%);
  pointer-events: none;
  animation: bmglowpulse_r3n8w5tdk2q1z 7s ease-in-out infinite;
}

#css1b6c21 .sc605dec {
  position: relative;
  z-index: 1;
}

#css1b6c21 .sc8eb7a3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  margin-bottom: 2.25rem;
  animation: bmslashin_k7xq2m9p4vhw8 0.7s ease both;
}

#css1b6c21 .sc0e5dcd {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  color: var(--text-light);
  max-width: 14ch;
}

#css1b6c21 .scf3637b {
  display: block;
  width: min(180px, 40%);
  height: 6px;
  margin-block: 1rem 1.15rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--warning-color), var(--info-color), var(--secondary-light));
  animation: bmbarslide_h4j9c6vf1m0xe 0.85s 0.15s ease both;
}

#css1b6c21 .sc68b9d4 {
  margin: 0;
  color: color-mix(in srgb, var(--text-light) 72%, var(--neutral-350));
  font-size: 0.92rem;
}

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

#css1b6c21 .scd1bd1a {
  margin: 0;
  padding-block: 0.95rem;
  padding-inline: 1.1rem;
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--background-tertiary) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
  border-inline-start: 4px solid var(--warning-color);
  color: color-mix(in srgb, var(--text-light) 92%, var(--neutral-250));
  line-height: 1.5;
  font-size: 0.96rem;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

#css1b6c21 .scd1bd1a:nth-child(2) {
  border-inline-start-color: var(--info-color);
}

#css1b6c21 .scd1bd1a:nth-child(3) {
  border-inline-start-color: var(--secondary-light);
}

#css1b6c21 .scd1bd1a:hover {
  background: color-mix(in srgb, var(--background-tertiary) 14%, transparent);
  transform: translateX(6px);
}

[dir="rtl"] #css1b6c21 .scd1bd1a:hover {
  transform: translateX(-6px);
}

#css1b6c21 .sc003b5d {
  margin-bottom: 2rem;
  padding-block: 1rem;
  padding-inline: 1rem;
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--neutral-1050) 70%, var(--primary-dark));
  border: 1px solid color-mix(in srgb, var(--warning-light) 35%, var(--neutral-850));
  animation: bmslashin_k7xq2m9p4vhw8 0.7s 0.08s ease both;
}

#css1b6c21 .scd05cc8 {
  margin: 0 0 0.75rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--warning-light);
}

#css1b6c21 .sc78aeec {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

#css1b6c21 .sc78aeec a {
  display: inline-block;
  text-decoration: none;
  color: var(--text-light);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.3;
  padding-block: 0.55rem;
  padding-inline: 0.9rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--text-light) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--text-light) 16%, transparent);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#css1b6c21 .sc78aeec a:hover {
  background: linear-gradient(135deg, var(--warning-color), var(--warning-dark));
  border-color: var(--warning-light);
  color: var(--text-light);
}

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

#css1b6c21 .sc8cc502 {
  position: relative;
  margin: 0;
  padding-block: 1.45rem;
  padding-inline: 1.35rem;
  border-radius: 0.4rem;
  background: var(--background-tertiary);
  color: var(--text-primary);
  border: 1px solid color-mix(in srgb, var(--warning-bg) 40%, var(--neutral-150));
  box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-1050) 35%, transparent);
  overflow: hidden;
  animation: bmslashin_k7xq2m9p4vhw8 0.6s ease both;
}

#css1b6c21 .sc8cc502::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--warning-color), var(--primary), var(--secondary));
}

#css1b6c21 .sc8cc502.scc530c6::before {
  background: linear-gradient(90deg, var(--warning-color), var(--warning-light));
}

#css1b6c21 .sc8cc502.scfb7430::before {
  background: linear-gradient(90deg, var(--info-dark), var(--info-color));
}

#css1b6c21 .sc8cc502.sc868411::before {
  background: linear-gradient(90deg, var(--secondary-dark), var(--secondary-light));
}

#css1b6c21 .sc8cc502.sc7346b6::before {
  background: linear-gradient(90deg, var(--primary-dark), var(--accent-light));
}

#css1b6c21 .sc8cc502.sc24fc98 {
  background: linear-gradient(145deg, var(--warning-color) 0%, var(--warning-dark) 55%, var(--danger-dark) 100%);
  color: var(--text-light);
  border-color: var(--warning-light);
}

#css1b6c21 .sc8cc502.sc24fc98::before {
  display: none;
}

#css1b6c21 .sc8cc502.sc24fc98 h2,
#css1b6c21 .sc8cc502.sc24fc98 .scbfff0c {
  color: var(--text-light);
}

#css1b6c21 .sc8cc502.sc24fc98 p,
#css1b6c21 .sc8cc502.sc24fc98 .sc453cf2 {
  color: color-mix(in srgb, var(--text-light) 88%, var(--warning-bg));
}

#css1b6c21 .sc8cc502.sc1c1e31 {
  background: linear-gradient(150deg, var(--primary) 0%, var(--accent-dark) 100%);
  color: var(--text-light);
  border-color: var(--primary-light);
}

#css1b6c21 .sc8cc502.sc1c1e31::before {
  display: none;
}

#css1b6c21 .sc8cc502.sc1c1e31 h2 {
  color: var(--text-light);
}

#css1b6c21 .sc8cc502.sc1c1e31 p {
  color: color-mix(in srgb, var(--text-light) 86%, var(--primary-bg));
}

#css1b6c21 .sc8cc502:nth-child(1) {
  animation-delay: 0.04s;
}

#css1b6c21 .sc8cc502:nth-child(2) {
  animation-delay: 0.08s;
}

#css1b6c21 .sc8cc502:nth-child(3) {
  animation-delay: 0.12s;
}

#css1b6c21 .sc8cc502:nth-child(4) {
  animation-delay: 0.16s;
}

#css1b6c21 .sc8cc502:nth-child(5) {
  animation-delay: 0.2s;
}

#css1b6c21 .sc8cc502:nth-child(6) {
  animation-delay: 0.24s;
}

#css1b6c21 .sc8cc502:nth-child(7) {
  animation-delay: 0.28s;
}

#css1b6c21 .sc8cc502 h2 {
  margin: 0 0 0.85rem;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

#css1b6c21 .sc8cc502 p {
  margin: 0 0 0.85rem;
  color: var(--text-secondary);
  line-height: 1.72;
}

#css1b6c21 .sc8cc502 p:last-child {
  margin-bottom: 0;
}

#css1b6c21 .scbfff0c {
  margin: 0 0 0.55rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary-dark);
}

#css1b6c21 .sc453cf2 {
  margin: 0 0 0.85rem;
  padding-inline-start: 1.15rem;
  color: var(--text-secondary);
  line-height: 1.72;
}

#css1b6c21 .sc453cf2 li::marker {
  color: var(--warning-dark);
}

#css1b6c21 .sc607bbe {
  margin: 0 0 0.85rem;
  padding-block: 0.95rem;
  padding-inline: 1rem;
  border-radius: 0.3rem;
  background: color-mix(in srgb, var(--info-bg) 35%, var(--background-tertiary));
  border-inline-start: 4px solid var(--info-dark);
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.55;
}

#css1b6c21 .sca2546a {
  margin-top: 1.25rem;
  padding-block: 1.6rem;
  padding-inline: 1.4rem;
  border-radius: 0.4rem;
  background: linear-gradient(120deg, var(--secondary) 0%, var(--primary) 48%, var(--accent) 100%);
  border: 1px solid color-mix(in srgb, var(--text-light) 28%, transparent);
  box-shadow: 0 22px 48px color-mix(in srgb, var(--neutral-1050) 40%, transparent);
  animation: bmslashin_k7xq2m9p4vhw8 0.65s 0.18s ease both;
}

#css1b6c21 .sca2546a h3 {
  margin: 0 0 0.4rem;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--text-light);
}

#css1b6c21 .sc655ed9 {
  margin: 0;
  color: color-mix(in srgb, var(--text-light) 88%, var(--neutral-250));
  font-size: 0.95rem;
  line-height: 1.55;
}

#css1b6c21 .sc702e6e {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--text-light) 90%, var(--neutral-150));
}

#css1b6c21 .sca2546a .btn {
  font-weight: 700;
  border-radius: 0.3rem;
  padding-block: 0.7rem;
  padding-inline: 1.35rem;
  background: var(--background-tertiary);
  border: none;
  color: var(--neutral-1050);
}

#css1b6c21 .sca2546a .btn:hover {
  background: var(--warning-bg);
  color: var(--neutral-1050);
}

@media (min-width: 768px) {
  #css1b6c21 .sc8eb7a3 {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: end;
    gap: 2rem;
  }

  #css1b6c21 .sc64e332 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #css1b6c21 .sc8cc502.scdb6243 {
    grid-column: 1 / -1;
  }

  #css1b6c21 .sc702e6e {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  #css1b6c21 .sc0e5dcd {
    font-size: 3.1rem;
  }

  #css1b6c21 .sc8cc502 {
    padding-block: 1.65rem;
    padding-inline: 1.6rem;
  }
}

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css69d0bb {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css69d0bb::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css69d0bb::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css69d0bb .sc1b36f9 {
        position: relative;
        z-index: 1;
      }

      #css69d0bb .sc6edd9a {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css69d0bb .sc6edd9a:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css69d0bb .sc0cafa8 {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css69d0bb .sc0cafa8::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css69d0bb p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css69d0bb .sc346ed7 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css69d0bb .sc346ed7 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css69d0bb .sc346ed7 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css69d0bb .sc346ed7 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css69d0bb .sc346ed7 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css69d0bb .scfdf02f {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css69d0bb .scfdf02f li {
        margin-bottom: 0.75rem;
      }

      #css69d0bb .scfdf02f li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css69d0bb .scfdf02f li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css69d0bb .scfdf02f li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css69d0bb .scfdf02f li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css69d0bb .sc878a73 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css69d0bb .sc34c7dd {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css69d0bb .sc34c7dd:hover::before {
        width: 100%;
        height: 100%;
      }

      #css69d0bb .sc34c7dd:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css69d0bb .sc34c7dd:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css69d0bb .sc34c7dd i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css69d0bb .sc34c7dd:hover i {
        color: var(--text-light);
      }

      #css69d0bb .sca7414d {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css69d0bb .sca7414d::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css69d0bb .sc24be1a {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css69d0bb .sc24be1a:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css69d0bb .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css69d0bb {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css69d0bb .sc6edd9a {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css69d0bb {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css69d0bb .sc6edd9a {
          padding: 1.25rem;
        }

        #css69d0bb .sc0cafa8 {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css69d0bb .sca7414d {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css69d0bb .sca7414d .row > div {
          margin-bottom: 1rem;
        }

        #css69d0bb .sca7414d span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css69d0bb .sc878a73 {
          justify-content: center;
        }
      }

#css3930e4 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css3930e4::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css3930e4::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css3930e4 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css3930e4 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css3930e4 .sc815315 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css3930e4 .scdf9db2 {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css3930e4 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css3930e4 .sceccf86 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css3930e4 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css3930e4 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css3930e4 .scb04ee6 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css3930e4 .sc62bc7c {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css3930e4 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css3930e4 .scf8198c {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css3930e4 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css3930e4 .sc3079f2 {
        display: flex;
      }

      #css3930e4 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css3930e4 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css3930e4 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css3930e4 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css3930e4 .navbar-collapse {
          flex-basis: 100%;
        }

        #css3930e4 .scf8198c {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css3930e4 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css3930e4 .sc3079f2 {
          inline-size: 100%;
        }

        #css3930e4 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css3930e4 .scdf9db2 {
          max-inline-size: min(100%, 16rem);
        }

        #css3930e4 .navbar-brand {
          font-size: 1.15rem;
        }

        #css3930e4 .sceccf86 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css3930e4 .nav-link,
        #css3930e4 .navbar-brand {
          transition: none;
        }

        #css3930e4 .nav-link:hover {
          transform: none;
        }
      }

#css2b13d4 {
        position: relative;
        overflow: clip;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        min-height: 72vh;
        background: linear-gradient(165deg, var(--primary-bg) 0%, var(--accent-bg) 42%, var(--secondary-bg) 100%);
        isolation: isolate;
      }

      #css2b13d4::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-start: -25%;
        inline-size: 150%;
        block-size: 140%;
        background-image: radial-gradient(var(--background-tertiary) 1px, var(--primary-light) 1px);
        background-size: 1.35rem 1.35rem;
        opacity: 0.22;
        z-index: 0;
        animation: contactmesh_z8qk4w2n9mxp5 22s linear infinite;
      }

      #css2b13d4::after {
        content: '';
        position: absolute;
        inset-block-start: 10%;
        inset-inline-end: -15%;
        inline-size: min(52vw, 28rem);
        block-size: min(52vw, 28rem);
        border-radius: 50%;
        background: linear-gradient(145deg, var(--warning-bg), var(--primary-light));
        opacity: 0.35;
        filter: blur(0);
        z-index: 0;
      }

      #css2b13d4 .scd3827c {
        position: relative;
        z-index: 1;
      }

      #css2b13d4 .sc3807ed {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.25rem, 3vw, 2.5rem);
        align-items: stretch;
      }

      #css2b13d4 .sc069961 {
        border-radius: 1.75rem;
        padding-block: clamp(2rem, 4vw, 3rem);
        padding-inline: clamp(1.5rem, 3vw, 2.75rem);
        background: linear-gradient(155deg, var(--accent-dark) 0%, var(--primary-dark) 48%, var(--secondary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 1.25rem 2.5rem var(--neutral-350);
        border: 0.25rem solid var(--accent-light);
        display: flex;
        flex-direction: column;
        gap: clamp(1.25rem, 3vw, 2rem);
      }

      #css2b13d4 .sc069961 .scf85a0f {
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        background: var(--accent);
        color: var(--text-light);
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        align-self: flex-start;
      }

      #css2b13d4 .sc069961 .scf85a0f span {
        inline-size: 0.45rem;
        block-size: 0.45rem;
        border-radius: 50%;
        background: var(--warning-bg);
      }

      #css2b13d4 .sc069961 .scfa5ab6 {
        font-size: clamp(2rem, 4vw, 2.75rem);
        font-weight: 800;
        line-height: 1.12;
        margin: 0;
      }

      #css2b13d4 .sc069961 .sc9590be {
        margin: 0;
        font-size: 1.0625rem;
        line-height: 1.65;
        color: var(--neutral-150);
        max-inline-size: 38ch;
      }

      #css2b13d4 .sc3d03cd {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-block-start: 0.25rem;
      }

      #css2b13d4 .sc656070 {
        display: grid;
        grid-template-columns: minmax(0, 3.25rem) minmax(0, 1fr);
        gap: 1rem;
        align-items: center;
        padding-block: 1rem;
        padding-inline: 1rem;
        border-radius: 1.125rem;
        background: color-mix(in srgb, var(--background-tertiary) 12%, var(--accent-dark));
        border: 2px solid var(--accent-light);
      }

      #css2b13d4 .sc631db4 {
        inline-size: 3.25rem;
        block-size: 3.25rem;
        border-radius: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.35rem;
        background: linear-gradient(145deg, var(--warning-color), var(--primary));
        color: var(--text-light);
        box-shadow: 0 0.35rem 0 var(--primary-dark);
      }

      #css2b13d4 .sc25073c .sc1eb606 {
        margin: 0 0 0.25rem;
        font-size: 0.9375rem;
        font-weight: 700;
        color: var(--accent-bg);
      }

      #css2b13d4 .sc25073c .sc6d7626 {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: var(--text-light);
        word-break: break-word;
      }

      #css2b13d4 .sc9b3508 {
        margin-block-start: auto;
        padding-block: 1rem;
        padding-inline: 1.125rem;
        border-radius: 1rem;
        border: 2px dashed var(--secondary-light);
        background: color-mix(in srgb, var(--secondary) 22%, var(--accent-dark));
        font-size: 0.9375rem;
        line-height: 1.55;
        color: var(--neutral-150);
      }

      #css2b13d4 .sc7dbf61 {
        border-radius: 1.75rem;
        padding-block: clamp(2rem, 4vw, 3rem);
        padding-inline: clamp(1.5rem, 3vw, 2.75rem);
        background: var(--background-tertiary);
        border: 0.2rem solid var(--primary);
        box-shadow: 0 1rem 2.75rem var(--neutral-350), inset 0 1px 0 var(--neutral-150);
        display: flex;
        flex-direction: column;
        gap: 1.75rem;
      }

      #css2b13d4 .sc9f1dd5 {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
      }

      #css2b13d4 .sc9f1dd5 .scf174ad {
        margin: 0;
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--accent-dark);
      }

      #css2b13d4 .sc9f1dd5 .sc62fe01 {
        margin: 0;
        font-size: clamp(1.65rem, 3vw, 2.25rem);
        font-weight: 800;
        color: var(--text-primary);
      }

      #css2b13d4 .sc9f1dd5 .sc8d7b67 {
        margin: 0;
        font-size: 1rem;
        color: var(--text-secondary);
        max-inline-size: 48ch;
      }

      #css2b13d4 .sc5621f3 {
        margin-block-end: 1rem;
      }

      #css2b13d4 .sc5621f3:last-of-type {
        margin-block-end: 0;
      }

      #css2b13d4 .form-control,
      #css2b13d4 .form-select {
        border-width: 2px;
        border-style: solid;
        border-color: var(--neutral-250);
        background: var(--gray-50);
        border-radius: 1rem;
        padding-block: 0.95rem;
        padding-inline: 1.15rem;
        font-size: 1rem;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
      }

      #css2b13d4 .form-control:focus,
      #css2b13d4 .form-select:focus {
        border-color: var(--accent);
        background: var(--background-tertiary);
        box-shadow: 0 0 0 3px var(--info-bg);
        outline: none;
      }

      #css2b13d4 .form-control::placeholder {
        color: var(--text-tertiary);
      }

      #css2b13d4 textarea.form-control {
        resize: vertical;
        min-block-size: 9rem;
      }

      #css2b13d4 .form-select {
        color: var(--text-primary);
      }

      #css2b13d4 .form-check {
        padding-inline-start: 0;
        margin-block-start: 0.25rem;
        margin-block-end: 0.5rem;
      }

      #css2b13d4 .form-check-input {
        inline-size: 1.2rem;
        block-size: 1.2rem;
        border-width: 2px;
        border-color: var(--neutral-350);
        margin-inline-start: 0;
        margin-inline-end: 0.65rem;
      }

      #css2b13d4 .form-check-input:checked {
        background-color: var(--secondary);
        border-color: var(--secondary-dark);
      }

      #css2b13d4 .form-check-input:focus {
        box-shadow: 0 0 0 3px var(--secondary-bg);
      }

      #css2b13d4 .form-check-label {
        font-size: 0.95rem;
        color: var(--text-secondary);
      }

      #css2b13d4 .form-check-label a {
        color: var(--accent-dark);
        font-weight: 700;
        text-decoration: none;
      }

      #css2b13d4 .form-check-label a:hover {
        color: var(--primary-dark);
        text-decoration: underline;
      }

      #css2b13d4 .scd44d69 {
        inline-size: 100%;
        border: none;
        border-radius: 1rem;
        padding-block: 1.05rem;
        padding-inline: 1.5rem;
        font-size: 1.075rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        color: var(--text-light);
        background: linear-gradient(120deg, var(--accent) 0%, var(--secondary) 55%, var(--warning-color) 100%);
        box-shadow: 0 0.85rem 1.75rem var(--neutral-450);
        position: relative;
        overflow: hidden;
      }

      #css2b13d4 .scd44d69::after {
        content: '';
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        inline-size: 0;
        block-size: 0;
        border-radius: 50%;
        background: var(--text-light);
        opacity: 0.22;
        transform: translate(-50%, -50%);
        transition: inline-size 0.55s ease, block-size 0.55s ease;
      }

      #css2b13d4 .scd44d69:hover::after {
        inline-size: 120%;
        block-size: 450%;
      }

      #css2b13d4 .scd44d69:hover {
        transform: translateY(-3px);
      }

      #css2b13d4 .scd44d69:active {
        transform: translateY(0);
      }

      #css2b13d4 .scd44d69 i {
        margin-inline-start: 0.55rem;
      }

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

        #css2b13d4 .sc069961 {
          order: 1;
        }

        #css2b13d4 .sc7dbf61 {
          order: 2;
        }
      }

      @keyframes contactmesh_z8qk4w2n9mxp5 {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(2.75rem, 2.75rem);
        }
      }

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

      #css8ee8d4::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -15%;
        width: min(52vw, 520px);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--primary-light) 55%, transparent), color-mix(in srgb, var(--accent-light) 22%, transparent) 52%, transparent 70%);
        opacity: 0.55;
        pointer-events: none;
        animation: ctashimmer_k7m2n9xq4pw 22s ease-in-out infinite;
      }

      #css8ee8d4::after {
        content: '';
        position: absolute;
        inset-block-end: -25%;
        inset-inline-start: -18%;
        width: min(48vw, 480px);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 70% 40%, color-mix(in srgb, var(--secondary-light) 40%, transparent), transparent 65%);
        opacity: 0.45;
        pointer-events: none;
        animation: ctashimmer_k7m2n9xq4pw 26s ease-in-out infinite reverse;
      }

      #css8ee8d4 .sca8cc4d {
        position: relative;
        z-index: 1;
        border-radius: 1.75rem;
        background: var(--background-tertiary);
        border: 1px solid color-mix(in srgb, var(--neutral-350) 55%, transparent);
        box-shadow: 0 28px 70px color-mix(in srgb, var(--neutral-950) 18%, transparent), 0 1px 0 color-mix(in srgb, var(--text-light) 65%, transparent);
        animation: ctalift_r3t8v1nbq5hm 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      #css8ee8d4 .sce5a2ec {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 0;
        isolation: isolate;
      }

      #css8ee8d4 .sce5a2ec::before {
        content: '';
        position: absolute;
        inset-block: 0;
        inset-inline-start: 0;
        width: 6px;
        border-start-start-radius: 1.75rem;
        border-end-start-radius: 1.75rem;
        border-start-end-radius: 0;
        border-end-end-radius: 0;
        background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 48%, var(--secondary-dark) 100%);
        pointer-events: none;
        z-index: 2;
      }

      #css8ee8d4 .scd0c2dc {
        position: relative;
        z-index: 1;
        padding-block: clamp(2.25rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 3vw, 3rem);
        padding-inline-end: clamp(1.5rem, 3vw, 2.5rem);
      }

      #css8ee8d4 .sc85faf6 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 0.9rem;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--primary-bg) 42%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent);
        white-space: normal;
        animation: ctafade_w9j4h2kx8mz 0.75s ease both;
      }

      #css8ee8d4 .scd7251e {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: linear-gradient(145deg, var(--accent), var(--primary));
        flex-shrink: 0;
      }

      #css8ee8d4 .sc6e05b5 {
        margin-block: 1.25rem 0.75rem;
        margin-inline: 0;
        font-size: clamp(1.85rem, 2.8vw, 2.65rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.03em;
        color: var(--text-primary);
        animation: ctafade_w9j4h2kx8mz 0.8s ease 0.05s both;
      }

      #css8ee8d4 .sc6e05b5 em {
        font-style: normal;
        background: linear-gradient(to right, var(--primary), var(--accent-dark), var(--secondary-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      #css8ee8d4 .sc31f78b {
        margin: 0;
        font-size: 1.05rem;
        line-height: 1.75;
        color: var(--text-secondary);
        max-width: 38rem;
        animation: ctafade_w9j4h2kx8mz 0.85s ease 0.1s both;
      }

      #css8ee8d4 .sc358ac2 {
        margin-block-start: 1.75rem;
        margin-inline: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
      }

      #css8ee8d4 .sc358ac2 li {
        display: grid;
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: 0.85rem;
        align-items: start;
        padding-block: 0.85rem;
        padding-inline: 0;
        border-block-end: 1px solid color-mix(in srgb, var(--neutral-250) 80%, transparent);
      }

      #css8ee8d4 .sc358ac2 li:last-child {
        border-block-end: none;
        padding-block-end: 0;
      }

      #css8ee8d4 .sc4bf0e5 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.85rem;
        font-weight: 800;
        font-size: 1rem;
        color: var(--text-light);
        background: linear-gradient(145deg, var(--neutral-850), var(--neutral-1050));
        box-shadow: 0 10px 24px color-mix(in srgb, var(--neutral-950) 25%, transparent);
      }

      #css8ee8d4 .sc68b4fc {
        margin: 0;
        font-size: 0.98rem;
        line-height: 1.6;
        color: var(--text-tertiary);
      }

      #css8ee8d4 .sc40262b {
        position: relative;
        z-index: 1;
        padding-block: clamp(2.25rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 3vw, 2.75rem);
        color: var(--text-light);
        background: linear-gradient(155deg, var(--neutral-1050) 0%, color-mix(in srgb, var(--primary-dark) 55%, var(--neutral-1050)) 52%, var(--neutral-950) 100%);
        border-inline-start: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        justify-content: space-between;
        min-height: 100%;
        animation: ctafade_w9j4h2kx8mz 0.9s ease 0.12s both;
      }

      #css8ee8d4 .sc40262b::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: linear-gradient(115deg, color-mix(in srgb, var(--text-light) 9%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--text-light) 6%, transparent) 1px, transparent 1px);
        background-size: 28px 28px;
        opacity: 0.35;
        pointer-events: none;
        mix-blend-mode: soft-light;
      }

      #css8ee8d4 .scb622b9 {
        position: relative;
        z-index: 1;
      }

      #css8ee8d4 .sc9bfad1 {
        margin: 0 0 0.35rem;
        font-size: 0.72rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--text-light) 72%, transparent);
      }

      #css8ee8d4 .sc79f9d3 {
        margin: 0 0 0.85rem;
        font-size: clamp(1.35rem, 2vw, 1.65rem);
        font-weight: 700;
        line-height: 1.25;
      }

      #css8ee8d4 .sc29bafa {
        margin: 0;
        font-size: 0.98rem;
        line-height: 1.65;
        color: color-mix(in srgb, var(--text-light) 82%, transparent);
      }

      #css8ee8d4 .sc795fd7 {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
        margin-block-start: 1.25rem;
      }

      #css8ee8d4 .sc795fd7 li {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        padding-block: 0.55rem;
        padding-inline: 0;
        border-block-end: 1px dashed color-mix(in srgb, var(--text-light) 22%, transparent);
      }

      #css8ee8d4 .sc795fd7 li:last-child {
        border-block-end: none;
      }

      #css8ee8d4 .sc452160 {
        font-size: 0.82rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--text-light) 65%, transparent);
      }

      #css8ee8d4 .sccfeb34 {
        font-size: 1.35rem;
        font-weight: 800;
        color: var(--accent-light);
      }

      #css8ee8d4 .scfff7fe {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
      }

      #css8ee8d4 .sce63f68 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        padding-block: 0.95rem;
        padding-inline: 1.5rem;
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        color: var(--neutral-1050);
        background: linear-gradient(135deg, var(--secondary-light), var(--secondary));
        border: 2px solid color-mix(in srgb, var(--text-light) 35%, transparent);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 45%, transparent);
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, filter 0.25s ease;
      }

      #css8ee8d4 .sce63f68 i {
        font-size: 1.1rem;
        transition: transform 0.25s ease;
      }

      #css8ee8d4 .sce63f68:hover {
        transform: translateY(-3px);
        border-color: var(--accent-light);
        box-shadow: 0 22px 50px color-mix(in srgb, var(--primary-dark) 35%, transparent);
        filter: brightness(1.03);
      }

      #css8ee8d4 .sce63f68:hover i {
        transform: translateX(0.28rem);
      }

      [dir='rtl'] #css8ee8d4 .sce63f68:hover i {
        transform: translateX(-0.28rem);
      }

      #css8ee8d4 .sce63f68:active {
        transform: translateY(-1px);
      }

      #css8ee8d4 .sca78e50 {
        margin: 0;
        font-size: 0.82rem;
        line-height: 1.5;
        color: color-mix(in srgb, var(--text-light) 70%, transparent);
        text-align: center;
      }

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

        #css8ee8d4 .sce5a2ec::before {
          width: 100%;
          height: 6px;
          inset-inline-start: 0;
          inset-inline-end: 0;
          inset-block-start: 0;
          inset-block-end: auto;
          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(to right, var(--primary) 0%, var(--accent) 48%, var(--secondary-dark) 100%);
        }

        #css8ee8d4 .sc40262b {
          border-inline-start: none;
          border-block-start: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
        }
      }

      @media (max-width: 575.98px) {
        #css8ee8d4 .sc358ac2 li {
          grid-template-columns: 2.25rem minmax(0, 1fr);
          gap: 0.65rem;
        }

        #css8ee8d4 .sc4bf0e5 {
          width: 2.25rem;
          height: 2.25rem;
          font-size: 0.95rem;
        }

        #css8ee8d4 .sce63f68 {
          width: 100%;
        }

        #css8ee8d4 .sc795fd7 li {
          flex-direction: column;
          align-items: flex-start;
          gap: 0.35rem;
        }
      }

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

      @keyframes ctalift_r3t8v1nbq5hm {
        0% {
          opacity: 0;
          transform: translateY(1.25rem) scale(0.98);
        }
        100% {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes ctafade_w9j4h2kx8mz {
        0% {
          opacity: 0;
          transform: translateY(0.85rem);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css8ae096 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css8ae096::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css8ae096::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css8ae096 .sc0fb52e {
        position: relative;
        z-index: 1;
      }

      #css8ae096 .sc8eb7a0 {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css8ae096 .sc8eb7a0:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css8ae096 .sc54ad08 {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css8ae096 .sc54ad08::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css8ae096 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css8ae096 .sc168f44 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css8ae096 .sc168f44 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css8ae096 .sc168f44 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css8ae096 .sc168f44 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css8ae096 .sc168f44 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css8ae096 .scd0bc94 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css8ae096 .scd0bc94 li {
        margin-bottom: 0.75rem;
      }

      #css8ae096 .scd0bc94 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css8ae096 .scd0bc94 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css8ae096 .scd0bc94 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css8ae096 .scd0bc94 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css8ae096 .scf32d29 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css8ae096 .scdb1157 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css8ae096 .scdb1157:hover::before {
        width: 100%;
        height: 100%;
      }

      #css8ae096 .scdb1157:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css8ae096 .scdb1157:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css8ae096 .scdb1157 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css8ae096 .scdb1157:hover i {
        color: var(--text-light);
      }

      #css8ae096 .sc5a8e9e {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css8ae096 .sc5a8e9e::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css8ae096 .scdb0001 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css8ae096 .scdb0001:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css8ae096 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css8ae096 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css8ae096 .sc8eb7a0 {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css8ae096 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css8ae096 .sc8eb7a0 {
          padding: 1.25rem;
        }

        #css8ae096 .sc54ad08 {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css8ae096 .sc5a8e9e {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css8ae096 .sc5a8e9e .row > div {
          margin-bottom: 1rem;
        }

        #css8ae096 .sc5a8e9e span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css8ae096 .scf32d29 {
          justify-content: center;
        }
      }

#cssc679cb {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #cssc679cb::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #cssc679cb::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #cssc679cb .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #cssc679cb .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #cssc679cb .scdba46c {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #cssc679cb .sc2123a4 {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #cssc679cb .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #cssc679cb .sc8c8d16 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #cssc679cb .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #cssc679cb .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #cssc679cb .sc121f20 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #cssc679cb .scf970b6 {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #cssc679cb .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #cssc679cb .scebb955 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #cssc679cb .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #cssc679cb .scbdfc76 {
        display: flex;
      }

      #cssc679cb .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #cssc679cb .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #cssc679cb .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #cssc679cb .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #cssc679cb .navbar-collapse {
          flex-basis: 100%;
        }

        #cssc679cb .scebb955 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #cssc679cb .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #cssc679cb .scbdfc76 {
          inline-size: 100%;
        }

        #cssc679cb .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #cssc679cb .sc2123a4 {
          max-inline-size: min(100%, 16rem);
        }

        #cssc679cb .navbar-brand {
          font-size: 1.15rem;
        }

        #cssc679cb .sc8c8d16 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #cssc679cb .nav-link,
        #cssc679cb .navbar-brand {
          transition: none;
        }

        #cssc679cb .nav-link:hover {
          transform: none;
        }
      }

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

    #cssd08c9c {
      position: relative;
      overflow: hidden;
      background: linear-gradient(145deg, var(--accent-bg) 0%, var(--background-tertiary) 22%, var(--warning-bg) 55%, var(--background-primary) 100%);
      padding-block: 3.5rem 5rem;
      padding-inline: 0;
    }

    #cssd08c9c .sc154bb1 {
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      height: 14rem;
      background: linear-gradient(180deg, var(--primary-bg) 0%, transparent 100%);
      pointer-events: none;
      z-index: 0;
    }

    #cssd08c9c .container {
      position: relative;
      z-index: 1;
      max-width: 1080px;
    }

    #cssd08c9c .sc1c1dc9 {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
      gap: 2.5rem;
      align-items: start;
      margin-block-end: 2.75rem;
      animation: risearticle_m3x7k9p2q8n 0.75s ease both;
    }

    #cssd08c9c .sc46b25b {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
    }

    #cssd08c9c .scfe060d {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      align-self: flex-start;
      color: var(--text-light);
      background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 100%);
      text-decoration: none;
      font-weight: 600;
      font-size: 0.88rem;
      padding-block: 0.55rem;
      padding-inline: 1.1rem;
      border-radius: 999px;
      box-shadow: 0 0.5rem 1.25rem var(--accent-light);
      transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }

    #cssd08c9c .scfe060d:hover {
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
      transform: translateY(-2px);
      box-shadow: 0 0.75rem 1.5rem var(--primary-light);
    }

    #cssd08c9c .scfe060d::before {
      content: '\F12F';
      font-family: bootstrap-icons;
      font-size: 0.85rem;
    }

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

    #cssd08c9c .sce51fe4 {
      color: var(--text-primary);
      font-size: clamp(2rem, 5vw, 3.15rem);
      line-height: 1.08;
      font-weight: 800;
      margin-block: 0;
      letter-spacing: -0.025em;
    }

    #cssd08c9c .sc393f84 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
    }

    #cssd08c9c .scc4b724 {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      color: var(--text-secondary);
      font-size: 0.82rem;
      font-weight: 600;
      background: var(--background-tertiary);
      border: 2px solid var(--border-light);
      padding-block: 0.75rem;
      padding-inline: 0.85rem;
      border-radius: 0.75rem;
      box-shadow: 0 0.35rem 1rem var(--neutral-150);
    }

    #cssd08c9c .scc4b724 i {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 0.45rem;
      background: linear-gradient(135deg, var(--info-bg) 0%, var(--info-light) 100%);
      color: var(--info-dark);
      font-size: 0.85rem;
    }

    #cssd08c9c .sc075fbb {
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
    }

    #cssd08c9c .scdf5c3e {
      border-radius: 1.5rem;
      overflow: hidden;
      border: 4px solid var(--background-tertiary);
      box-shadow: 0 1rem 2.5rem var(--neutral-250);
      background: var(--background-tertiary);
    }

    #cssd08c9c .sccfd996 {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    #cssd08c9c .scf86a30 {
      color: var(--text-tertiary);
      font-size: 0.86rem;
      line-height: 1.55;
      text-align: center;
      font-style: italic;
      padding-inline: 0.5rem;
      margin: 0;
    }

    #cssd08c9c .scee8fbb {
      display: flex;
      flex-direction: column;
      gap: 0;
      animation: risearticle_m3x7k9p2q8n 0.85s ease 0.1s both;
    }

    #cssd08c9c .sc6f1115 {
      background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--background-primary) 100%);
      border: 2px solid var(--primary-light);
      border-inline-start: 6px solid var(--primary);
      border-radius: 1rem;
      padding-block: 1.75rem;
      padding-inline: 2rem;
      margin-block-end: 2.5rem;
      box-shadow: 0 0.75rem 2rem var(--neutral-150);
    }

    #cssd08c9c .sc1b326a {
      font-size: 1.2rem;
      line-height: 1.75;
      color: var(--text-primary);
      font-weight: 500;
      margin: 0;
    }

    #cssd08c9c .sc6f83f1 {
      background: var(--background-tertiary);
      border: 1px solid var(--border-light);
      border-radius: 1.25rem;
      padding-block: 2rem;
      padding-inline: 2rem;
      margin-block-end: 1.5rem;
      box-shadow: 0 0.65rem 1.75rem var(--neutral-150);
    }

    #cssd08c9c .sc37e43a {
      display: inline-block;
      color: var(--text-light);
      font-size: 1.45rem;
      line-height: 1.25;
      font-weight: 800;
      margin-block: 0 1.25rem;
      padding-block: 0.55rem;
      padding-inline: 1.15rem;
      border-radius: 0.5rem;
      background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
      letter-spacing: -0.01em;
    }

    #cssd08c9c .sc204e46 {
      background: linear-gradient(135deg, var(--info-color) 0%, var(--info-dark) 100%);
    }

    #cssd08c9c .sc7f635f {
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    }

    #cssd08c9c .scbb4af5 {
      font-size: 1.05rem;
      line-height: 1.85;
      color: var(--text-secondary);
      margin-block-end: 1.15rem;
    }

    #cssd08c9c .scc02ee9 {
      margin-block-end: 0;
    }

    #cssd08c9c .sc2477dd {
      margin-block: 0 1.5rem;
      margin-inline: 0;
      padding-block: 2rem;
      padding-inline: 2rem;
      background: linear-gradient(135deg, var(--accent) 0%, var(--info-color) 100%);
      border-radius: 1.25rem;
      box-shadow: 0 1rem 2.5rem var(--accent-light);
    }

    #cssd08c9c .sc6d3ac1 {
      color: var(--text-light);
      font-size: 1.15rem;
      line-height: 1.7;
      font-style: italic;
      margin-block-end: 1rem;
      font-weight: 500;
    }

    #cssd08c9c .sc9b765a {
      display: block;
      color: var(--accent-bg);
      font-size: 0.9rem;
      font-weight: 700;
      font-style: normal;
    }

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

    #cssd08c9c .sca7e395 {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      font-size: 0.98rem;
      line-height: 1.65;
      color: var(--text-primary);
      margin: 0;
      padding-block: 1rem;
      padding-inline: 1rem;
      background: linear-gradient(135deg, var(--warning-bg) 0%, var(--background-primary) 100%);
      border: 2px solid var(--warning-light);
      border-radius: 0.85rem;
    }

    #cssd08c9c .scb71125 {
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2rem;
      height: 2rem;
      border-radius: 0.5rem;
      background: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-dark) 100%);
      color: var(--text-light);
      font-size: 0.95rem;
    }

    #cssd08c9c .scd0103b {
      display: grid;
      grid-template-columns: minmax(0, 0.35fr) minmax(0, 1fr);
      gap: 1.5rem;
      align-items: center;
      margin-block: 0 1.5rem;
      padding-block: 1.75rem;
      padding-inline: 1.75rem;
      background: linear-gradient(135deg, var(--success-bg) 0%, var(--secondary-bg) 100%);
      border: 2px solid var(--secondary-light);
      border-radius: 1.25rem;
      box-shadow: 0 0.85rem 2rem var(--secondary-light);
    }

    #cssd08c9c .scba3262 {
      color: var(--secondary-dark);
      font-size: 1.25rem;
      line-height: 1.2;
      font-weight: 800;
      margin: 0;
    }

    #cssd08c9c .sc35ccd3 {
      font-size: 1.02rem;
      line-height: 1.75;
      color: var(--text-primary);
      margin: 0;
    }

    #cssd08c9c .sc183902 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 0.45fr);
      gap: 1.5rem;
      align-items: center;
      margin-block-start: 0.5rem;
      padding-block: 2rem;
      padding-inline: 2rem;
      background: linear-gradient(135deg, var(--neutral-950) 0%, var(--primary-dark) 100%);
      border-radius: 1.25rem;
      box-shadow: 0 1.25rem 3rem var(--neutral-350);
    }

    #cssd08c9c .scc564b5 {
      font-size: 1.02rem;
      line-height: 1.7;
      color: var(--text-light);
      margin: 0;
    }

    #cssd08c9c .sc7e3d0f {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--primary-light) 100%);
      color: var(--primary-dark);
      text-decoration: none;
      font-weight: 800;
      font-size: 0.92rem;
      padding-block: 0.95rem;
      padding-inline: 1.5rem;
      border-radius: 999px;
      box-shadow: 0 0.5rem 1.25rem var(--primary-light);
      transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
    }

    #cssd08c9c .sc7e3d0f::after {
      content: '\F138';
      font-family: bootstrap-icons;
      font-size: 0.88rem;
    }

    #cssd08c9c .sc7e3d0f:hover {
      background: var(--background-tertiary);
      color: var(--text-primary);
      transform: translateY(-2px);
    }

    @media (max-width: 991.98px) {
      #cssd08c9c .sc1c1dc9 {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
      }

      #cssd08c9c .sc393f84 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

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

      #cssd08c9c .sc183902 {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
      }

      #cssd08c9c .sc7e3d0f {
        justify-self: center;
      }
    }

    @media (max-width: 767.98px) {
      #cssd08c9c .sc4d7a00 {
        grid-template-columns: minmax(0, 1fr);
      }

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

      #cssd08c9c .sc6f83f1 {
        padding-inline: 1.5rem;
      }

      #cssd08c9c .sc6f1115 {
        padding-inline: 1.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #cssd08c9c {
        padding-block: 2.5rem 3.5rem;
      }

      #cssd08c9c .sc6f83f1 {
        padding-block: 1.5rem;
        padding-inline: 1.15rem;
      }

      #cssd08c9c .sc6f1115 {
        padding-block: 1.35rem;
        padding-inline: 1.15rem;
      }

      #cssd08c9c .sc2477dd {
        padding-inline: 1.25rem;
      }

      #cssd08c9c .sc183902 {
        padding-inline: 1.25rem;
      }

      #cssd08c9c .sc37e43a {
        font-size: 1.25rem;
      }
    }

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css01eb6d {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css01eb6d::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css01eb6d::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css01eb6d .scc48fcf {
        position: relative;
        z-index: 1;
      }

      #css01eb6d .sc4734ed {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css01eb6d .sc4734ed:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css01eb6d .sc61c2ce {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css01eb6d .sc61c2ce::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css01eb6d p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css01eb6d .scab3e13 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css01eb6d .scab3e13 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css01eb6d .scab3e13 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css01eb6d .scab3e13 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css01eb6d .scab3e13 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css01eb6d .sc44bf7f {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css01eb6d .sc44bf7f li {
        margin-bottom: 0.75rem;
      }

      #css01eb6d .sc44bf7f li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css01eb6d .sc44bf7f li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css01eb6d .sc44bf7f li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css01eb6d .sc44bf7f li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css01eb6d .scba6ab2 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css01eb6d .scf169b0 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css01eb6d .scf169b0:hover::before {
        width: 100%;
        height: 100%;
      }

      #css01eb6d .scf169b0:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css01eb6d .scf169b0:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css01eb6d .scf169b0 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css01eb6d .scf169b0:hover i {
        color: var(--text-light);
      }

      #css01eb6d .sc63b78d {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css01eb6d .sc63b78d::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css01eb6d .sca4c4a0 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css01eb6d .sca4c4a0:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css01eb6d .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css01eb6d {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css01eb6d .sc4734ed {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css01eb6d {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css01eb6d .sc4734ed {
          padding: 1.25rem;
        }

        #css01eb6d .sc61c2ce {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css01eb6d .sc63b78d {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css01eb6d .sc63b78d .row > div {
          margin-bottom: 1rem;
        }

        #css01eb6d .sc63b78d span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css01eb6d .scba6ab2 {
          justify-content: center;
        }
      }

#css1f740e {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css1f740e::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css1f740e::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css1f740e .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css1f740e .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css1f740e .sc1efb88 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css1f740e .scfa24cc {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css1f740e .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css1f740e .sc7bf62d {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css1f740e .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css1f740e .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css1f740e .sc2bc964 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css1f740e .scf638f1 {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css1f740e .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css1f740e .scf9606d {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css1f740e .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css1f740e .scdfafc6 {
        display: flex;
      }

      #css1f740e .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css1f740e .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css1f740e .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css1f740e .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css1f740e .navbar-collapse {
          flex-basis: 100%;
        }

        #css1f740e .scf9606d {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css1f740e .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css1f740e .scdfafc6 {
          inline-size: 100%;
        }

        #css1f740e .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css1f740e .scfa24cc {
          max-inline-size: min(100%, 16rem);
        }

        #css1f740e .navbar-brand {
          font-size: 1.15rem;
        }

        #css1f740e .sc7bf62d {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css1f740e .nav-link,
        #css1f740e .navbar-brand {
          transition: none;
        }

        #css1f740e .nav-link:hover {
          transform: none;
        }
      }

#css5d8ec9 {
  position: relative;
  min-height: 100vh;
  padding-block: clamp(3rem, 8vw, 6rem);
  padding-inline: 0;
  overflow: hidden;
  background-color: var(--background-primary);
  background-image:
    radial-gradient(circle at 12% 18%, var(--info-bg) 0%, transparent 42%),
    radial-gradient(circle at 88% 12%, var(--warning-bg) 0%, transparent 38%),
    radial-gradient(circle at 78% 88%, var(--accent-bg) 0%, transparent 40%),
    radial-gradient(circle at 8% 82%, var(--success-bg) 0%, transparent 36%),
    linear-gradient(135deg, var(--background-primary) 0%, var(--primary-bg) 55%, var(--background-secondary) 100%);
  isolation: isolate;
}

#css5d8ec9 .scd2980b {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.22;
  background-image: radial-gradient(circle, var(--primary) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, var(--neutral-1050), var(--background-primary));
}

#css5d8ec9 .sc6a9b2e {
  position: absolute;
  width: clamp(180px, 28vw, 320px);
  height: clamp(180px, 28vw, 320px);
  border-radius: 58% 42% 64% 36%;
  inset-block-start: -6%;
  inset-inline-end: -4%;
  background: linear-gradient(145deg, var(--danger-bg), var(--warning-light));
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
  animation: popartblob_k7m2x9p4q1n8w 14s ease-in-out infinite alternate;
}

#css5d8ec9 .scc817e3 {
  position: absolute;
  width: clamp(140px, 22vw, 260px);
  height: clamp(140px, 22vw, 260px);
  border-radius: 42% 58% 38% 62%;
  inset-block-end: -8%;
  inset-inline-start: -5%;
  background: linear-gradient(160deg, var(--secondary-bg), var(--info-light));
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
  animation: popartblob_m9n4k2x7v1q3r 18s ease-in-out infinite alternate;
}

#css5d8ec9 .sc91b61a {
  position: relative;
  z-index: 1;
  width: min(100%, 1140px);
  margin-inline: auto;
  padding-block: clamp(2rem, 5vw, 3.5rem);
  padding-inline: clamp(1.25rem, 4vw, 2.75rem);
  border-radius: 2rem;
  border: 3px solid var(--neutral-1050);
  background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--neutral-50) 100%);
  box-shadow:
    10px 10px 0 var(--accent-bg),
    20px 20px 0 var(--warning-bg),
    0 28px 60px var(--neutral-250);
}

#css5d8ec9 .scc8a015 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

#css5d8ec9 .sccbbcea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  animation: popartfade_w3r8t5y2h6j4l 0.85s ease-out both;
}

#css5d8ec9 .sc5a779d {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-block-end: 1.25rem;
  padding-block: 0.45rem;
  padding-inline: 1.1rem;
  border-radius: 999px;
  border: 2px solid var(--neutral-1050);
  background: linear-gradient(90deg, var(--info-bg), var(--accent-bg));
  color: var(--neutral-1050);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: normal;
  box-shadow: 4px 4px 0 var(--secondary-bg);
}

#css5d8ec9 .sc5a779d i {
  font-size: 1rem;
  color: var(--accent-dark);
}

#css5d8ec9 .sc7b5dca {
  margin-block: 0 1.25rem;
  font-size: clamp(2.25rem, 5.5vw, 3.75rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  animation: poparttitle_a4b8c3d7e2f5g 0.9s ease-out 0.08s both;
}

#css5d8ec9 .scc40913 {
  display: inline;
  padding-block: 0.05em;
  padding-inline: 0.18em;
  border-radius: 0.35rem;
  background: linear-gradient(105deg, var(--warning-bg), var(--danger-bg));
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

#css5d8ec9 .sc3569ab {
  margin-block: 0 1.75rem;
  max-width: 34rem;
  font-size: clamp(1rem, 2.2vw, 1.2rem);
  line-height: 1.75;
  color: var(--text-secondary);
  animation: popartfade_w3r8t5y2h6j4l 0.9s ease-out 0.18s both;
}

#css5d8ec9 .scb3b513 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-block-end: 2rem;
  width: 100%;
}

#css5d8ec9 .sc918fad {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-block: 0.55rem;
  padding-inline: 0.95rem;
  border-radius: 999px;
  border: 2px solid var(--neutral-1050);
  background-color: var(--background-tertiary);
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: normal;
  box-shadow: 3px 3px 0 var(--primary-bg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#css5d8ec9 .sc918fad i {
  color: var(--secondary-dark);
  font-size: 0.95rem;
}

#css5d8ec9 .sc918fad:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px 0 var(--accent-bg);
}

#css5d8ec9 .sc36a9e4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
}

#css5d8ec9 .sc3ef41b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding-block: 0.95rem;
  padding-inline: 2.1rem;
  border-radius: 999px;
  border: 3px solid var(--neutral-1050);
  background: linear-gradient(135deg, var(--secondary-bg), var(--secondary));
  color: var(--neutral-1050);
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 6px 6px 0 var(--warning-color);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  animation: popartcta_x6y1z9k4m8p2t 0.85s ease-out 0.28s both;
}

#css5d8ec9 .sc3ef41b:hover,
#css5d8ec9 .sc3ef41b:focus {
  transform: translateY(-3px);
  background: linear-gradient(135deg, var(--warning-light), var(--warning-color));
  box-shadow: 9px 9px 0 var(--accent-dark);
  color: var(--neutral-1050);
  outline: none;
}

#css5d8ec9 .scd2fc9f {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: popartfloat_k7m2x9p4q1n8w 7s ease-in-out infinite;
}

#css5d8ec9 .sc2ea186 {
  position: relative;
  width: min(100%, 400px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem);
}

#css5d8ec9 .sc97843d {
  position: absolute;
  inset-block: 8%;
  inset-inline: 6%;
  border-radius: 1.75rem;
  background: linear-gradient(140deg, var(--danger-bg), var(--warning-bg));
  border: 3px solid var(--neutral-1050);
  transform: rotate(-5deg);
  z-index: 1;
  pointer-events: none;
}

#css5d8ec9 .sc625a0b {
  position: absolute;
  inset-block: 4%;
  inset-inline: 10%;
  border-radius: 1.85rem;
  background: linear-gradient(155deg, var(--info-bg), var(--success-bg));
  border: 3px solid var(--neutral-1050);
  transform: rotate(4deg);
  z-index: 2;
  pointer-events: none;
}

#css5d8ec9 .sc4ebe08 {
  position: relative;
  z-index: 5;
  width: 82%;
  aspect-ratio: 1 / 1;
  border-radius: 1.5rem;
  border: 4px solid var(--neutral-1050);
  overflow: hidden;
  background-color: var(--background-tertiary);
  box-shadow: 0 18px 45px var(--neutral-250);
  animation: popartphoto_p2t7k4m9x1n6q 0.95s cubic-bezier(0.25, 0.9, 0.35, 1.15) 0.22s both;
}

#css5d8ec9 .sc2a6f8d {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

#css5d8ec9 .sc715baf {
  position: absolute;
  inset-block-end: 2%;
  inset-inline-start: 0;
  width: 22%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 3px dashed var(--accent);
  background: radial-gradient(circle, var(--accent-bg), var(--info-bg));
  z-index: 3;
  pointer-events: none;
  animation: popartpulse_m9n4k2x7v1q3r 5s ease-in-out infinite;
}

#css5d8ec9 .scfe9dd0 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid var(--neutral-1050);
  background: linear-gradient(145deg, var(--warning-light), var(--warning-color));
  color: var(--neutral-1050);
  font-size: 1.35rem;
  z-index: 3;
  box-shadow: 4px 4px 0 var(--accent-bg);
  pointer-events: none;
  animation: popartpulse_m9n4k2x7v1q3r 4s ease-in-out infinite alternate;
}

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

  #css5d8ec9 .scd2fc9f {
    order: -1;
  }

  #css5d8ec9 .sccbbcea {
    align-items: center;
    text-align: center;
  }

  #css5d8ec9 .sc3569ab {
    max-width: 100%;
  }

  #css5d8ec9 .scb3b513 {
    justify-content: center;
  }

  #css5d8ec9 .sc36a9e4 {
    justify-content: center;
  }

  #css5d8ec9 .sc2ea186 {
    width: min(100%, 320px);
  }
}

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

@keyframes poparttitle_a4b8c3d7e2f5g {
  0% {
    opacity: 0;
    transform: translateY(28px) scale(0.97);
  }
  70% {
    opacity: 1;
    transform: translateY(-3px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

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

@keyframes popartfloat_k7m2x9p4q1n8w {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes popartphoto_p2t7k4m9x1n6q {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes popartblob_k7m2x9p4q1n8w {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(8deg) scale(1.06);
  }
}

@keyframes popartblob_m9n4k2x7v1q3r {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(-6deg) scale(1.05);
  }
}

@keyframes popartpulse_m9n4k2x7v1q3r {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

#cssff0c14 {
        --content-dirx: 1;
        position: relative;
        isolation: isolate;
        overflow: clip;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 55%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--secondary) 12%, transparent) 0%, transparent 50%),
          linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--background-secondary) 72%, var(--background-primary)) 100%);
      }

      [dir='rtl'] #cssff0c14 {
        --content-dirx: -1;
      }

      #cssff0c14::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -18%;
        width: min(520px, 70vw);
        height: min(520px, 70vw);
        border-radius: 50%;
        background: radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--primary) 16%, transparent) 0%, transparent 62%);
        z-index: 0;
        pointer-events: none;
      }

      #cssff0c14::after {
        content: '';
        position: absolute;
        inset-block-end: -35%;
        inset-inline-start: -25%;
        width: min(640px, 85vw);
        height: min(640px, 85vw);
        border-radius: 50%;
        background: radial-gradient(circle at 55% 55%, color-mix(in srgb, var(--info-color) 10%, transparent) 0%, transparent 65%);
        z-index: 0;
        pointer-events: none;
      }

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

      #cssff0c14 .sc01f35f {
        max-width: 58rem;
        margin-inline: auto;
        margin-block-end: clamp(2rem, 4.6vw, 3.75rem);
        text-align: center;
      }

      #cssff0c14 .sc7dc17a {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding-block: 0.35rem;
        padding-inline: 0.95rem;
        border-radius: 999px;
        border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
        background-color: color-mix(in srgb, var(--background-tertiary) 78%, transparent);
        box-shadow: 0 10px 28px color-mix(in srgb, var(--neutral-950) 8%, transparent);
        margin-block-end: 1rem;
      }

      #cssff0c14 .sca37541 {
        width: 0.55rem;
        height: 0.55rem;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 55%, var(--secondary) 100%);
      }

      #cssff0c14 .sc90c9df {
        margin: 0;
        font-size: 0.82rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--text-tertiary);
      }

      #cssff0c14 .sc3efd4c {
        margin: 0;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.12;
        color: var(--text-primary);
        font-size: clamp(1.75rem, 2.4vw + 1rem, 2.65rem);
      }

      #cssff0c14 .sc0d0233 {
        margin: 0;
        margin-block-start: 1rem;
        font-size: 1.08rem;
        line-height: 1.7;
        color: var(--text-secondary);
        max-width: 46rem;
        margin-inline: auto;
      }

      #cssff0c14 .sc1ccdf6 {
        position: relative;
        margin-block-end: clamp(1.25rem, 2.4vw, 2rem);
        border-radius: 28px;
        padding: clamp(1.75rem, 3vw, 2.5rem);
        border: 1px solid color-mix(in srgb, var(--neutral-250) 65%, transparent);
        background: linear-gradient(145deg, color-mix(in srgb, var(--background-tertiary) 90%, transparent) 0%, color-mix(in srgb, var(--primary-bg) 12%, var(--background-tertiary)) 100%);
        box-shadow: 0 22px 60px color-mix(in srgb, var(--neutral-950) 10%, transparent);
        overflow: hidden;
      }

      #cssff0c14 .sc1ccdf6::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 5px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 48%, var(--secondary) 100%);
        opacity: 0.95;
      }

      #cssff0c14 .sc1ccdf6::after {
        content: '';
        position: absolute;
        inset-block-end: -40%;
        inset-inline-end: -18%;
        width: min(420px, 70vw);
        height: min(420px, 70vw);
        border-radius: 50%;
        background: radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--primary) 14%, transparent) 0%, transparent 62%);
        transform: translateX(calc(var(--content-dirx) * 14px));
        pointer-events: none;
      }

      #cssff0c14 .scd472d9 {
        position: relative;
        z-index: 1;
        max-width: 52rem;
      }

      #cssff0c14 .sc87676b {
        margin: 0;
        margin-block-end: 0.85rem;
        font-weight: 800;
        font-size: clamp(1.2rem, 1.1vw + 0.95rem, 1.45rem);
        letter-spacing: -0.02em;
        line-height: 1.2;
        color: var(--text-primary);
      }

      #cssff0c14 .sca17921 {
        margin: 0;
        color: var(--text-secondary);
        line-height: 1.78;
        font-size: 1.02rem;
      }

      #cssff0c14 .sc6c5fac {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.25rem, 2.4vw, 2rem);
        align-items: stretch;
      }

      #cssff0c14 .sc02ce46 {
        position: relative;
        border-radius: 22px;
        padding: clamp(1.35rem, 2.2vw, 1.85rem);
        border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
        background-color: color-mix(in srgb, var(--background-tertiary) 82%, transparent);
        backdrop-filter: blur(10px);
        box-shadow: 0 16px 42px color-mix(in srgb, var(--primary) 12%, transparent);
        overflow: hidden;
        min-height: 100%;
      }

      #cssff0c14 .sc02ce46::after {
        content: '';
        position: absolute;
        inset-block-start: -35%;
        inset-inline-end: -20%;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 62%);
        transform: translateX(calc(var(--content-dirx) * 12px));
        pointer-events: none;
      }

      #cssff0c14 .sc4f23e1 {
        border-color: color-mix(in srgb, var(--secondary) 22%, transparent);
        box-shadow: 0 16px 42px color-mix(in srgb, var(--secondary) 12%, transparent);
      }

      #cssff0c14 .sc4f23e1::after {
        inset-inline-end: auto;
        inset-inline-start: -22%;
        background: radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--secondary) 18%, transparent) 0%, transparent 62%);
        transform: translateX(calc(var(--content-dirx) * -10px));
      }

      #cssff0c14 .scfee4db {
        position: relative;
        z-index: 1;
      }

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

        #cssff0c14 .sc01f35f {
          text-align: start;
        }

        #cssff0c14 .sc0d0233 {
          margin-inline: 0;
        }
      }

      @media (max-width: 575.98px) {
        #cssff0c14 .sc1ccdf6 {
          border-radius: 22px;
        }

        #cssff0c14 .sc02ce46 {
          border-radius: 18px;
        }
      }

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

@keyframes slashslide_b4r9t2v6h1c5z {
  from {
    opacity: 0;
    transform: translateX(-32px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slashslide_rtl_p3n8q1w5m2x7d {
  from {
    opacity: 0;
    transform: translateX(32px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#csse95515 {
  position: relative;
  overflow: hidden;
  padding-block: 5.5rem;
  padding-inline: 1.25rem;
  background:
    linear-gradient(145deg, var(--warning-bg) 0%, var(--primary-bg) 42%, var(--info-bg) 100%);
}

#csse95515 .sc447572 {
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--secondary-bg);
  opacity: 0.35;
  inset-block-start: -12%;
  inset-inline-end: -8%;
  pointer-events: none;
}

#csse95515 .scb1c4ce {
  position: absolute;
  width: 28%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--accent-bg);
  opacity: 0.4;
  inset-block-end: -10%;
  inset-inline-start: -6%;
  pointer-events: none;
}

#csse95515 .sce85bf1 {
  position: relative;
  z-index: 1;
  max-width: 1140px;
  margin-inline: auto;
}

#csse95515 .sc69e26a {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 2.5rem;
  align-items: center;
}

#csse95515 .scd588bf {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-inline: auto;
  animation: slashrise_k8m2xpq4n7w3f 0.7s ease-out both;
}

#csse95515 .sc8b6988 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 1.5rem 0.35rem 1.5rem 0.35rem;
  border: 4px solid var(--background-tertiary);
  box-shadow: 18px 18px 0 var(--warning-color);
}

#csse95515 .sc8b6988 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#csse95515 .sc384e7c {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  animation: slashslide_b4r9t2v6h1c5z 0.65s ease-out both;
}

[dir="rtl"] #csse95515 .sc384e7c {
  animation-name: slashslide_rtl_p3n8q1w5m2x7d;
}

#csse95515 .sc3c34a0 {
  width: 4.5rem;
  height: 0.45rem;
  background: linear-gradient(90deg, var(--warning-color), var(--primary));
  border-radius: 0.2rem;
}

#csse95515 .sc61285f {
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

#csse95515 .sc396928 {
  margin: 0;
  max-width: 34rem;
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.75;
}

#csse95515 .sc7e7ccc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.85rem;
}

#csse95515 .sc10e97f {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem;
  padding-block: 1rem;
  padding-inline: 1.15rem;
  background: var(--background-tertiary);
  border-inline-start: 0.45rem solid var(--primary);
  box-shadow: 0 10px 0 var(--primary-light);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#csse95515 .sc10e97f:nth-child(2) {
  border-inline-start-color: var(--secondary);
  box-shadow: 0 10px 0 var(--secondary-light);
}

#csse95515 .sc10e97f:nth-child(3) {
  border-inline-start-color: var(--warning-color);
  box-shadow: 0 10px 0 var(--warning-light);
}

#csse95515 .sc10e97f:hover {
  transform: translateY(-4px);
}

#csse95515 .sc3f0b6b {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
}

#csse95515 .sccbb2ee {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.65;
}

#csse95515 .scaed80c {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block-start: 0.25rem;
}

#csse95515 .sc296590 {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding-block: 0.85rem;
  padding-inline: 1.35rem;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.92rem;
  color: var(--text-light);
  background: var(--primary);
  border: 3px solid var(--primary-dark);
  box-shadow: 6px 6px 0 var(--primary-dark);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#csse95515 .sc296590:nth-child(2) {
  background: var(--secondary);
  border-color: var(--secondary-dark);
  box-shadow: 6px 6px 0 var(--secondary-dark);
}

#csse95515 .sc296590:nth-child(3) {
  background: var(--warning-color);
  border-color: var(--warning-dark);
  box-shadow: 6px 6px 0 var(--warning-dark);
}

#csse95515 .sc296590:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 var(--primary-dark);
  color: var(--text-light);
}

#csse95515 .sc296590:nth-child(2):hover {
  box-shadow: 8px 8px 0 var(--secondary-dark);
}

#csse95515 .sc296590:nth-child(3):hover {
  box-shadow: 8px 8px 0 var(--warning-dark);
}

#csse95515 .sc296590 i {
  font-size: 0.95rem;
  transition: transform 0.2s ease;
}

#csse95515 .sc296590:hover i {
  transform: translateX(3px);
}

[dir="rtl"] #csse95515 .sc296590:hover i {
  transform: translateX(-3px);
}

[dir="rtl"] #csse95515 .sc8b6988 {
  box-shadow: -18px 18px 0 var(--warning-color);
}

[dir="rtl"] #csse95515 .sc296590:hover {
  transform: translate(2px, -2px);
}

@media (max-width: 991.98px) {
  #csse95515 {
    padding-block: 4.5rem;
  }

  #csse95515 .sc69e26a {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  #csse95515 .scd588bf {
    max-width: 420px;
    order: -1;
  }

  #csse95515 .sc8b6988 {
    box-shadow: 14px 14px 0 var(--warning-color);
  }

  [dir="rtl"] #csse95515 .sc8b6988 {
    box-shadow: -14px 14px 0 var(--warning-color);
  }
}

@media (max-width: 575.98px) {
  #csse95515 {
    padding-block: 3.75rem;
    padding-inline: 1rem;
  }

  #csse95515 .sc8b6988 {
    border-width: 3px;
    box-shadow: 10px 10px 0 var(--warning-color);
  }

  [dir="rtl"] #csse95515 .sc8b6988 {
    box-shadow: -10px 10px 0 var(--warning-color);
  }

  #csse95515 .sc10e97f {
    padding-block: 0.9rem;
    padding-inline: 1rem;
    box-shadow: 0 8px 0 var(--primary-light);
  }

  #csse95515 .sc10e97f:nth-child(2) {
    box-shadow: 0 8px 0 var(--secondary-light);
  }

  #csse95515 .sc10e97f:nth-child(3) {
    box-shadow: 0 8px 0 var(--warning-light);
  }

  #csse95515 .sc296590 {
    width: 100%;
    justify-content: center;
  }
}

#css93887b {
        position: relative;
        overflow: hidden;
        padding-block: 5.5rem;
        padding-inline: 0;
        background:
          radial-gradient(circle at 12% 18%, var(--accent-bg) 0%, transparent 42%),
          radial-gradient(circle at 88% 12%, var(--warning-bg) 0%, transparent 38%),
          radial-gradient(circle at 72% 88%, var(--secondary-bg) 0%, transparent 40%),
          linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 55%, var(--primary-bg) 100%);
      }

      #css93887b::before {
        content: '';
        position: absolute;
        inset-block-start: 8%;
        inset-inline-end: -4rem;
        width: 11rem;
        height: 11rem;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--info-bg) 0%, var(--accent-light) 100%);
        opacity: 0.45;
        z-index: 0;
        animation: poporb_k8m3n2p7q4x1 7s ease-in-out infinite alternate;
      }

      #css93887b::after {
        content: '';
        position: absolute;
        inset-block-end: 6%;
        inset-inline-start: -3rem;
        width: 9rem;
        height: 9rem;
        border-radius: 30% 70% 62% 38%;
        background: linear-gradient(160deg, var(--warning-light) 0%, var(--danger-bg) 100%);
        opacity: 0.28;
        z-index: 0;
        animation: poporb_k8m3n2p7q4x1 9s ease-in-out infinite alternate-reverse;
      }

      @keyframes poporb_k8m3n2p7q4x1 {
        0% {
          transform: translateY(0) rotate(0deg);
        }
        100% {
          transform: translateY(-1.25rem) rotate(8deg);
        }
      }

      #css93887b .sc591488 {
        position: absolute;
        z-index: 0;
        pointer-events: none;
        border-radius: 50%;
      }

      #css93887b .sceaa528 {
        inset-block-start: 42%;
        inset-inline-start: 4%;
        width: 4.5rem;
        height: 4.5rem;
        background: var(--primary-bg);
        opacity: 0.55;
        box-shadow: 0 0 0 0.75rem var(--primary-light);
      }

      #css93887b .sc7dcda9 {
        inset-block-start: 18%;
        inset-inline-start: 46%;
        width: 1.25rem;
        height: 1.25rem;
        background: var(--accent);
        opacity: 0.7;
        box-shadow:
          2.5rem 1rem 0 0 var(--secondary-bg),
          -2rem 2.5rem 0 0 var(--info-bg),
          3.5rem 3rem 0 0 var(--warning-bg);
      }

      #css93887b .sc96bb99 {
        position: relative;
        z-index: 1;
      }

      #css93887b .scfc5a1b {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1.75rem;
        margin-block-end: 3.25rem;
        align-items: end;
      }

      #css93887b .sc9b284f {
        position: relative;
        padding-block: 2rem;
        padding-inline: 2rem;
        border-radius: 2rem 0.75rem 2rem 0.75rem;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 55%, var(--secondary) 100%);
        box-shadow: 0.65rem 0.65rem 0 var(--warning-bg);
        overflow: hidden;
      }

      #css93887b .sc9b284f::before {
        content: '';
        position: absolute;
        inset-block-start: -2rem;
        inset-inline-end: -2rem;
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        background: var(--white);
        opacity: 0.12;
      }

      #css93887b .sc9b284f::after {
        content: '';
        position: absolute;
        inset-block-end: 1rem;
        inset-inline-start: 1.5rem;
        width: 5rem;
        height: 0.35rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--warning-bg) 0%, var(--info-bg) 100%);
      }

      #css93887b .sc8dfe90 {
        margin: 0;
        color: var(--text-light);
        font-weight: 800;
        font-size: clamp(2rem, 4vw, 2.85rem);
        line-height: 1.1;
        max-width: 16ch;
        text-wrap: balance;
      }

      #css93887b .sc341d09 {
        padding-block: 1.75rem;
        padding-inline: 1.75rem;
        border-radius: 0.75rem 2rem 0.75rem 2rem;
        background: var(--white);
        border: 0.2rem solid var(--neutral-1050);
        box-shadow: -0.55rem 0.55rem 0 var(--accent-bg);
      }

      #css93887b .scf19d44 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 1.08rem;
        line-height: 1.65;
      }

      #css93887b .sc4bea50 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
      }

      #css93887b .scfa144f {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding-block: 1.5rem;
        padding-inline: 1.5rem;
        border-radius: 1.5rem 0.5rem 1.5rem 0.5rem;
        background: var(--white);
        border: 0.2rem solid var(--neutral-1050);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
      }

      #css93887b .scfa144f:hover {
        transform: translateY(-0.45rem) rotate(-0.6deg);
      }

      #css93887b .sc6fa860 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-block-end: 1.25rem;
      }

      #css93887b .sccd1473 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 45% 55% 52% 48%;
        color: var(--text-light);
        font-size: 1.85rem;
        border: 0.18rem solid var(--neutral-1050);
        flex-shrink: 0;
        transition: transform 0.35s ease;
      }

      #css93887b .scfa144f:hover .sccd1473 {
        transform: rotate(-8deg) scale(1.06);
      }

      #css93887b .sc5d2d1b {
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        flex-shrink: 0;
        opacity: 0.85;
      }

      #css93887b .sc116ca3 {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: 0.85rem;
      }

      #css93887b .sc52e532 {
        margin: 0;
        color: var(--text-primary);
        font-weight: 700;
        font-size: 1.32rem;
        line-height: 1.25;
      }

      #css93887b .sc85e888 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 0.96rem;
        line-height: 1.65;
        flex: 1;
      }

      #css93887b .sc04d35c {
        --bs-btn-bg: var(--neutral-1050);
        --bs-btn-border-color: var(--neutral-1050);
        --bs-btn-hover-bg: var(--primary);
        --bs-btn-hover-border-color: var(--primary);
        --bs-btn-color: var(--text-light);
        --bs-btn-hover-color: var(--text-light);
        align-self: flex-start;
        margin-block-start: 0.35rem;
        padding-block: 0.6rem;
        padding-inline: 1.45rem;
        font-weight: 700;
        border-width: 0.15rem;
        border-radius: 999px;
        box-shadow: 0.3rem 0.3rem 0 var(--primary-bg);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      #css93887b .sc04d35c:hover {
        transform: translateY(-0.15rem);
        box-shadow: 0.45rem 0.45rem 0 var(--accent-bg);
      }

      #css93887b .scb04606 {
        box-shadow: 0.55rem 0.55rem 0 var(--primary-bg);
      }

      #css93887b .scb04606 .sccd1473 {
        background: linear-gradient(145deg, var(--primary) 0%, var(--primary-dark) 100%);
        box-shadow: inset 0 0 0 0.35rem var(--primary-light);
      }

      #css93887b .scb04606 .sc5d2d1b {
        background: radial-gradient(circle, var(--warning-bg) 25%, transparent 26%) 0 0 / 0.55rem 0.55rem,
          linear-gradient(135deg, var(--warning-light) 0%, var(--warning-bg) 100%);
      }

      #css93887b .scb04606:hover {
        box-shadow: 0.75rem 0.75rem 0 var(--accent-bg);
      }

      #css93887b .scff30e8 {
        box-shadow: 0.55rem 0.55rem 0 var(--accent-bg);
        border-radius: 0.5rem 1.5rem 0.5rem 1.5rem;
      }

      #css93887b .scff30e8 .sccd1473 {
        background: linear-gradient(145deg, var(--accent) 0%, var(--accent-dark) 100%);
        box-shadow: inset 0 0 0 0.35rem var(--accent-light);
        border-radius: 52% 48% 45% 55%;
      }

      #css93887b .scff30e8 .sc5d2d1b {
        background: radial-gradient(circle, var(--info-bg) 25%, transparent 26%) 0 0 / 0.55rem 0.55rem,
          linear-gradient(135deg, var(--info-light) 0%, var(--info-bg) 100%);
      }

      #css93887b .scff30e8:hover {
        box-shadow: 0.75rem 0.75rem 0 var(--secondary-bg);
      }

      #css93887b .scc72dea {
        box-shadow: 0.55rem 0.55rem 0 var(--secondary-bg);
        border-radius: 1.25rem 1.25rem 0.5rem 1.75rem;
      }

      #css93887b .scc72dea .sccd1473 {
        background: linear-gradient(145deg, var(--secondary) 0%, var(--secondary-dark) 100%);
        box-shadow: inset 0 0 0 0.35rem var(--secondary-light);
        border-radius: 38% 62% 58% 42%;
      }

      #css93887b .scc72dea .sc5d2d1b {
        background: radial-gradient(circle, var(--danger-bg) 25%, transparent 26%) 0 0 / 0.55rem 0.55rem,
          linear-gradient(135deg, var(--danger-light) 0%, var(--danger-bg) 100%);
      }

      #css93887b .scc72dea:hover {
        box-shadow: 0.75rem 0.75rem 0 var(--warning-bg);
      }

      @media (min-width: 768px) {
        #css93887b .scfc5a1b {
          grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
          gap: 2rem;
        }

        #css93887b .sc4bea50 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        #css93887b .scb04606 {
          grid-column: 1 / -1;
          display: grid;
          grid-template-columns: minmax(0, 0.35fr) minmax(0, 0.65fr);
          gap: 1.5rem;
          padding-block: 2rem;
          padding-inline: 2rem;
        }

        #css93887b .scb04606 .sc6fa860 {
          flex-direction: column;
          justify-content: center;
          margin-block-end: 0;
        }

        #css93887b .scb04606 .sc116ca3 {
          justify-content: center;
        }
      }

      @media (min-width: 992px) {
        #css93887b .sc4bea50 {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        #css93887b .scb04606 {
          grid-column: span 2;
          grid-template-columns: minmax(0, 0.32fr) minmax(0, 0.68fr);
        }

        #css93887b .scff30e8 {
          grid-column: 3;
          grid-row: 1 / span 2;
        }

        #css93887b .scc72dea {
          grid-column: 1 / span 2;
        }
      }

      @media (max-width: 767.98px) {
        #css93887b {
          padding-block: 4rem;
        }

        #css93887b .sc9b284f {
          padding-block: 1.5rem;
          padding-inline: 1.35rem;
        }

        #css93887b .sc341d09 {
          padding-block: 1.35rem;
          padding-inline: 1.35rem;
        }

        #css93887b .sc6fa860 {
          justify-content: flex-start;
        }

        #css93887b .sc5d2d1b {
          display: none;
        }

        #css93887b .sc04d35c {
          align-self: stretch;
          text-align: center;
        }
      }

#cssbb0e4a {
      padding-block: 6rem;
      background: var(--background-primary);

      .sc877997 {
          max-width: 1200px;
          margin: 0 auto;
          padding-inline: 1.5rem;
      }

      .sce05079 {
          text-align: center;
          margin-bottom: 3rem;
      }

      .badge {
          white-space: normal;
          display: inline-flex;
          padding: 0.45rem 1rem;
          border-radius: 999px;
          background: var(--accent-bg);
          color: var(--accent-dark);
          font-size: 0.82rem;
          font-weight: 700;
          margin-bottom: 1rem;
      }

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

      .sc24a7e1 {
          max-width: 760px;
          margin: 0 auto;
          color: var(--text-secondary);
          line-height: 1.8;
      }

      .sca84e95 {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 1.5rem;
          margin-top: 3rem;
      }

      .sc928737 {
          background: var(--background-tertiary);
          border-radius: 1.5rem;
          padding: 2rem;
          border: 1px solid var(--neutral-150);
          transition: 0.3s ease;

          &:hover {
              transform: translateY(-6px);
              border-color: var(--accent);
          }

          .sc48d414 {
              width: 3rem;
              height: 3rem;
              border-radius: 1rem;
              background: var(--accent-bg);
              margin-bottom: 1.2rem;
          }

          .sc3de214 {
              font-size: 1.1rem;
              color: var(--text-primary);
              margin-bottom: 0.7rem;
              font-weight: 700;
          }

          .sc27159d {
              color: var(--text-secondary);
              line-height: 1.7;
              margin-bottom: 1.4rem;
          }

          .sc7a982c {
              color: var(--accent-dark);
              text-decoration: none;
              font-weight: 600;
          }
      }
  }

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

  @media (max-width: 767px) {
      #cssbb0e4a {
          .sc749379 {
              font-size: 2.1rem;
          }
      }
  }

#css1c6d48 {
  background: var(--background-dark);
  padding-block: 120px;
  overflow: hidden;

  .scca2c9d {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 56px;
    align-items: center;
  }

  .scd31cb8 {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 10px 22px;
    border-radius: 999px;
    background: var(--primary);
    color: var(--text-light);
    font-weight: 700;
    margin-bottom: 26px;
  }

  .scb85bad {
    color: var(--text-light);
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: 0.95;
    font-weight: 900;
    margin-bottom: 28px;
  }

  .sc5f0f04 {
    color: var(--neutral-150);
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 38px;
    max-width: 640px;
  }

  .sc32c2d8 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .scfabd0e {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 17px 36px;
    border-radius: 18px;
    background: var(--secondary);
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 800;
    transition: 0.3s ease;

    &:hover {
      background: var(--secondary-dark);
      transform: translateY(-4px);
    }

    &.sc741fb3 {
      background: var(--background-tertiary);
      color: var(--text-primary);

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

  .sce9be85 {
    background: var(--background-tertiary);
    border-radius: 34px;
    padding: 34px;
    display: grid;
    gap: 18px;
    box-shadow: 18px 18px 0 var(--primary-dark);
  }

  .scd08524 {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 22px;
    background: var(--neutral-50);

    i {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      background: var(--primary-bg);
      color: var(--primary-dark);
      font-size: 1.5rem;
    }

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

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

  @media (max-width: 576px) {
    padding-block: 80px;

    .sc32c2d8 {
      flex-direction: column;
    }

    .scfabd0e {
      justify-content: center;
    }

    .sce9be85 {
      padding: 22px;
      box-shadow: 10px 10px 0 var(--primary-dark);
    }
  }
}

#css6a723c {
          padding-block: 5.5rem;
padding-inline: 2rem;
          background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-secondary) 100%);
          position: relative;
          overflow: hidden;

          &::before {
              content: "";
              position: absolute;
              inset: -40% -20%;
              background: radial-gradient(circle at 30% 35%, rgba(var(--bs-primary-rgb), 0.10) 0%, transparent 55%);
              pointer-events: none;
          }

          .sc145205 {
              max-width: 1200px;
              margin: 0 auto;
              position: relative;
              z-index: 1;
              display: grid;
              grid-template-columns: 1.05fr 0.95fr;
              gap: 2rem;
              align-items: start;
          }

          .sce49832 {
              grid-column: 1 / -1;
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              gap: 1.5rem;
              margin-bottom: 1.5rem;

              .sc83c4d7 {
                  margin: 0;
                  color: var(--text-primary);
                  font-weight: 900;
                  font-size: clamp(2.1rem, 4vw, 3.2rem);
                  letter-spacing: -0.02em;
              }

              .sc285acd {
                  margin: 0;
                  color: var(--text-secondary);
                  max-width: 56ch;
                  line-height: 1.75;
                  font-size: 1.05rem;
              }
          }

          .scee7d97 {
              background: var(--background-tertiary);
              border: 1px solid var(--neutral-150);
              border-radius: 2rem;
              box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
              padding: 2.25rem;
              position: relative;

              &::after {
                  content: "";
                  position: absolute;
                  top: 2.25rem;
                  bottom: 2.25rem;
                  inset-inline-start: 2.25rem;
                  width: 4px;
                  border-radius: 2px;
                  background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
                  opacity: 0.35;
              }
          }

          .sc140ec6 {
              display: grid;
              grid-template-columns: 48px 1fr;
              gap: 1.25rem;
              position: relative;
              padding-block: 1rem;
padding-inline: 0;

              .sc8cd524 {
                  width: 48px;
                  height: 48px;
                  border-radius: 16px;
                  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                  color: var(--text-light);
                  font-weight: 900;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  box-shadow: 0 12px 28px rgba(var(--bs-primary-rgb), 0.22);
                  position: relative;
                  z-index: 1;
              }

              .scd828b5 {
                  margin: 0;
                  font-size: 1.15rem;
                  font-weight: 900;
                  color: var(--text-primary);
              }

              .sc395170 {
                  margin-block: 10px 5px;
margin-inline: 20px 0;
                  color: var(--text-secondary);
                  line-height: 1.75;
              }
          }

          .sccdd447 {
              position: sticky;
              top: 1.5rem;

              .sc52044b {
                  background: linear-gradient(135deg, var(--background-tertiary) 0%, rgba(var(--bs-primary-rgb), 0.03) 100%);
                  border: 1px solid var(--neutral-150);
                  border-radius: 2rem;
                  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);
                  overflow: hidden;
              }

              .sc9de948 {
                  padding-block: 2rem 0;
padding-inline: 2rem 2rem;

                  .sc3c544f {
                      display: inline-flex;
                      align-items: center;
                      gap: 0.6rem;
                      padding-block: 0.55rem;
padding-inline: 1rem;
                      border-radius: 999px;
                      background: rgba(var(--bs-primary-rgb), 0.10);
                      border: 1px solid var(--neutral-150);
                      color: var(--text-primary);
                      font-weight: 800;
                  }

                  .sccd7729 {
                      margin-block: 10px 5px;
margin-inline: 20px 0;
                      color: var(--text-primary);
                      font-weight: 900;
                      font-size: 1.45rem;
                      letter-spacing: -0.01em;
                  }

                  .scbd5a0c {
                      margin: 0;
                      color: var(--text-secondary);
                      line-height: 1.75;
                  }
              }

              .scda0745 {
                  margin-top: 1.75rem;

                  img {
                      width: 100%;
                      height: 240px;
                      display: block;
                      object-fit: cover;
                      border-top: 1px solid var(--neutral-150);
                  }
              }

              .scb8d7d3 {
                  padding-block: 1.75rem 2rem;
padding-inline: 2rem 2rem;
                  display: flex;
                  gap: 1rem;
                  flex-wrap: wrap;

                  .sc96551d {
                      flex: 1 1 180px;
                      text-decoration: none;
                      padding-block: 1rem;
padding-inline: 1.2rem;
                      border-radius: 999px;
                      font-weight: 900;
                      display: inline-flex;
                      align-items: center;
                      justify-content: center;
                      gap: 0.75rem;
                      border: 2px solid transparent;
                      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
                  }

                  .sc96551d.scdcf921 {
                      background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                      color: var(--text-light);
                      box-shadow: 0 14px 30px rgba(var(--bs-primary-rgb), 0.25);

                      &:hover {
                          transform: translateY(-3px);
                          box-shadow: 0 18px 40px rgba(var(--bs-primary-rgb), 0.32);
                      }
                  }

                  .sc96551d.sca8d064 {
                      background: transparent;
                      border-color: var(--primary);
                      color: var(--primary);

                      &:hover {
                          background: var(--primary);
                          color: var(--text-light);
                          transform: translateY(-3px);
                          box-shadow: 0 16px 35px rgba(var(--bs-primary-rgb), 0.22);
                      }
                  }
              }
          }
      }

      @media (max-width: 992px) {
          #css6a723c {
              .sc145205 {
                  grid-template-columns: 1fr;
              }

              .sccdd447 {
                  position: relative;
                  top: auto;
              }
          }
      }

      @media (max-width: 576px) {
          #css6a723c {
              padding-block: 3.75rem;
padding-inline: 1rem;

              .sce49832 {
                  flex-direction: column;
                  align-items: flex-start;
              }

              .scee7d97 {
                  padding: 1.75rem;

                  &::after {
                      inset-inline-start: 1.75rem;
                  }
              }

              .sccdd447 .scb8d7d3 .sc96551d {
                  flex: 1 1 100%;
              }
          }
      }

#css33989e {
        --faq-shadow-soft: color-mix(in srgb, var(--neutral-1050) 12%, var(--background-primary));
        --faq-shadow-mid: color-mix(in srgb, var(--neutral-1050) 18%, var(--background-primary));
        --faq-shadow-deep: color-mix(in srgb, var(--accent-dark) 22%, var(--background-primary));
        --faq-glass: color-mix(in srgb, var(--white) 78%, var(--accent-bg));
        padding-block: clamp(4rem, 10vw, 7rem);
        padding-inline: 0;
        position: relative;
        isolation: isolate;
        overflow: clip;
        background: linear-gradient(125deg, var(--primary-bg) 0%, var(--accent-light) 38%, var(--warning-light) 72%, var(--secondary-bg) 100%);

        &::before {
          content: '';
          position: absolute;
          inset: 0;
          z-index: 0;
          background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--white) 45%, var(--primary-bg)) 0%, color-mix(in srgb, var(--white) 0%, var(--background-primary)) 52%);
          opacity: 0.85;
          pointer-events: none;
        }

        .sc1c9c7f {
          position: absolute;
          inset: 0;
          z-index: 0;
          pointer-events: none;

          .sc383ff4 {
            position: absolute;
            border-radius: 50%;
            border: 2px solid color-mix(in srgb, var(--white) 55%, var(--accent));
            animation: faqorbit_qw8e3rt7yu2as 14s ease-in-out infinite;
          }

          .sc383ff4:nth-child(1) {
            width: min(42vw, 320px);
            height: min(42vw, 320px);
            inset-inline-end: -8%;
            inset-block-start: 6%;
          }

          .sc383ff4:nth-child(2) {
            width: min(28vw, 220px);
            height: min(28vw, 220px);
            inset-inline-start: -6%;
            inset-block-end: 10%;
            animation-delay: -4s;
            border-color: color-mix(in srgb, var(--white) 50%, var(--warning-color));
          }

          .sc9355ff {
            position: absolute;
            width: min(18vw, 140px);
            height: min(18vw, 140px);
            border-radius: 28%;
            inset-inline-end: 18%;
            inset-block-end: 14%;
            background: linear-gradient(145deg, color-mix(in srgb, var(--secondary-light) 70%, var(--white)), color-mix(in srgb, var(--info-light) 65%, var(--white)));
            opacity: 0.55;
            animation: faqchip_zx4cv7bnm9kjh 9s ease-in-out infinite;
          }
        }

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

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

        .sc3f157b {
          border-radius: 1.75rem;
          padding-block: clamp(1.75rem, 4vw, 2.75rem);
          padding-inline: clamp(1.5rem, 4vw, 2.5rem);
          background: linear-gradient(165deg, color-mix(in srgb, var(--white) 88%, var(--primary-light)), color-mix(in srgb, var(--white) 72%, var(--accent-bg)));
          border: 1px solid color-mix(in srgb, var(--white) 35%, var(--accent));
          box-shadow: 0 1.25rem 3rem var(--faq-shadow-mid);
          display: flex;
          flex-direction: column;
          justify-content: center;
          gap: 1.15rem;
          position: relative;
          overflow: clip;

          &::after {
            content: '';
            position: absolute;
            inset-inline-end: -28%;
            inset-block-start: -32%;
            width: 65%;
            height: 65%;
            border-radius: 50%;
            background: radial-gradient(circle, color-mix(in srgb, var(--warning-bg) 70%, var(--white)) 0%, color-mix(in srgb, var(--white) 5%, var(--accent-bg)) 70%);
            opacity: 0.55;
            z-index: 0;
            animation: faqglow_pl3mn8kq2x7rd 11s ease-in-out infinite;
          }
        }

        .sc3f157b > * {
          position: relative;
          z-index: 1;
        }

        .sce695a7 {
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          margin: 0;
          padding-block: 0.45rem;
          padding-inline: 0.85rem;
          border-radius: 999px;
          font-size: 0.8rem;
          font-weight: 700;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          color: var(--accent-dark);
          background: color-mix(in srgb, var(--white) 55%, var(--info-bg));
          border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--white));
          width: fit-content;
          white-space: normal;
        }

        .sc1bd811 {
          width: 0.45rem;
          height: 0.45rem;
          border-radius: 50%;
          background: linear-gradient(135deg, var(--danger-light), var(--warning-color));
          flex-shrink: 0;
        }

        .scee51b8 {
          margin: 0;
          font-size: clamp(2rem, 4.2vw, 3rem);
          font-weight: 800;
          line-height: 1.08;
          letter-spacing: -0.03em;
          color: var(--text-primary);
          position: relative;
          padding-block-end: 0.35rem;
        }

        .scee51b8::after {
          content: '';
          display: block;
          margin-block-start: 0.65rem;
          height: 0.4rem;
          width: min(7rem, 40%);
          border-radius: 999px;
          background: linear-gradient(90deg, var(--primary), var(--warning-color), var(--accent), var(--secondary-light));
        }

        .scd16242 {
          margin: 0;
          font-size: 1.08rem;
          line-height: 1.65;
          color: var(--text-secondary);
          max-width: 36ch;
        }

        .sce577c1 {
          display: flex;
          flex-direction: column;
          gap: 0.85rem;
        }

        .scb05b8b {
          border-radius: 1.25rem;
          background: color-mix(in srgb, var(--white) 92%, var(--faq-glass));
          border: 1px solid color-mix(in srgb, var(--white) 40%, var(--primary-light));
          box-shadow: 0 0.75rem 2rem var(--faq-shadow-soft);
          overflow: clip;
          transition: box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease;
        }

        .scb05b8b:nth-child(3n + 1) {
          border-inline-start: 5px solid var(--primary);
        }

        .scb05b8b:nth-child(3n + 2) {
          border-inline-start: 5px solid var(--secondary);
        }

        .scb05b8b:nth-child(3n + 3) {
          border-inline-start: 5px solid var(--accent);
        }

        .scb05b8b:hover {
          transform: translateY(-0.2rem);
          box-shadow: 0 1.15rem 2.75rem var(--faq-shadow-deep);
          border-color: color-mix(in srgb, var(--accent-light) 45%, var(--white));
        }

        .scb05b8b[open] {
          box-shadow: 0 1.35rem 3rem var(--faq-shadow-mid);
          border-color: color-mix(in srgb, var(--primary) 40%, var(--white));
          transform: translateY(-0.1rem);
        }

        .scef42d0 {
          list-style: none;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 1.25rem;
          padding-block: 1.15rem;
          padding-inline: 1.35rem;
          margin: 0;
          font-weight: 700;
          font-size: 1.05rem;
          line-height: 1.45;
          color: var(--neutral-1050);
          transition: color 0.3s ease, background 0.3s ease;
        }

        .scef42d0::-webkit-details-marker {
          display: none;
        }

        .scef42d0:hover {
          color: var(--primary-dark);
          background: color-mix(in srgb, var(--white) 70%, var(--primary-bg));
        }

        .scb05b8b[open] .scef42d0 {
          color: var(--accent-dark);
          background: color-mix(in srgb, var(--white) 65%, var(--accent-bg));
        }

        .sc0a5d89 {
          flex: 1;
          min-width: 0;
        }

        .sc595145 {
          width: 2.65rem;
          height: 2.65rem;
          border-radius: 0.85rem;
          flex-shrink: 0;
          display: grid;
          place-items: center;
          background: linear-gradient(145deg, var(--primary-bg), var(--info-bg));
          border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--white));
          position: relative;
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .sc595145::before,
        .sc595145::after {
          content: '';
          position: absolute;
          background: var(--text-primary);
          border-radius: 2px;
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
        }

        .sc595145::before {
          width: 1.05rem;
          height: 3px;
        }

        .sc595145::after {
          width: 3px;
          height: 1.05rem;
        }

        .scb05b8b[open] .sc595145 {
          background: linear-gradient(145deg, var(--secondary-bg), var(--warning-bg));
          transform: rotate(90deg);
        }

        .scb05b8b[open] .sc595145::after {
          opacity: 0;
          transform: scale(0.4);
        }

        .scb05b8b[open] .sc595145::before {
          background: var(--text-light);
        }

        .sc54f093 {
          padding-block: 0 1.2rem;
          padding-inline: 1.35rem 1.35rem;
          margin: 0;
          border-block-start: 1px solid color-mix(in srgb, var(--neutral-250) 80%, var(--accent-bg));
          color: var(--text-secondary);
          font-size: 0.98rem;
          line-height: 1.72;
        }

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

          .sc1c9c7f .sc383ff4:nth-child(1) {
            inset-inline-end: -18%;
            inset-block-start: -4%;
            opacity: 0.55;
          }

          .sc3f157b::after {
            opacity: 0.35;
          }
        }

        @media (max-width: 575.98px) {
          .scef42d0 {
            padding-block: 1rem;
            padding-inline: 1.05rem;
            font-size: 0.98rem;
          }

          .sc54f093 {
            padding-inline: 1.05rem;
            font-size: 0.95rem;
          }

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

      @keyframes faqorbit_qw8e3rt7yu2as {
        0%,
        100% {
          transform: rotate(0deg) scale(1);
          opacity: 0.55;
        }
        50% {
          transform: rotate(180deg) scale(1.05);
          opacity: 0.95;
        }
      }

      @keyframes faqchip_zx4cv7bnm9kjh {
        0%,
        100% {
          transform: translateY(0) rotate(0deg);
        }
        50% {
          transform: translateY(-12px) rotate(-8deg);
        }
      }

      @keyframes faqglow_pl3mn8kq2x7rd {
        0%,
        100% {
          transform: translate(0, 0) scale(1);
          opacity: 0.5;
        }
        50% {
          transform: translateY(4%) scale(1.06);
          opacity: 0.75;
        }
      }

#cssf3d29a {
background: linear-gradient(135deg, var(--background-primary) 0%, var(--background-secondary) 100%);
padding-block: 6rem;
padding-inline: 0;
position: relative;
overflow: hidden;

&::before {
  content: '';
  position: absolute;
  inset-block-start: -8rem;
  inset-inline-start: -8rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: radial-gradient(circle, var(--primary-bg) 0%, transparent 72%);
  opacity: 0.55;
}

&::after {
  content: '';
  position: absolute;
  inset-block-end: -10rem;
  inset-inline-end: -8rem;
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  background: radial-gradient(circle, var(--secondary-bg) 0%, transparent 72%);
  opacity: 0.4;
}

.sca645cf {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 1.5rem;
  align-items: stretch;
}

.scc803cb {
  background: var(--background-tertiary);
  border: 1px solid var(--neutral-150);
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;

  &::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 0.4rem;
    background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
  }

  .sc4eeba0 {
    margin-bottom: 2rem;

    .sc53aa5f {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-block: 0.5rem;
      padding-inline: 1rem;
      border-radius: 999px;
      background: var(--accent-bg);
      color: var(--accent-dark);
      font-size: 0.85rem;
      font-weight: 700;
      margin-bottom: 1rem;
      white-space: normal;
    }

    h2 {
      color: var(--text-primary);
      font-size: 2.4rem;
      font-weight: 700;
      margin-bottom: 0.75rem;
    }

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

  .sc8346c3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;

    .scfb795d {
      background: var(--background-primary);
      border: 1px solid var(--neutral-150);
      border-radius: 1.25rem;
      padding: 1rem;
      display: flex;
      align-items: flex-start;
      gap: 0.875rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

      &:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.06);
        border-color: var(--primary-light);
      }

      .sc3ca22a {
        width: 3rem;
        height: 3rem;
        min-width: 3rem;
        border-radius: 1rem;
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        color: var(--text-light);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
      }

      .sc61189d {
        h3 {
          color: var(--text-primary);
          font-size: 1rem;
          font-weight: 700;
          margin-bottom: 0.25rem;
        }

        p {
          color: var(--text-secondary);
          font-size: 0.92rem;
          margin: 0;
          line-height: 1.6;
        }
      }
    }
  }

  .sccb3401 {
    background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 100%);
    border: 1px solid var(--neutral-150);
    border-radius: 1.5rem;
    padding: 1.5rem;

    .sca6001e {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1.25rem;

      h3 {
        color: var(--text-primary);
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0;
      }

      .sc2027a6 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.45rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        background: var(--info-bg);
        color: var(--info-dark);
        font-size: 0.8rem;
        font-weight: 700;
      }
    }

    form {
      display: grid;
      gap: 1rem;
    }

    .sc46e4ac {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .scc4131b {
      display: grid;
      gap: 0.45rem;

      label {
        color: var(--text-primary);
        font-size: 0.92rem;
        font-weight: 600;
      }

      input,
      select,
      textarea {
        width: 100%;
        border: 1px solid var(--neutral-150);
        border-radius: 1rem;
        background: var(--background-tertiary);
        color: var(--text-primary);
        padding-block: 0.95rem;
        padding-inline: 1rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;

        &:focus {
          outline: none;
          border-color: var(--accent);
          box-shadow: 0 0 0 0.22rem rgba(176, 74, 150, 0.12);
          background: var(--white);
        }
      }

      textarea {
        min-height: 9.5rem;
        resize: vertical;
      }
    }

    .form-check {
      display: flex;
      align-items: flex-start;
      gap: 0.7rem;

      input {
        width: 1.125rem;
        height: 1.125rem;
        margin-top: 0.15rem;
        accent-color: var(--accent);
      }

      label {
        color: var(--text-secondary);
        font-size: 0.93rem;

        a {
          color: var(--accent);
          font-weight: 700;
          text-decoration: none;

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

    .scb53071 {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      flex-wrap: wrap;
    }

    .sc07224c {
      border: none;
      border-radius: 1rem;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      background: linear-gradient(135deg, var(--accent), var(--accent-dark));
      color: var(--text-light);
      font-weight: 700;
      transition: transform 0.3s ease, box-shadow 0.3s ease;

      &:hover {
        transform: translateY(-0.125rem);
        box-shadow: 0 0.9rem 1.8rem rgba(176, 74, 150, 0.22);
      }
    }

    .scbca9ec {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3.25rem;
      padding-inline: 1.2rem;
      border-radius: 1rem;
      background: var(--background-secondary);
      color: var(--text-primary);
      text-decoration: none;
      font-weight: 700;
      transition: background 0.3s ease, transform 0.3s ease;

      &:hover {
        background: var(--neutral-250);
        transform: translateY(-0.125rem);
      }
    }
  }
}

.sc007515 {
  display: grid;
  gap: 1.5rem;

  .scc9d7fb {
    background: var(--background-tertiary);
    border: 1px solid var(--neutral-150);
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.06);

    img {
      width: 100%;
      height: 100%;
      min-height: 20rem;
      object-fit: cover;
      display: block;
    }
  }

  .sccb7f03 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border-radius: 2rem;
    padding: 1.75rem;
    color: var(--text-light);
    position: relative;
    overflow: hidden;

    &::before {
      content: '';
      position: absolute;
      inset-block-end: -4rem;
      inset-inline-end: -3rem;
      width: 10rem;
      height: 10rem;
      border-radius: 50%;
      background: radial-gradient(circle, var(--primary-light) 0%, transparent 72%);
      opacity: 0.25;
    }

    .sc023410 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-block: 0.45rem;
      padding-inline: 0.85rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.14);
      color: var(--text-light);
      font-size: 0.8rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    h3 {
      color: var(--text-light);
      font-size: 1.45rem;
      font-weight: 700;
      margin-bottom: 0.65rem;
      position: relative;
      z-index: 1;
    }

    p {
      color: var(--neutral-50);
      font-size: 0.96rem;
      margin-bottom: 1.25rem;
      line-height: 1.7;
      position: relative;
      z-index: 1;
    }

    .sc29f6c3 {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
      position: relative;
      z-index: 1;
    }

    .sc9ceb38,
    .sceafe43 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3rem;
      padding-inline: 1rem;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
    }

    .sc9ceb38 {
      background: var(--white);
      color: var(--primary-dark);

      &:hover {
        transform: translateY(-0.125rem);
      }
    }

    .sceafe43 {
      background: rgba(255, 255, 255, 0.12);
      color: var(--text-light);
      border: 1px solid rgba(255, 255, 255, 0.16);

      &:hover {
        transform: translateY(-0.125rem);
        background: rgba(255, 255, 255, 0.2);
      }
    }
  }
}

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

  .sc007515 {
    .scc9d7fb img {
      min-height: 16rem;
    }
  }
}

@media (max-width: 767px) {
  padding-block: 4rem;

  .scc803cb {
    padding: 1.5rem;

    .sc4eeba0 {
      h2 {
        font-size: 2rem;
      }
    }

    .sc8346c3 {
      grid-template-columns: 1fr;
    }

    .sccb3401 {
      padding: 1.25rem;

      .sca6001e {
        flex-direction: column;
        align-items: flex-start;
      }

      .sc46e4ac {
        grid-template-columns: 1fr;
      }

      .scb53071 {
        flex-direction: column;

        .sc07224c,
        .scbca9ec {
          width: 100%;
        }
      }
    }
  }

  .sc007515 {
    .sccb7f03 {
      padding: 1.5rem;
    }
  }
}
}

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #cssb9bb81 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #cssb9bb81::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #cssb9bb81::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #cssb9bb81 .sc698f1b {
        position: relative;
        z-index: 1;
      }

      #cssb9bb81 .sc313010 {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #cssb9bb81 .sc313010:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #cssb9bb81 .sc6bd0cf {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #cssb9bb81 .sc6bd0cf::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #cssb9bb81 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #cssb9bb81 .sc1b4c92 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #cssb9bb81 .sc1b4c92 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #cssb9bb81 .sc1b4c92 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #cssb9bb81 .sc1b4c92 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #cssb9bb81 .sc1b4c92 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #cssb9bb81 .sceed034 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #cssb9bb81 .sceed034 li {
        margin-bottom: 0.75rem;
      }

      #cssb9bb81 .sceed034 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #cssb9bb81 .sceed034 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #cssb9bb81 .sceed034 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #cssb9bb81 .sceed034 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #cssb9bb81 .sca08b58 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #cssb9bb81 .sc2b3082 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #cssb9bb81 .sc2b3082:hover::before {
        width: 100%;
        height: 100%;
      }

      #cssb9bb81 .sc2b3082:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #cssb9bb81 .sc2b3082:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #cssb9bb81 .sc2b3082 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #cssb9bb81 .sc2b3082:hover i {
        color: var(--text-light);
      }

      #cssb9bb81 .sc264f16 {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #cssb9bb81 .sc264f16::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #cssb9bb81 .sca4fb73 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #cssb9bb81 .sca4fb73:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #cssb9bb81 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #cssb9bb81 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #cssb9bb81 .sc313010 {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #cssb9bb81 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #cssb9bb81 .sc313010 {
          padding: 1.25rem;
        }

        #cssb9bb81 .sc6bd0cf {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #cssb9bb81 .sc264f16 {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #cssb9bb81 .sc264f16 .row > div {
          margin-bottom: 1rem;
        }

        #cssb9bb81 .sc264f16 span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #cssb9bb81 .sca08b58 {
          justify-content: center;
        }
      }

#css9a0bc1 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css9a0bc1::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css9a0bc1::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css9a0bc1 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css9a0bc1 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css9a0bc1 .sc7d0351 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css9a0bc1 .scff5b6c {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css9a0bc1 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css9a0bc1 .sc8bbe72 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css9a0bc1 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css9a0bc1 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css9a0bc1 .sc074d3c {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css9a0bc1 .sc8aefea {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css9a0bc1 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css9a0bc1 .scc46bf3 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css9a0bc1 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css9a0bc1 .sc898155 {
        display: flex;
      }

      #css9a0bc1 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css9a0bc1 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css9a0bc1 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css9a0bc1 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css9a0bc1 .navbar-collapse {
          flex-basis: 100%;
        }

        #css9a0bc1 .scc46bf3 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css9a0bc1 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css9a0bc1 .sc898155 {
          inline-size: 100%;
        }

        #css9a0bc1 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css9a0bc1 .scff5b6c {
          max-inline-size: min(100%, 16rem);
        }

        #css9a0bc1 .navbar-brand {
          font-size: 1.15rem;
        }

        #css9a0bc1 .sc8bbe72 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css9a0bc1 .nav-link,
        #css9a0bc1 .navbar-brand {
          transition: none;
        }

        #css9a0bc1 .nav-link:hover {
          transform: none;
        }
      }

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

@keyframes privacyshine_w8r3t6h1vz {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}

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

#css1d0ef3 {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(160deg, var(--primary-bg) 0%, var(--background-primary) 28%, var(--accent-bg) 72%, var(--secondary-bg) 100%);
  color: var(--text-primary);
  min-height: 100vh;
  padding-block: 2.5rem 4rem;
}

#css1d0ef3::before {
  content: "";
  position: absolute;
  inset-block-start: -8rem;
  inset-inline-end: -6rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--warning-bg) 55%, transparent);
  pointer-events: none;
  animation: privacypulse_a4j9c2e7lm 7s ease-in-out infinite;
}

#css1d0ef3::after {
  content: "";
  position: absolute;
  inset-block-end: 10%;
  inset-inline-start: -5rem;
  width: 16rem;
  height: 16rem;
  border-radius: 40% 60% 55% 45%;
  background: color-mix(in srgb, var(--info-bg) 45%, transparent);
  pointer-events: none;
}

#css1d0ef3 .sc457ce5 {
  position: relative;
  z-index: 1;
}

#css1d0ef3 .sc6592bf {
  margin-bottom: 2.25rem;
  padding-block: 2.4rem 2.1rem;
  padding-inline: 1.75rem;
  border-radius: 1.75rem;
  background:
    linear-gradient(120deg, var(--primary) 0%, var(--warning-color) 42%, var(--accent) 78%, var(--secondary) 100%);
  background-size: 180% 180%;
  animation:
    privacyrise_qk7m2x9n4p 0.6s ease-out,
    privacyshine_w8r3t6h1vz 10s ease-in-out infinite alternate;
  color: var(--text-light);
  box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--primary-dark) 28%, transparent);
}

#css1d0ef3 .scae6da6 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: end;
}

#css1d0ef3 .sc2a2894 {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding-block: 0.4rem;
  padding-inline: 0.85rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--white) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--white) 45%, transparent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: normal;
}

#css1d0ef3 .sc2a2894 i {
  font-size: 1rem;
}

#css1d0ef3 .scc39a13 {
  margin: 0 0 1rem;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--text-light);
  max-width: 14ch;
}

#css1d0ef3 .scaeecc1 {
  margin: 0;
  max-width: 36rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--text-light) 92%, var(--neutral-150));
}

#css1d0ef3 .sc0bdc2b {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

#css1d0ef3 .scb20ae8 {
  display: block;
  padding-block: 0.85rem;
  padding-inline: 1rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--white) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--white) 40%, transparent);
  color: var(--text-light);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: normal;
}

#css1d0ef3 .scc5b818 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
}

#css1d0ef3 .scac387d {
  position: relative;
  padding-block: 1.6rem;
  padding-inline: 1.5rem;
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--background-tertiary) 92%, var(--white));
  border: 1px solid color-mix(in srgb, var(--white) 70%, var(--neutral-150));
  box-shadow: 0 0.85rem 1.8rem color-mix(in srgb, var(--neutral-1050) 8%, transparent);
  overflow: hidden;
}

#css1d0ef3 .scac387d::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 0.45rem;
  background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
}

#css1d0ef3 .scaa05a1::before {
  background: linear-gradient(180deg, var(--accent) 0%, var(--secondary) 100%);
}

#css1d0ef3 .sc8239af::before {
  background: linear-gradient(180deg, var(--warning-color) 0%, var(--primary) 100%);
}

#css1d0ef3 .sc7ad9b7::before {
  background: linear-gradient(180deg, var(--secondary) 0%, var(--accent) 100%);
}

#css1d0ef3 .sc43cfcb {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.85rem;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 800;
  line-height: 1.25;
  color: var(--text-primary);
  letter-spacing: -0.02em;
}

#css1d0ef3 .scbc825c {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, var(--primary-bg) 0%, var(--warning-bg) 100%);
  color: var(--primary-dark);
  font-size: 1.05rem;
}

#css1d0ef3 .scaa05a1 .scbc825c {
  background: linear-gradient(135deg, var(--accent-bg) 0%, var(--info-bg) 100%);
  color: var(--accent-dark);
}

#css1d0ef3 .sc8239af .scbc825c {
  background: linear-gradient(135deg, var(--warning-bg) 0%, var(--primary-bg) 100%);
  color: var(--warning-dark);
}

#css1d0ef3 .sc7ad9b7 .scbc825c {
  background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--accent-bg) 100%);
  color: var(--secondary-dark);
}

#css1d0ef3 .scbd50fa {
  margin: 0 0 0.65rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--primary-dark);
}

#css1d0ef3 .sc1c1222 {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.75;
  color: var(--text-secondary);
}

#css1d0ef3 .sc575e4b {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

#css1d0ef3 .sc6ff7b8 {
  padding-block: 1rem;
  padding-inline: 1rem;
  border-radius: 1rem;
  background: linear-gradient(145deg, var(--background-primary) 0%, var(--accent-bg) 160%);
  border: 1px solid var(--border-light);
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--text-secondary);
}

#css1d0ef3 .sc6ff7b8:nth-child(odd) {
  background: linear-gradient(145deg, var(--background-primary) 0%, var(--primary-bg) 160%);
}

#css1d0ef3 .scbed854 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

#css1d0ef3 .scfbda32 {
  height: 100%;
  padding-block: 1.15rem;
  padding-inline: 1.1rem;
  border-radius: 1.1rem;
  background: var(--background-primary);
  border: 1px solid var(--border-light);
}

#css1d0ef3 .sc18efbf {
  border-block-start: 4px solid var(--primary);
}

#css1d0ef3 .scd86467 {
  border-block-start: 4px solid var(--accent);
}

#css1d0ef3 .scb220bc {
  border-block-start: 4px solid var(--secondary);
}

#css1d0ef3 .sc3446b1 {
  margin: 0;
  padding: 0;
  list-style: none;
}

#css1d0ef3 .sc3446b1 li {
  position: relative;
  padding-block: 0.4rem;
  padding-inline: 1.35rem 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--text-secondary);
}

#css1d0ef3 .sc3446b1 li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.95rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.15rem;
  background: var(--accent);
  transform: rotate(45deg);
}

#css1d0ef3 .sc8239af .sc3446b1 li::before {
  background: var(--warning-color);
}

#css1d0ef3 .sc7ad9b7 .sc3446b1 li::before {
  background: var(--secondary);
}

#css1d0ef3 .sc2c909f {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

#css1d0ef3 .scddaf2f {
  margin-block-start: 0.85rem;
  padding-block: 0.9rem;
  padding-inline: 1rem;
  border-radius: 0.9rem;
  background: linear-gradient(90deg, var(--info-bg) 0%, var(--accent-bg) 100%);
  color: var(--accent-dark);
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.55;
}

#css1d0ef3 .sc0f7790 {
  padding-block: 1.8rem;
  padding-inline: 1.5rem;
  border-radius: 1.5rem;
  background:
    linear-gradient(135deg, var(--secondary) 0%, var(--accent) 45%, var(--primary) 100%);
  color: var(--text-light);
  box-shadow: 0 1.1rem 2.2rem color-mix(in srgb, var(--accent-dark) 24%, transparent);
}

#css1d0ef3 .sc0f7790 .sc43cfcb {
  color: var(--text-light);
}

#css1d0ef3 .sc0f7790 .scbc825c {
  background: color-mix(in srgb, var(--white) 24%, transparent);
  color: var(--text-light);
  border: 1px solid color-mix(in srgb, var(--white) 40%, transparent);
}

#css1d0ef3 .sc0f7790 .sc1c1222 {
  color: color-mix(in srgb, var(--text-light) 90%, var(--neutral-150));
}

#css1d0ef3 .sc2e112d {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

#css1d0ef3 .sc7fd3be {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 8.5rem;
  padding: 1.2rem;
  border-radius: 1.15rem;
  text-align: center;
  background: color-mix(in srgb, var(--white) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--white) 35%, transparent);
  transition: transform 0.25s ease, background 0.25s ease;
}

#css1d0ef3 .sc7fd3be:hover {
  transform: translateY(-0.25rem);
  background: color-mix(in srgb, var(--white) 26%, transparent);
}

#css1d0ef3 .sc7fd3be i {
  font-size: 1.45rem;
  color: var(--text-light);
}

#css1d0ef3 .sc7a0653 {
  font-size: 0.92rem;
  line-height: 1.55;
  font-weight: 600;
  color: var(--text-light);
}

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

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

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

@media (max-width: 767.98px) {
  #css1d0ef3 {
    padding-block: 1.25rem 2.75rem;
  }

  #css1d0ef3 .sc6592bf {
    padding-block: 1.6rem;
    padding-inline: 1.2rem;
    border-radius: 1.25rem;
  }

  #css1d0ef3 .scc39a13 {
    max-width: none;
  }

  #css1d0ef3 .sc0bdc2b,
  #css1d0ef3 .sc575e4b,
  #css1d0ef3 .sc2c909f {
    grid-template-columns: minmax(0, 1fr);
  }

  #css1d0ef3 .scac387d,
  #css1d0ef3 .sc0f7790 {
    padding-block: 1.25rem;
    padding-inline: 1.15rem;
  }
}

html[dir="rtl"] #css1d0ef3 .sc3446b1 li::before {
  transform: rotate(-45deg);
}

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css899e40 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css899e40::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css899e40::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css899e40 .sc546353 {
        position: relative;
        z-index: 1;
      }

      #css899e40 .sc629774 {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css899e40 .sc629774:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css899e40 .sc46dc1c {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css899e40 .sc46dc1c::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css899e40 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css899e40 .sc8018e5 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css899e40 .sc8018e5 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css899e40 .sc8018e5 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css899e40 .sc8018e5 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css899e40 .sc8018e5 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css899e40 .sc750ba5 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css899e40 .sc750ba5 li {
        margin-bottom: 0.75rem;
      }

      #css899e40 .sc750ba5 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css899e40 .sc750ba5 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css899e40 .sc750ba5 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css899e40 .sc750ba5 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css899e40 .scc7617e {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css899e40 .scaf80de {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css899e40 .scaf80de:hover::before {
        width: 100%;
        height: 100%;
      }

      #css899e40 .scaf80de:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css899e40 .scaf80de:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css899e40 .scaf80de i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css899e40 .scaf80de:hover i {
        color: var(--text-light);
      }

      #css899e40 .sca732cd {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css899e40 .sca732cd::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css899e40 .sca5c452 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css899e40 .sca5c452:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css899e40 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css899e40 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css899e40 .sc629774 {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css899e40 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css899e40 .sc629774 {
          padding: 1.25rem;
        }

        #css899e40 .sc46dc1c {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css899e40 .sca732cd {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css899e40 .sca732cd .row > div {
          margin-bottom: 1rem;
        }

        #css899e40 .sca732cd span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css899e40 .scc7617e {
          justify-content: center;
        }
      }

#cssb0f0b9 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #cssb0f0b9::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #cssb0f0b9::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #cssb0f0b9 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #cssb0f0b9 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #cssb0f0b9 .scc8525d {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #cssb0f0b9 .sc8e9b05 {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #cssb0f0b9 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #cssb0f0b9 .sc48dbb3 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #cssb0f0b9 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #cssb0f0b9 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #cssb0f0b9 .sc3f616e {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #cssb0f0b9 .sc208068 {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #cssb0f0b9 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #cssb0f0b9 .scce3e03 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #cssb0f0b9 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #cssb0f0b9 .scdce3fb {
        display: flex;
      }

      #cssb0f0b9 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #cssb0f0b9 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #cssb0f0b9 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #cssb0f0b9 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #cssb0f0b9 .navbar-collapse {
          flex-basis: 100%;
        }

        #cssb0f0b9 .scce3e03 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #cssb0f0b9 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #cssb0f0b9 .scdce3fb {
          inline-size: 100%;
        }

        #cssb0f0b9 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #cssb0f0b9 .sc8e9b05 {
          max-inline-size: min(100%, 16rem);
        }

        #cssb0f0b9 .navbar-brand {
          font-size: 1.15rem;
        }

        #cssb0f0b9 .sc48dbb3 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #cssb0f0b9 .nav-link,
        #cssb0f0b9 .navbar-brand {
          transition: none;
        }

        #cssb0f0b9 .nav-link:hover {
          transform: none;
        }
      }

#cssb7af17 {
      --features-dir: 1;
      --features-reveal-shift: 0.75rem;
      background: linear-gradient(165deg, var(--background-tertiary) 0%, var(--background-primary) 45%, color-mix(in srgb, var(--accent-bg) 35%, var(--background-tertiary)) 100%);
      padding-block: clamp(3rem, 6vw, 5.5rem);
      padding-inline: 0;
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }

    [dir='rtl'] #cssb7af17 {
      --features-dir: -1;
    }

    #cssb7af17::before {
      content: '';
      position: absolute;
      inset-block-start: -20%;
      inset-inline-end: -15%;
      width: min(52rem, 90vw);
      height: min(52rem, 90vw);
      background: radial-gradient(circle at 30% 30%, var(--primary-bg) 0%, transparent 65%);
      opacity: 0.45;
      pointer-events: none;
      z-index: 0;
    }

    #cssb7af17::after {
      content: '';
      position: absolute;
      inset-block-end: -25%;
      inset-inline-start: -20%;
      width: min(48rem, 85vw);
      height: min(48rem, 85vw);
      background: radial-gradient(circle at 70% 70%, var(--secondary-bg) 0%, transparent 68%);
      opacity: 0.35;
      pointer-events: none;
      z-index: 0;
    }

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

    #cssb7af17 .scd7a581 {
      margin-block-end: clamp(2rem, 4vw, 3.5rem);
      padding-block-end: clamp(1.5rem, 3vw, 2.25rem);
      border-block-end: 1px solid var(--neutral-150);
    }

    #cssb7af17 .scf423a3 {
      display: inline-block;
      padding-block: 0.35rem;
      padding-inline: 0.9rem;
      border-radius: 999px;
      background: color-mix(in srgb, var(--primary) 12%, var(--background-tertiary));
      color: var(--primary-dark);
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: normal;
      margin-block-end: 1rem;
    }

    #cssb7af17 .scd3b8c6 {
      font-size: clamp(1.85rem, 3.4vw, 2.75rem);
      font-weight: 800;
      color: var(--text-primary);
      line-height: 1.15;
      margin-block-end: 0.85rem;
      max-width: 22ch;
    }

    #cssb7af17 .sc851b03 {
      font-size: 1.05rem;
      color: var(--text-secondary);
      line-height: 1.65;
      margin-block-end: 0;
      max-width: 38ch;
    }

    #cssb7af17 .sc0028ec {
      padding-block: 1rem;
      padding-inline: 1.15rem;
      border-radius: 1rem;
      border: 1px solid var(--neutral-150);
      background: color-mix(in srgb, var(--background-tertiary) 88%, var(--primary-bg));
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.5rem 1rem;
      max-width: 20rem;
    }

    #cssb7af17 .scf241bc {
      font-size: clamp(2rem, 4vw, 2.75rem);
      font-weight: 800;
      line-height: 1;
      color: var(--primary);
    }

    #cssb7af17 .sc2df12d {
      font-size: 0.95rem;
      color: var(--text-tertiary);
      line-height: 1.4;
      flex: 1 1 12rem;
    }

    #cssb7af17 .sccd1af1 {
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
      width: 0.35rem;
      border-radius: 999px;
      background: linear-gradient(to block-end, var(--primary), var(--accent), var(--secondary));
      opacity: 0.95;
    }

    #cssb7af17 .scab370a {
      --row-min: 16rem;
    }

    #cssb7af17 .sc7bd2b5 {
      position: relative;
      height: 100%;
      min-height: var(--row-min);
      padding-block: clamp(1.6rem, 3vw, 2.25rem);
      padding-inline: clamp(1.25rem, 2.5vw, 2rem);
      padding-inline-start: clamp(1.75rem, 3vw, 2.5rem);
      border-radius: 1.35rem;
      border: 1px solid var(--neutral-150);
      background: var(--background-tertiary);
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      overflow: hidden;
      transition: border-color 0.35s ease, background-color 0.35s ease, transform 0.35s ease;
      animation: featuresglowin_m4k8n2xp9q1w7 0.75s ease forwards;
      animation-delay: var(--tile-delay, 0s);
      opacity: 0;
    }

    #cssb7af17 .sc7bd2b5:hover {
      transform: translateY(-0.35rem);
    }

    #cssb7af17 .scdbf6e7:hover {
      border-color: color-mix(in srgb, var(--primary) 45%, var(--neutral-150));
      background: color-mix(in srgb, var(--background-tertiary) 92%, var(--primary-bg));
    }

    #cssb7af17 .sce01b11:hover {
      border-color: color-mix(in srgb, var(--accent) 45%, var(--neutral-150));
      background: color-mix(in srgb, var(--background-tertiary) 90%, var(--accent-bg));
    }

    #cssb7af17 .sc7e2f81:hover {
      border-color: color-mix(in srgb, var(--success-color) 40%, var(--neutral-150));
      background: color-mix(in srgb, var(--background-tertiary) 90%, var(--success-bg));
    }

    #cssb7af17 .sc9c5a11:hover {
      border-color: color-mix(in srgb, var(--secondary) 42%, var(--neutral-150));
      background: color-mix(in srgb, var(--background-tertiary) 90%, var(--secondary-bg));
    }

    #cssb7af17 .sc4a3c98 {
      --row-min: 19rem;
    }

    #cssb7af17 .scdbf6e7 .sccd1af1 {
      background: linear-gradient(to block-end, var(--primary), var(--primary-light));
    }

    #cssb7af17 .sce01b11 .sccd1af1 {
      background: linear-gradient(to block-end, var(--accent-dark), var(--accent-light));
    }

    #cssb7af17 .sc7e2f81 .sccd1af1 {
      background: linear-gradient(to block-end, var(--success-dark), var(--success-light));
    }

    #cssb7af17 .sc9c5a11 .sccd1af1 {
      background: linear-gradient(to block-end, var(--secondary-dark), var(--secondary-light));
    }

    #cssb7af17 .sce01b11 {
      background: linear-gradient(145deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-tertiary)) 100%);
    }

    #cssb7af17 .sc7e2f81 {
      background: linear-gradient(145deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--success-bg) 20%, var(--background-tertiary)) 100%);
    }

    #cssb7af17 .sc9c5a11 {
      background: linear-gradient(145deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--secondary-bg) 24%, var(--background-tertiary)) 100%);
    }

    #cssb7af17 .sc024ceb {
      font-size: clamp(2.5rem, 5vw, 3.5rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
      color: color-mix(in srgb, var(--text-primary) 18%, var(--neutral-250));
      margin-block-end: 0.25rem;
    }

    #cssb7af17 .scdbf6e7 .sc024ceb {
      color: color-mix(in srgb, var(--primary) 55%, var(--neutral-250));
    }

    #cssb7af17 .sce01b11 .sc024ceb {
      color: color-mix(in srgb, var(--accent-dark) 50%, var(--neutral-250));
    }

    #cssb7af17 .sc7e2f81 .sc024ceb {
      color: color-mix(in srgb, var(--success-dark) 50%, var(--neutral-250));
    }

    #cssb7af17 .sc9c5a11 .sc024ceb {
      color: color-mix(in srgb, var(--secondary-dark) 52%, var(--neutral-250));
    }

    #cssb7af17 .sc7bd2b5 h3 {
      font-size: clamp(1.15rem, 2vw, 1.45rem);
      font-weight: 700;
      color: var(--text-primary);
      margin: 0;
      line-height: 1.25;
    }

    #cssb7af17 .sc7bd2b5 p {
      margin: 0;
      color: var(--text-secondary);
      font-size: 0.98rem;
      line-height: 1.6;
      flex-grow: 1;
    }

    #cssb7af17 .sc4c6124 {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      margin-block-start: auto;
      font-weight: 700;
      font-size: 0.95rem;
      text-decoration: none;
      width: fit-content;
      transition: color 0.25s ease, transform 0.25s ease;
    }

    #cssb7af17 .sc4c6124::after {
      content: '';
      display: inline-block;
      width: 0.45rem;
      height: 0.45rem;
      border-block-start: 2px solid currentColor;
      border-inline-end: 2px solid currentColor;
      transform: rotate(45deg);
    }

    #cssb7af17 .scdbf6e7 .sc4c6124 {
      color: var(--primary-dark);
    }

    #cssb7af17 .scdbf6e7 .sc4c6124:hover {
      color: var(--primary);
      transform: translateX(calc(var(--features-dir) * 0.35rem));
    }

    #cssb7af17 .sce01b11 .sc4c6124 {
      color: var(--accent-dark);
    }

    #cssb7af17 .sce01b11 .sc4c6124:hover {
      color: var(--accent);
      transform: translateX(calc(var(--features-dir) * 0.35rem));
    }

    #cssb7af17 .sc7e2f81 .sc4c6124 {
      color: var(--success-dark);
    }

    #cssb7af17 .sc7e2f81 .sc4c6124:hover {
      color: var(--success-color);
      transform: translateX(calc(var(--features-dir) * 0.35rem));
    }

    #cssb7af17 .sc9c5a11 .sc4c6124 {
      color: var(--secondary-dark);
    }

    #cssb7af17 .sc9c5a11 .sc4c6124:hover {
      color: var(--secondary);
      transform: translateX(calc(var(--features-dir) * 0.35rem));
    }

    @keyframes featuresglowin_m4k8n2xp9q1w7 {
      from {
        opacity: 0;
        transform: translateY(var(--features-reveal-shift));
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #cssb7af17 .sc7bd2b5[data-tile='1'] {
      --tile-delay: 0.05s;
    }

    #cssb7af17 .sc7bd2b5[data-tile='2'] {
      --tile-delay: 0.15s;
    }

    #cssb7af17 .sc7bd2b5[data-tile='3'] {
      --tile-delay: 0.25s;
    }

    #cssb7af17 .sc7bd2b5[data-tile='4'] {
      --tile-delay: 0.35s;
    }

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

      #cssb7af17 .sc0028ec {
        max-width: none;
      }
    }

#css3f2403 {
            --content_rtl_x: 1;
            padding-block: clamp(3.5rem, 6vw, 6.5rem);
            padding-inline: 0;
            position: relative;
            overflow: hidden;
            background: linear-gradient(165deg, var(--background-primary) 0%, var(--background-secondary) 42%, var(--background-primary) 100%);
          }
    
          [dir='rtl'] #css3f2403 {
            --content_rtl_x: -1;
          }
    
          #css3f2403::before {
            content: '';
            position: absolute;
            inset-block-start: -18%;
            inset-inline-end: -8%;
            inline-size: min(52vw, 520px);
            block-size: min(52vw, 520px);
            border-radius: 50%;
            background: radial-gradient(circle at 30% 30%, rgba(var(--bs-accent-rgb), 0.18) 0%, rgba(var(--bs-accent-rgb), 0) 70%);
            pointer-events: none;
          }
    
          #css3f2403::after {
            content: '';
            position: absolute;
            inset-block-end: -22%;
            inset-inline-start: -12%;
            inline-size: min(60vw, 580px);
            block-size: min(42vw, 420px);
            border-radius: 40% 60% 55% 45%;
            background: linear-gradient(125deg, rgba(var(--bs-primary-rgb), 0.14) 0%, rgba(var(--bs-secondary-rgb), 0.1) 100%);
            pointer-events: none;
          }
    
          #css3f2403 .sc4aff89 {
            position: relative;
            z-index: 1;
            border-radius: 1.75rem;
            border: 1px solid var(--border-light);
            background: var(--background-tertiary);
            box-shadow: 0 24px 60px rgba(var(--bs-dark-rgb), 0.08);
            padding-block: clamp(1.75rem, 4vw, 3rem);
            padding-inline: clamp(1.25rem, 3vw, 2.75rem);
          }
    
          #css3f2403 .sc228e39 {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: clamp(1.75rem, 3vw, 2.75rem);
            align-items: start;
          }
    
          @media (min-width: 992px) {
            #css3f2403 .sc228e39 {
              grid-template-columns: minmax(0, 0.38fr) minmax(0, 0.62fr);
              gap: clamp(2rem, 3.5vw, 3.25rem);
            }
          }
    
          #css3f2403 .sc59ead7 {
            position: relative;
            padding: clamp(1.25rem, 2.5vw, 1.85rem);
            border-radius: 1.35rem;
            background: linear-gradient(160deg, rgba(var(--bs-primary-rgb), 0.08) 0%, rgba(var(--bs-accent-rgb), 0.06) 100%);
            border: 1px solid rgba(var(--bs-primary-rgb), 0.18);
          }
    
          @media (min-width: 992px) {
            #css3f2403 .sc59ead7 {
              position: sticky;
              inset-block-start: 1.5rem;
            }
          }
    
          #css3f2403 .sc59ead7 .badge {
            display: inline-block;
            padding-block: 0.4rem;
            padding-inline: 0.85rem;
            border-radius: 999px;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: normal;
            color: var(--text-light);
            background: linear-gradient(120deg, var(--primary) 0%, var(--accent) 100%);
            margin-block-end: 1rem;
          }
    
          #css3f2403 .sc59ead7 .sceb1d7f {
            font-weight: 900;
            letter-spacing: -0.02em;
            color: var(--text-primary);
            line-height: 1.15;
            margin-block-end: 0.85rem;
          }
    
          #css3f2403 .sc59ead7 .sce6ab0e {
            color: var(--text-secondary);
            line-height: 1.75;
            margin-block-end: 1.5rem;
            font-size: 1.02rem;
          }
    
          #css3f2403 .sc59ead7 .sc544742 {
            padding-block-start: 1.25rem;
            border-block-start: 1px solid rgba(var(--bs-primary-rgb), 0.16);
          }
    
          #css3f2403 .sc59ead7 .sc18a74c {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            inline-size: 100%;
            padding-block: 0.95rem;
            padding-inline: 1.25rem;
            border-radius: 0.85rem;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            text-decoration: none;
            color: var(--text-light);
            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 48%, var(--accent-dark) 100%);
            border: 1px solid rgba(var(--bs-primary-rgb), 0.35);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
          }
    
          #css3f2403 .sc59ead7 .sc18a74c:hover {
            transform: translateX(calc(var(--content_rtl_x) * 4px));
            box-shadow: 0 16px 36px rgba(var(--bs-primary-rgb), 0.28);
            color: var(--text-light);
          }
    
          #css3f2403 .sc59ead7 .sc18a74c i {
            font-size: 1.15rem;
            transition: transform 0.28s ease;
          }
    
          #css3f2403 .sc59ead7 .sc18a74c:hover i {
            transform: translateX(calc(var(--content_rtl_x) * 6px));
          }
    
          #css3f2403 .scffd119 {
            display: flex;
            flex-direction: column;
            gap: 0;
          }
    
          #css3f2403 .sc5b791f {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 1rem;
            padding-block: clamp(1.35rem, 2.4vw, 1.85rem);
            border-block-end: 1px solid var(--border-light);
          }
    
          @media (min-width: 576px) {
            #css3f2403 .sc5b791f {
              grid-template-columns: minmax(0, 88px) minmax(0, 1fr);
              gap: 1.25rem;
              align-items: start;
            }
          }
    
          #css3f2403 .sc5b791f:last-child {
            border-block-end: none;
            padding-block-end: 0;
          }
    
          #css3f2403 .sc5b791f:first-child {
            padding-block-start: 0;
          }
    
          #css3f2403 .sc8766f7 {
            inline-size: 72px;
            block-size: 72px;
            border-radius: 1.1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.65rem;
            color: var(--primary-dark);
            background: var(--background-primary);
            border: 1px solid rgba(var(--bs-primary-rgb), 0.22);
            box-shadow: inset 0 1px 0 rgba(var(--bs-primary-rgb), 0.12);
          }
    
          #css3f2403 .sc8a7a30 {
            position: relative;
            padding-block-start: 0.15rem;
          }
    
          @media (min-width: 576px) {
            #css3f2403 .sc8a7a30 {
              border-inline-start: 1px solid rgba(var(--bs-accent-rgb), 0.2);
              padding-inline-start: 1.35rem;
            }
          }
    
          #css3f2403 .sc8a7a30::before {
            content: '';
            position: absolute;
            inset-inline-start: 0;
            inset-block-start: 0.35rem;
            inline-size: 5px;
            block-size: 2.5rem;
            border-radius: 999px;
            background: linear-gradient(180deg, var(--accent) 0%, var(--primary) 100%);
            opacity: 0.95;
          }
    
          @media (max-width: 575.98px) {
            #css3f2403 .sc8a7a30::before {
              display: none;
            }
          }
    
          #css3f2403 .sc71e893 {
            font-weight: 800;
            letter-spacing: -0.015em;
            color: var(--text-primary);
            margin-block-end: 0.55rem;
          }
    
          #css3f2403 .scf7423e {
            color: var(--text-secondary);
            line-height: 1.8;
            margin-block-end: 0;
            font-size: 1.02rem;
          }
    
          #css3f2403 .sced1820 {
            margin-block-start: 1.5rem;
          }
    
          @media (min-width: 992px) {
            #css3f2403 .sced1820 {
              display: none;
            }
          }

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

      #css263008 {
        --cv4-dir: 1;
        position: relative;
        overflow: clip;
        padding-block: clamp(4rem, 8vw, 7.5rem);
        padding-inline: clamp(1rem, 4vw, 2.25rem);
        background: radial-gradient(ellipse 120% 80% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 55%),
          linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--background-secondary) 65%, var(--background-primary)) 48%, var(--background-primary) 100%);
      }

      [dir='rtl'] #css263008 {
        --cv4-dir: -1;
      }

      #css263008 .sc95f65a {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        inline-size: min(52%, 640px);
        block-size: 100%;
        pointer-events: none;
        background: linear-gradient(200deg, color-mix(in srgb, var(--primary) 14%, transparent) 0%, transparent 70%);
        opacity: 0.9;
      }

      #css263008 .scc5717f {
        position: relative;
        z-index: 1;
        max-width: 1180px;
        margin-inline: auto;
      }

      #css263008 .sc079ec6 {
        padding-block: clamp(1.75rem, 3vw, 2.75rem);
        padding-inline: clamp(1.35rem, 2.5vw, 2rem);
        border-radius: 1.5rem;
        border: 1px solid var(--border-light);
        background: linear-gradient(145deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--background-tertiary) 88%, var(--primary-bg)) 100%);
        box-shadow: 0 28px 70px rgba(var(--bs-dark-rgb), 0.08);
        animation: editorialfade_qw8rk3pmzh92 0.85s ease-out forwards;
      }

      #css263008 .sc8fc2b4 {
        inline-size: 4px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
        flex-shrink: 0;
      }

      #css263008 .sc14b19a {
        display: flex;
        gap: clamp(1rem, 2vw, 1.5rem);
        align-items: start;
      }

      #css263008 .sce7757b {
        display: inline-block;
        white-space: normal;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--primary-dark);
        margin-block-end: 0.85rem;
      }

      #css263008 .sc44938e {
        color: var(--text-primary);
        font-size: clamp(2rem, 3.5vw, 2.85rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.02em;
        margin-block-end: 1rem;
      }

      #css263008 .sc71e996 {
        color: var(--text-secondary);
        font-size: 1.06rem;
        line-height: 1.75;
        margin-block-end: 0;
        max-inline-size: 42ch;
      }

      #css263008 .sc1c4c9e {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1rem, 2vw, 1.35rem);
      }

      #css263008 .sce5b969 {
        display: flex;
        flex-direction: column;
        min-block-size: 100%;
        padding-block: clamp(1.65rem, 2.5vw, 2.15rem);
        padding-inline: clamp(1.35rem, 2.5vw, 1.85rem);
        border-radius: 1.35rem;
        border: 1px solid var(--border-light);
        background-color: var(--background-tertiary);
        box-shadow: 0 18px 48px rgba(var(--bs-dark-rgb), 0.06);
        animation: editorialfade_qw8rk3pmzh92 0.85s ease-out forwards;
        opacity: 0;
      }

      #css263008 .sce5b969:nth-child(1) {
        animation-delay: 0.08s;
      }

      #css263008 .sce5b969:nth-child(2) {
        animation-delay: 0.16s;
      }

      #css263008 .sce5b969:nth-child(3) {
        animation-delay: 0.24s;
      }

      #css263008 .sc17b1f1 {
        grid-column: 1 / -1;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: start;
        gap: clamp(1rem, 2vw, 1.75rem);
        background: linear-gradient(135deg, color-mix(in srgb, var(--background-tertiary) 92%, var(--accent-bg)) 0%, var(--background-tertiary) 55%);
      }

      #css263008 .sc93a0dc {
        flex: 1 1 minmax(0, 320px);
      }

      #css263008 .sc033f7e {
        flex: 1 1 minmax(0, 260px);
        padding-inline-start: clamp(0rem, 1vw, 1rem);
        border-inline-start: 1px solid var(--border-light);
      }

      #css263008 .scd2f3b8 {
        white-space: normal;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--accent-dark);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        margin-block-end: 0.65rem;
      }

      #css263008 .scccf4ee {
        color: var(--text-primary);
        font-size: clamp(1.15rem, 2vw, 1.45rem);
        font-weight: 700;
        line-height: 1.22;
        margin-block-end: 0.85rem;
      }

      #css263008 .sc8815dc {
        color: var(--text-secondary);
        font-size: 0.98rem;
        line-height: 1.72;
        margin-block-end: 1.35rem;
        flex-grow: 1;
      }

      #css263008 .sc17b1f1 .sc8815dc {
        margin-block-end: 0;
      }

      #css263008 .sc843173 {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        margin-block-start: auto;
        padding-block: 0.62rem;
        padding-inline: 0;
        font-size: 0.88rem;
        font-weight: 600;
        color: var(--primary);
        text-decoration: none;
        border-block-end: 2px solid color-mix(in srgb, var(--primary) 55%, transparent);
        transition: color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
      }

      #css263008 .sc843173:hover {
        color: var(--primary-dark);
        border-block-end-color: var(--primary);
        gap: 0.85rem;
      }

      #css263008 .sc843173:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: 4px;
      }

      #css263008 .sc70dc11 {
        display: inline-block;
        inline-size: 0.55rem;
        block-size: 0.55rem;
        border-block-start: 2px solid currentColor;
        border-inline-end: 2px solid currentColor;
        transform: rotate(45deg) translateX(calc(var(--cv4-dir) * 0px));
        transition: transform 0.25s ease;
      }

      #css263008 .sc843173:hover .sc70dc11 {
        transform: rotate(45deg) translateX(calc(var(--cv4-dir) * 5px));
      }

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

        #css263008 .sc033f7e {
          padding-inline-start: 0;
          border-inline-start: none;
          padding-block-start: 1rem;
          border-block-start: 1px solid var(--border-light);
        }
      }

      @media (max-width: 767.98px) {
        #css263008 .sc1c4c9e {
          grid-template-columns: minmax(0, 1fr);
        }

        #css263008 .sc17b1f1 {
          grid-column: auto;
        }

        #css263008 .sc14b19a {
          flex-direction: column;
        }

        #css263008 .sc8fc2b4 {
          inline-size: 100%;
          block-size: 4px;
        }
      }

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css0aa180 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css0aa180::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css0aa180::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css0aa180 .scd39dd1 {
        position: relative;
        z-index: 1;
      }

      #css0aa180 .sc0621cc {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css0aa180 .sc0621cc:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css0aa180 .sc6af1de {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css0aa180 .sc6af1de::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css0aa180 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css0aa180 .sc93e2a0 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css0aa180 .sc93e2a0 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css0aa180 .sc93e2a0 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css0aa180 .sc93e2a0 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css0aa180 .sc93e2a0 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css0aa180 .scdd8854 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css0aa180 .scdd8854 li {
        margin-bottom: 0.75rem;
      }

      #css0aa180 .scdd8854 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css0aa180 .scdd8854 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css0aa180 .scdd8854 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css0aa180 .scdd8854 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css0aa180 .scb8c960 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css0aa180 .sc67adb8 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css0aa180 .sc67adb8:hover::before {
        width: 100%;
        height: 100%;
      }

      #css0aa180 .sc67adb8:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css0aa180 .sc67adb8:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css0aa180 .sc67adb8 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css0aa180 .sc67adb8:hover i {
        color: var(--text-light);
      }

      #css0aa180 .scf9c670 {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css0aa180 .scf9c670::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css0aa180 .sc00fd18 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css0aa180 .sc00fd18:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css0aa180 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css0aa180 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css0aa180 .sc0621cc {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css0aa180 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css0aa180 .sc0621cc {
          padding: 1.25rem;
        }

        #css0aa180 .sc6af1de {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css0aa180 .scf9c670 {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css0aa180 .scf9c670 .row > div {
          margin-bottom: 1rem;
        }

        #css0aa180 .scf9c670 span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css0aa180 .scb8c960 {
          justify-content: center;
        }
      }

#css836be5 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css836be5::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css836be5::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css836be5 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css836be5 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css836be5 .sc2abd25 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css836be5 .scc758c8 {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css836be5 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css836be5 .sca082b7 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css836be5 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css836be5 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css836be5 .sc2d2863 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css836be5 .sc0b3577 {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css836be5 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css836be5 .sc61a093 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css836be5 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css836be5 .sc73a7d4 {
        display: flex;
      }

      #css836be5 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css836be5 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css836be5 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css836be5 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css836be5 .navbar-collapse {
          flex-basis: 100%;
        }

        #css836be5 .sc61a093 {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css836be5 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css836be5 .sc73a7d4 {
          inline-size: 100%;
        }

        #css836be5 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css836be5 .scc758c8 {
          max-inline-size: min(100%, 16rem);
        }

        #css836be5 .navbar-brand {
          font-size: 1.15rem;
        }

        #css836be5 .sca082b7 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css836be5 .nav-link,
        #css836be5 .navbar-brand {
          transition: none;
        }

        #css836be5 .nav-link:hover {
          transform: none;
        }
      }

@keyframes terms_slashin_k8x2qm4np7vwd {
  from {
    opacity: 0;
    transform: translateY(1.25rem) skewY(1.5deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) skewY(0);
  }
}

@keyframes terms_glowpulse_r3h9jt5wb6cya {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

@keyframes terms_barslide_p2m7xq9kd4nfe {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

#cssb43f07 {
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--warning-bg) 28%, var(--background-primary)) 0%,
      var(--background-primary) 28%,
      color-mix(in srgb, var(--info-bg) 18%, var(--background-primary)) 62%,
      color-mix(in srgb, var(--secondary-bg) 16%, var(--background-primary)) 100%
    );
  color: var(--text-primary);
  min-height: 100vh;
  padding-block-end: 4.5rem;
  position: relative;
  overflow-x: clip;
}

#cssb43f07::before {
  content: '';
  position: absolute;
  inset-inline-end: -8%;
  inset-block-start: -4%;
  width: min(52vw, 560px);
  height: min(52vw, 560px);
  border-radius: 40% 60% 55% 45%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--warning-color) 35%, transparent) 0%,
    color-mix(in srgb, var(--accent-bg) 22%, transparent) 42%,
    transparent 72%
  );
  pointer-events: none;
  z-index: 0;
  animation: terms_glowpulse_r3h9jt5wb6cya 7s ease-in-out infinite;
}

#cssb43f07::after {
  content: '';
  position: absolute;
  inset-inline-start: -12%;
  inset-block-end: 8%;
  width: min(48vw, 480px);
  height: min(48vw, 480px);
  border-radius: 55% 45% 40% 60%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--secondary-bg) 40%, transparent) 0%,
    color-mix(in srgb, var(--primary-bg) 25%, transparent) 48%,
    transparent 74%
  );
  pointer-events: none;
  z-index: 0;
}

#cssb43f07 .sc1e1b82 {
  position: relative;
  z-index: 1;
  padding-block: clamp(2.75rem, 6vw, 4.75rem) clamp(2rem, 4vw, 3rem);
}

#cssb43f07 .scdb2a12 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    125deg,
    var(--primary-dark) 0%,
    var(--accent) 38%,
    var(--secondary) 68%,
    var(--warning-color) 100%
  );
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
  padding-block: clamp(2.5rem, 5.5vw, 4rem) clamp(3.25rem, 7vw, 5.25rem);
  padding-inline: clamp(1.25rem, 4vw, 2.75rem);
  box-shadow: 0 28px 60px color-mix(in srgb, var(--primary-dark) 28%, transparent);
}

#cssb43f07 .scdb2a12::before {
  content: '';
  position: absolute;
  inset-inline-end: -5%;
  inset-block-start: -20%;
  width: 42%;
  height: 140%;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--info-color) 45%, transparent) 0%,
    transparent 70%
  );
  transform: rotate(18deg);
  pointer-events: none;
}

#cssb43f07 .scdb2a12::after {
  content: '';
  position: absolute;
  inset-inline-start: 8%;
  inset-block-end: 12%;
  width: 7rem;
  height: 0.45rem;
  background: var(--warning-bg);
  transform-origin: center start;
  animation: terms_barslide_p2m7xq9kd4nfe 0.7s ease-out 0.2s backwards;
}

#cssb43f07 .sc731552 {
  position: relative;
  z-index: 1;
  max-width: 46rem;
}

#cssb43f07 .sc731552 h1 {
  font-size: clamp(2.15rem, 6vw, 3.65rem);
  font-weight: 900;
  color: var(--text-light);
  margin-block-end: 1rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

#cssb43f07 .scca9723 {
  font-size: clamp(1rem, 2.2vw, 1.15rem);
  color: color-mix(in srgb, var(--text-light) 88%, var(--info-bg));
  max-width: 36rem;
  margin-block-end: 1.35rem;
  line-height: 1.7;
}

#cssb43f07 .sc903e34 {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-light);
  border-block-end: 3px solid var(--warning-bg);
  padding-block-end: 0.2rem;
  margin-block-end: 0;
}

#cssb43f07 .scec8b84 {
  position: relative;
  z-index: 1;
  margin-block-start: -1.5rem;
}

#cssb43f07 .sc98727e {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

#cssb43f07 .scdcec23 {
  position: relative;
  background: color-mix(in srgb, var(--background-tertiary) 92%, var(--warning-bg));
  padding-block: clamp(1.35rem, 3vw, 1.85rem);
  padding-inline: clamp(1.15rem, 3vw, 1.85rem) clamp(1.15rem, 3vw, 2rem);
  border-inline-start: 0.55rem solid var(--warning-color);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--neutral-950) 8%, transparent);
  animation: terms_slashin_k8x2qm4np7vwd 0.55s ease-out backwards;
}

#cssb43f07 .scdcec23:nth-child(4n + 2) {
  background: color-mix(in srgb, var(--background-tertiary) 90%, var(--accent-bg));
  border-inline-start-color: var(--accent);
}

#cssb43f07 .scdcec23:nth-child(4n + 3) {
  background: color-mix(in srgb, var(--background-tertiary) 90%, var(--secondary-bg));
  border-inline-start-color: var(--secondary);
}

#cssb43f07 .scdcec23:nth-child(4n + 4) {
  background: color-mix(in srgb, var(--background-tertiary) 88%, var(--info-bg));
  border-inline-start-color: var(--info-dark);
}

#cssb43f07 .scdcec23:nth-child(1) {
  animation-delay: 0.05s;
}
#cssb43f07 .scdcec23:nth-child(2) {
  animation-delay: 0.09s;
}
#cssb43f07 .scdcec23:nth-child(3) {
  animation-delay: 0.13s;
}
#cssb43f07 .scdcec23:nth-child(4) {
  animation-delay: 0.17s;
}
#cssb43f07 .scdcec23:nth-child(5) {
  animation-delay: 0.21s;
}
#cssb43f07 .scdcec23:nth-child(6) {
  animation-delay: 0.25s;
}
#cssb43f07 .scdcec23:nth-child(7) {
  animation-delay: 0.29s;
}
#cssb43f07 .scdcec23:nth-child(8) {
  animation-delay: 0.33s;
}
#cssb43f07 .scdcec23:nth-child(9) {
  animation-delay: 0.37s;
}
#cssb43f07 .scdcec23:nth-child(10) {
  animation-delay: 0.41s;
}
#cssb43f07 .scdcec23:nth-child(11) {
  animation-delay: 0.45s;
}
#cssb43f07 .scdcec23:nth-child(12) {
  animation-delay: 0.49s;
}
#cssb43f07 .scdcec23:nth-child(13) {
  animation-delay: 0.53s;
}
#cssb43f07 .scdcec23:nth-child(14) {
  animation-delay: 0.57s;
}
#cssb43f07 .scdcec23:nth-child(15) {
  animation-delay: 0.61s;
}
#cssb43f07 .scdcec23:nth-child(16) {
  animation-delay: 0.65s;
}
#cssb43f07 .scdcec23:nth-child(17) {
  animation-delay: 0.69s;
}

#cssb43f07 .scdcec23 h2 {
  font-size: clamp(1.15rem, 2.4vw, 1.4rem);
  font-weight: 800;
  color: var(--text-primary);
  margin-block-end: 0.85rem;
  line-height: 1.25;
  letter-spacing: -0.015em;
  padding-block-end: 0.65rem;
  border-block-end: 2px solid color-mix(in srgb, var(--warning-color) 35%, var(--neutral-150));
}

#cssb43f07 .scdcec23:nth-child(4n + 2) h2 {
  border-block-end-color: color-mix(in srgb, var(--accent) 40%, var(--neutral-150));
}

#cssb43f07 .scdcec23:nth-child(4n + 3) h2 {
  border-block-end-color: color-mix(in srgb, var(--secondary) 40%, var(--neutral-150));
}

#cssb43f07 .scdcec23:nth-child(4n + 4) h2 {
  border-block-end-color: color-mix(in srgb, var(--info-dark) 40%, var(--neutral-150));
}

#cssb43f07 .scdcec23 p,
#cssb43f07 .scdcec23 li {
  font-size: 0.96rem;
  color: var(--text-secondary);
  line-height: 1.72;
  margin-block-end: 0.65rem;
}

#cssb43f07 .scdcec23 p:last-child,
#cssb43f07 .scdcec23 li:last-child {
  margin-block-end: 0;
}

#cssb43f07 .scdcec23 ul {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

#cssb43f07 .scdcec23 ul li {
  margin-block-end: 0;
  padding-inline-start: 1.35rem;
  position: relative;
}

#cssb43f07 .scdcec23 ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.55em;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--warning-color);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

#cssb43f07 .scdcec23:nth-child(4n + 2) ul li::before {
  background: var(--accent);
}

#cssb43f07 .scdcec23:nth-child(4n + 3) ul li::before {
  background: var(--secondary);
}

#cssb43f07 .scdcec23:nth-child(4n + 4) ul li::before {
  background: var(--info-dark);
}

#cssb43f07 .scf63a2f {
  margin-block-start: 0.85rem;
  background: linear-gradient(
    135deg,
    var(--primary-dark) 0%,
    var(--accent-dark) 45%,
    var(--secondary-dark) 100%
  );
  border-inline-start: 0.55rem solid var(--warning-bg);
  color: var(--text-light);
  padding-block: clamp(1.6rem, 3.5vw, 2.25rem);
  padding-inline: clamp(1.15rem, 3vw, 1.85rem) clamp(1.15rem, 3vw, 2rem);
  box-shadow: 0 22px 48px color-mix(in srgb, var(--primary-dark) 32%, transparent);
  animation: terms_slashin_k8x2qm4np7vwd 0.55s ease-out 0.72s backwards;
}

#cssb43f07 .scf63a2f h2 {
  color: var(--text-light);
  border-block-end-color: color-mix(in srgb, var(--warning-bg) 55%, var(--text-light));
  margin-block-end: 1.15rem;
}

#cssb43f07 .sc2159ee {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

#cssb43f07 .scbaf441 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 1rem;
  padding-inline: 0.95rem;
  background: color-mix(in srgb, var(--text-light) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
  font-size: 0.94rem;
  line-height: 1.5;
  color: var(--text-light);
}

#cssb43f07 .scbaf441 i {
  color: var(--warning-bg);
  margin-block-start: 0.15rem;
  width: 1.25rem;
  min-width: 1.25rem;
  font-size: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  #cssb43f07 .scdb2a12 {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  }

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

  #cssb43f07 .scdcec23 {
    border-inline-start-width: 0.4rem;
  }
}

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css137840 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css137840::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css137840::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css137840 .scd75b52 {
        position: relative;
        z-index: 1;
      }

      #css137840 .sc43f630 {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css137840 .sc43f630:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css137840 .sc065ffd {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css137840 .sc065ffd::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css137840 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css137840 .scf30eb6 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css137840 .scf30eb6 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css137840 .scf30eb6 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css137840 .scf30eb6 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css137840 .scf30eb6 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css137840 .sc7e9411 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css137840 .sc7e9411 li {
        margin-bottom: 0.75rem;
      }

      #css137840 .sc7e9411 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css137840 .sc7e9411 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css137840 .sc7e9411 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css137840 .sc7e9411 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css137840 .sc6fb405 {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css137840 .scce078f {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css137840 .scce078f:hover::before {
        width: 100%;
        height: 100%;
      }

      #css137840 .scce078f:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css137840 .scce078f:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css137840 .scce078f i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css137840 .scce078f:hover i {
        color: var(--text-light);
      }

      #css137840 .sc7671fc {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css137840 .sc7671fc::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css137840 .sc8be77a {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css137840 .sc8be77a:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css137840 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css137840 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css137840 .sc43f630 {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css137840 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css137840 .sc43f630 {
          padding: 1.25rem;
        }

        #css137840 .sc065ffd {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css137840 .sc7671fc {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css137840 .sc7671fc .row > div {
          margin-bottom: 1rem;
        }

        #css137840 .sc7671fc span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css137840 .sc6fb405 {
          justify-content: center;
        }
      }

#css9c0c76 {
        position: relative;
        background: linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-primary) 100%);
        border-block-end: 1px solid var(--neutral-150);
      }

      #css9c0c76::before {
        content: '';
        display: block;
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #css9c0c76::after {
        content: '';
        position: absolute;
        inset-block-start: 5px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        block-size: 1px;
        background: linear-gradient(90deg, var(--background-primary), color-mix(in srgb, var(--primary) 55%, var(--background-primary)), var(--background-primary));
        opacity: 0.85;
        pointer-events: none;
      }

      #css9c0c76 .navbar {
        position: relative;
        z-index: 1;
        padding-block: 1.15rem;
        padding-inline: 0;
      }

      #css9c0c76 .navbar .container {
        position: relative;
        padding-block: 0.85rem;
        padding-inline: 1.25rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, var(--background-primary));
      }

      #css9c0c76 .sc41d5b5 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }

      #css9c0c76 .scd2ec9b {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.35rem;
        max-inline-size: min(100%, 22rem);
        padding-inline-start: 1rem;
        border-inline-start: 4px solid var(--primary);
      }

      #css9c0c76 .navbar-brand {
        margin: 0;
        padding: 0;
        font-size: 1.35rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        color: var(--text-primary) !important;
        white-space: normal;
        transition: color 0.25s ease;
      }

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

      #css9c0c76 .sc3b1ea4 {
        margin: 0;
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text-tertiary);
      }

      #css9c0c76 .navbar-toggler {
        border-radius: 0.75rem;
        padding-block: 0.55rem;
        padding-inline: 0.65rem;
        border: 1px solid var(--neutral-150);
        background: var(--background-primary);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-light) 65%, var(--background-primary));
      }

      #css9c0c76 .navbar-toggler:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--primary) 55%, var(--background-tertiary));
        outline-offset: 2px;
      }

      #css9c0c76 .sc01c0e9 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        inline-size: 1.65rem;
      }

      #css9c0c76 .sceaef06 {
        display: block;
        block-size: 2px;
        border-radius: 999px;
        background: var(--text-primary);
      }

      #css9c0c76 .navbar-collapse {
        flex-grow: 1;
        justify-content: end;
      }

      #css9c0c76 .scaa0bdd {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--neutral-150) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
      }

      #css9c0c76 .navbar-nav {
        align-items: center;
        gap: 0.35rem;
      }

      #css9c0c76 .sce8595b {
        display: flex;
      }

      #css9c0c76 .nav-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary) !important;
        font-weight: 600;
        font-size: 0.95rem;
        padding-block: 0.55rem;
        padding-inline: 1rem;
        border-radius: 999px;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        word-break: auto-phrase;
        overflow: hidden;
      }

      #css9c0c76 .nav-link:hover {
        color: var(--text-light) !important;
        background: linear-gradient(135deg, var(--primary), var(--accent-dark));
        box-shadow: 0 10px 22px color-mix(in srgb, var(--primary-dark) 28%, var(--background-primary));
        transform: translateY(-1px);
      }

      #css9c0c76 .nav-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--accent) 65%, var(--background-tertiary));
        outline-offset: 2px;
      }

      @media (max-width: 991.98px) {
        #css9c0c76 .navbar .container {
          padding-block: 0.85rem;
          padding-inline: 1rem;
        }

        #css9c0c76 .navbar-collapse {
          flex-basis: 100%;
        }

        #css9c0c76 .scaa0bdd {
          inline-size: 100%;
          border-radius: 1rem;
          justify-content: center;
          margin-block-start: 0.75rem;
          padding: 0.65rem;
        }

        #css9c0c76 .navbar-nav {
          inline-size: 100%;
          flex-direction: column;
          align-items: stretch;
        }

        #css9c0c76 .sce8595b {
          inline-size: 100%;
        }

        #css9c0c76 .nav-link {
          text-align: center;
          inline-size: 100%;
        }
      }

      @media (max-width: 575.98px) {
        #css9c0c76 .scd2ec9b {
          max-inline-size: min(100%, 16rem);
        }

        #css9c0c76 .navbar-brand {
          font-size: 1.15rem;
        }

        #css9c0c76 .sc3b1ea4 {
          font-size: 0.8rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #css9c0c76 .nav-link,
        #css9c0c76 .navbar-brand {
          transition: none;
        }

        #css9c0c76 .nav-link:hover {
          transform: none;
        }
      }

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

      @keyframes thankyouwobble_r5t9v2y6z8ab {
        0%,
        100% {
          transform: rotate(-6deg) scale(1);
        }
        50% {
          transform: rotate(-6deg) scale(1.05);
        }
      }

      @keyframes thankyoubob_j4c7d1e9f3gh {
        0%,
        100% {
          transform: translateY(0) rotate(14deg);
        }
        50% {
          transform: translateY(-0.5rem) rotate(14deg);
        }
      }

      #css63f320 {
        --thank-you-page-ink: var(--neutral-1050);
        position: relative;
        min-height: 100dvh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-block: clamp(2rem, 7vw, 4.5rem);
        padding-inline: clamp(1rem, 4vw, 2rem);
        background:
          radial-gradient(circle at 8% 22%, color-mix(in srgb, var(--danger-bg) 70%, transparent) 0%, transparent 30%),
          radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--accent-bg) 65%, transparent) 0%, transparent 28%),
          radial-gradient(circle at 84% 82%, color-mix(in srgb, var(--secondary-bg) 60%, transparent) 0%, transparent 32%),
          linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--background-primary) 72%, color-mix(in srgb, var(--info-bg) 40%, var(--background-primary)) 100%);
      }

      #css63f320 .scb117f4 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0.32;
        background-image: radial-gradient(circle, color-mix(in srgb, var(--thank-you-page-ink) 20%, transparent) 1px, transparent 1px);
        background-size: 0.5rem 0.5rem;
        mask-image: linear-gradient(180deg, var(--white), color-mix(in srgb, var(--white) 15%, transparent));
      }

      #css63f320 .sca3b11c {
        position: absolute;
        inset-block-start: 0;
        inset-inline: 0;
        height: clamp(2.5rem, 8vw, 4rem);
        pointer-events: none;
        background: repeating-linear-gradient(
          90deg,
          var(--danger-color) 0,
          var(--danger-color) 1.25rem,
          var(--warning-bg) 1.25rem,
          var(--warning-bg) 2.5rem,
          var(--accent) 2.5rem,
          var(--accent) 3.75rem,
          var(--secondary) 3.75rem,
          var(--secondary) 5rem
        );
        border-block-end: 0.28rem solid var(--thank-you-page-ink);
      }

      #css63f320 .scd9e51f {
        position: absolute;
        pointer-events: none;
        border: 0.24rem solid var(--thank-you-page-ink);
        box-shadow: 0.35rem 0.35rem 0 color-mix(in srgb, var(--thank-you-page-ink) 80%, transparent);
      }

      #css63f320 .sc07e415 {
        width: clamp(3.5rem, 9vw, 5rem);
        height: clamp(3.5rem, 9vw, 5rem);
        inset-block-start: 18%;
        inset-inline-start: 5%;
        border-radius: 50%;
        background: var(--info-bg);
        animation: thankyoubob_j4c7d1e9f3gh 4.2s ease-in-out infinite;
      }

      #css63f320 .scf7a7a0 {
        width: clamp(4rem, 11vw, 6.5rem);
        height: clamp(1.2rem, 3vw, 1.75rem);
        inset-block-end: 20%;
        inset-inline-end: 6%;
        background: var(--primary-light);
        transform: rotate(-18deg);
      }

      #css63f320 .sca336c5 {
        width: clamp(2.75rem, 7vw, 4rem);
        height: clamp(2.75rem, 7vw, 4rem);
        inset-block-start: 10%;
        inset-inline-end: 10%;
        background: var(--success-bg);
        transform: rotate(22deg);
      }

      #css63f320 .scbfeae2 {
        position: relative;
        z-index: 1;
        width: min(100%, 44rem);
        animation: thankyourise_m8k3n7p2xq4w 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      #css63f320 .sc70cc45 {
        position: relative;
        padding: clamp(2rem, 5vw, 3.25rem);
        border: 0.32rem solid var(--thank-you-page-ink);
        background: var(--background-tertiary);
        box-shadow: 0.85rem 0.85rem 0 var(--thank-you-page-ink);
        text-align: center;
      }

      #css63f320 .scfd279c {
        position: absolute;
        width: 1.35rem;
        height: 1.35rem;
        background: var(--warning-color);
        border: 0.22rem solid var(--thank-you-page-ink);
      }

      #css63f320 .sc90b7c7 {
        inset-block-start: -0.55rem;
        inset-inline-start: -0.55rem;
      }

      #css63f320 .sc6cbf2d {
        inset-block-end: -0.55rem;
        inset-inline-end: -0.55rem;
        background: var(--accent);
      }

      #css63f320 .sc6fb36c {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(1.25rem, 3vw, 1.75rem);
      }

      #css63f320 .sc5156ea {
        position: relative;
        width: clamp(8.5rem, 24vw, 11rem);
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      #css63f320 .scf8934f {
        position: absolute;
        inset: -12%;
        background: conic-gradient(
          from 0deg,
          var(--warning-bg) 0deg 18deg,
          transparent 18deg 36deg,
          var(--danger-bg) 36deg 54deg,
          transparent 54deg 72deg,
          var(--accent-bg) 72deg 90deg,
          transparent 90deg 108deg,
          var(--secondary-bg) 108deg 126deg,
          transparent 126deg 144deg,
          var(--primary-bg) 144deg 162deg,
          transparent 162deg 180deg,
          var(--warning-bg) 180deg 198deg,
          transparent 198deg 216deg,
          var(--danger-bg) 216deg 234deg,
          transparent 234deg 252deg,
          var(--accent-bg) 252deg 270deg,
          transparent 270deg 288deg,
          var(--secondary-bg) 288deg 306deg,
          transparent 306deg 324deg,
          var(--primary-bg) 324deg 342deg,
          transparent 342deg 360deg
        );
        border: 0.24rem solid var(--thank-you-page-ink);
        border-radius: 50%;
        animation: thankyouwobble_r5t9v2y6z8ab 2.6s ease-in-out infinite;
      }

      #css63f320 .scd81baf {
        position: relative;
        z-index: 1;
        width: 72%;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145deg, var(--secondary) 0%, var(--secondary-light) 100%);
        border: 0.3rem solid var(--thank-you-page-ink);
        clip-path: polygon(50% 0%, 61% 18%, 82% 12%, 78% 34%, 98% 42%, 80% 58%, 88% 82%, 64% 74%, 50% 92%, 36% 74%, 12% 82%, 20% 58%, 2% 42%, 22% 34%, 18% 12%, 39% 18%);
        box-shadow: 0.45rem 0.45rem 0 var(--secondary-dark);
      }

      #css63f320 .scdd9e97 {
        font-size: clamp(2.75rem, 8vw, 3.75rem);
        line-height: 1;
        color: var(--text-light);
      }

      #css63f320 .sccb1d85 {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.1rem;
        border: 0.2rem solid var(--thank-you-page-ink);
        box-shadow: 0.28rem 0.28rem 0 var(--thank-you-page-ink);
      }

      #css63f320 .sc8c5f49 {
        inset-block-start: 0;
        inset-inline-end: -0.25rem;
        background: var(--warning-bg);
        color: var(--warning-dark);
        transform: rotate(10deg);
      }

      #css63f320 .sc0067a4 {
        inset-block-end: 4%;
        inset-inline-start: -0.5rem;
        background: var(--info-bg);
        color: var(--info-dark);
        transform: rotate(-14deg);
      }

      #css63f320 .scadd518 {
        margin: 0;
        padding: 0.35rem 0.85rem;
        font-size: clamp(1.85rem, 5.5vw, 3rem);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -0.02em;
        color: var(--text-primary);
        text-wrap: balance;
        word-break: normal;
        background: var(--warning-bg);
        border: 0.24rem solid var(--thank-you-page-ink);
        box-shadow: 0.4rem 0.4rem 0 var(--thank-you-page-ink);
        transform: rotate(-1.5deg);
      }

      #css63f320 .scaa272b {
        position: relative;
        margin: 0;
        padding: clamp(1rem, 3vw, 1.35rem) clamp(1.15rem, 3.5vw, 1.5rem);
        font-size: clamp(1rem, 2.4vw, 1.125rem);
        line-height: 1.65;
        color: var(--text-secondary);
        text-align: start;
        word-break: normal;
        background: var(--background-tertiary);
        border: 0.28rem solid var(--thank-you-page-ink);
        border-radius: 1.25rem;
        box-shadow: 0.5rem 0.5rem 0 color-mix(in srgb, var(--accent-dark) 35%, transparent);
        max-width: 100%;
      }

      #css63f320 .sc13bcf6 {
        position: absolute;
        inset-block-start: -0.85rem;
        inset-inline-start: 2.5rem;
        width: 1.25rem;
        height: 1.25rem;
        background: var(--background-tertiary);
        border-inline-start: 0.28rem solid var(--thank-you-page-ink);
        border-block-start: 0.28rem solid var(--thank-you-page-ink);
        transform: rotate(45deg);
      }

      #css63f320 .sc21fe75 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.65rem;
        margin-block-start: clamp(1.25rem, 3vw, 1.75rem);
      }

      #css63f320 .scefceb7 {
        height: 0.65rem;
        border: 0.18rem solid var(--thank-you-page-ink);
        box-shadow: 0.22rem 0.22rem 0 var(--thank-you-page-ink);
      }

      #css63f320 .scb7a760 {
        background: var(--danger-color);
      }

      #css63f320 .sc7483c8 {
        background: var(--warning-color);
      }

      #css63f320 .sce67e3d {
        background: var(--accent);
      }

      #css63f320 .scd567c5 {
        background: var(--secondary);
      }

      @media (max-width: 575.98px) {
        #css63f320 .sc07e415,
        #css63f320 .sca336c5 {
          display: none;
        }

        #css63f320 .sc70cc45 {
          padding: 1.65rem 1.35rem;
          box-shadow: 0.55rem 0.55rem 0 var(--thank-you-page-ink);
        }

        #css63f320 .sc0067a4 {
          display: none;
        }
      }

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

      @keyframes footershake_abc456def789 {
        0%,
        100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-3px);
        }
        75% {
          transform: translateX(3px);
        }
      }

      #css992258 {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-dark) 0%, var(--neutral-1050) 100%);
        color: var(--text-light);
        padding-block: 5rem 2.5rem;
padding-inline: 0;
        position: relative;
        border-top: 3px solid var(--primary);
      }

      #css992258::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 300px;
        background: radial-gradient(ellipse at top, var(--primary-dark) 0%, transparent 70%);
        opacity: 0.15;
        pointer-events: none;
      }

      #css992258::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
        opacity: 0.3;
      }

      #css992258 .scefc985 {
        position: relative;
        z-index: 1;
      }

      #css992258 .sc024f4c {
        background: rgba(255, 255, 255, 0.02);
        border-radius: 12px;
        padding: 2rem;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.4s ease;
        animation: footerfadein_xyz789abc123 0.6s ease-out;
      }

      #css992258 .sc024f4c:hover {
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(92, 161, 232, 0.2);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      }

      #css992258 .sc0da874 {
        color: var(--primary);
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 1.75rem;
        position: relative;
        padding-bottom: 1rem;
        letter-spacing: 0.5px;
      }

      #css992258 .sc0da874::after {
        content: '';
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.4);
      }

      #css992258 p {
        color: var(--neutral-350);
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
      }

      #css992258 .sc951902 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css992258 .sc951902 li {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        transition: all 0.3s ease;
      }

      #css992258 .sc951902 li:hover {
        background: rgba(92, 161, 232, 0.1);
        transform: translateX(5px);
      }

      #css992258 .sc951902 li i {
        color: var(--primary);
        font-size: 1.2rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
      }

      #css992258 .sc951902 li span {
        color: var(--neutral-250);
        line-height: 1.6;
      }

      #css992258 .sc234373 {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      #css992258 .sc234373 li {
        margin-bottom: 0.75rem;
      }

      #css992258 .sc234373 li a {
        color: var(--neutral-250);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
padding-inline: 0.75rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        position: relative;
      }

      #css992258 .sc234373 li a i {
        color: var(--primary);
        font-size: 0.9rem;
        transition: all 0.3s ease;
      }

      #css992258 .sc234373 li a:hover {
        color: var(--primary);
        background: rgba(92, 161, 232, 0.1);
        padding-inline-start:1rem;
      }

      #css992258 .sc234373 li a:hover i {
        transform: translateX(3px);
        color: var(--primary-light);
      }

      #css992258 .scff882c {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
      }

      #css992258 .scb23032 {
        background: var(--neutral-850);
        color: var(--text-light);
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
      }

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

      #css992258 .scb23032:hover::before {
        width: 100%;
        height: 100%;
      }

      #css992258 .scb23032:hover {
        border-color: var(--primary);
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 15px rgba(92, 161, 232, 0.4);
      }

      #css992258 .scb23032:active {
        animation: footershake_abc456def789 0.3s ease;
      }

      #css992258 .scb23032 i {
        font-size: 1.3rem;
        position: relative;
        z-index: 1;
        transition: color 0.3s ease;
      }

      #css992258 .scb23032:hover i {
        color: var(--text-light);
      }

      #css992258 .scd6c568 {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--neutral-850);
        font-size: 0.9rem;
        color: var(--neutral-450);
        position: relative;
      }

      #css992258 .scd6c568::before {
        content: '';
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
      }

      #css992258 .sc8b8187 {
        color: var(--primary);
        font-weight: 600;
        padding-block: 0.5rem;
padding-inline: 1rem;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--neutral-850) 0%, var(--neutral-750) 100%);
        border: 1px solid rgba(92, 161, 232, 0.2);
        display: inline-block;
        transition: all 0.3s ease;
      }

      #css992258 .sc8b8187:hover {
        background: linear-gradient(135deg, var(--neutral-750) 0%, var(--neutral-650) 100%);
        border-color: var(--primary);
        box-shadow: 0 3px 10px rgba(92, 161, 232, 0.2);
      }

      #css992258 .badge {
        background: var(--primary);
        color: var(--text-light);
        padding-block: 0.25rem;
padding-inline: 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      @media (max-width: 992px) {
        #css992258 {
          padding-block: 4rem 2rem;
padding-inline: 0;
        }

        #css992258 .sc024f4c {
          padding: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }

      @media (max-width: 768px) {
        #css992258 {
          padding-block: 3rem 1.5rem;
padding-inline: 0;
        }

        #css992258 .sc024f4c {
          padding: 1.25rem;
        }

        #css992258 .sc0da874 {
          font-size: 1.2rem;
          margin-bottom: 1.25rem;
        }

        #css992258 .scd6c568 {
          text-align: center;
          margin-top: 3rem;
          padding-top: 1.5rem;
        }

        #css992258 .scd6c568 .row > div {
          margin-bottom: 1rem;
        }

        #css992258 .scd6c568 span {
          display: block;
          margin-bottom: 0.5rem;
        }

        #css992258 .scff882c {
          justify-content: center;
        }
      }