#q-33e21c0c {
        position: relative;
        z-index: 1000;

        .navbar {
          background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 55%, var(--neutral-150) 100%) !important;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .container {
          position: relative;
        }

        .navbar-brand {
          position: relative;
          white-space: normal;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          color: var(--text-primary) !important;
          font-size: 1.6rem;
          font-weight: 800;
          letter-spacing: -0.04em;
          padding-block: 0.35rem;
          padding-inline: 0.65rem 0.85rem;
          border-radius: 14px;
          border: 1px solid transparent;
          transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary-dark) !important;
          border-color: var(--border-medium);
          box-shadow: 0 8px 24px rgba(var(--bs-primary-rgb), 0.12), inset 0 0 0 1px var(--primary-bg);
        }

        .navbar-brand img {
          width: 42px;
          height: 42px;
          object-fit: contain;
          border-radius: 10px;
          border: 1px solid var(--border-light);
          background: var(--white);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .navbar-brand:hover img {
          transform: translateY(-1px);
          box-shadow: 0 6px 18px rgba(var(--bs-accent-rgb), 0.2);
        }

        .u-4849e70a {
          width: 100%;
        }

        .u-63b0c94e {
          gap: 0.25rem;
          padding: 0;
          margin: 0;
        }

        .u-0f663053 {
          position: relative;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-size: 0.9rem;
          font-weight: 600;
          padding-block: 0.55rem;
          padding-inline: 1rem;
          border-radius: 999px;
          transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
          display: inline-flex;
          align-items: center;
          gap: 0.45rem;
          border: 1px solid transparent;
        }

        .nav-link i {
          font-size: 1rem;
          color: var(--primary);
          transition: color 0.2s ease, transform 0.2s ease;
        }

        .nav-link:hover {
          color: var(--text-primary) !important;
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          border-color: var(--primary-light);
          box-shadow: 0 6px 20px rgba(var(--bs-primary-rgb), 0.18);
          transform: translateY(-1px);
        }

        .nav-link:hover i {
          color: var(--accent-dark);
          transform: scale(1.08);
        }

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

        .u-8df333ea {
          display: flex;
          align-items: center;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--border-light);
          box-shadow: inset 0 1px 0 var(--neutral-50), 0 10px 30px rgba(var(--bs-dark-rgb), 0.05);
          background-color: var(--white);
          background-image: linear-gradient(135deg, var(--white) 0%, var(--background-primary) 45%, var(--white) 100%);
          background-size: 200% 200%;
          animation: menushine_k7nq2xm9pw4rt 14s ease-in-out infinite;
        }

        .navbar-toggler {
          border: 1px solid var(--border-medium);
          border-radius: 12px;
          padding: 0.45rem 0.6rem;
          background: var(--white);
          color: var(--primary) !important;
          box-shadow: 0 4px 14px rgba(var(--bs-dark-rgb), 0.06);
          transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
        }

        .navbar-toggler:focus {
          box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.22);
        }

        .navbar-toggler:hover {
          border-color: var(--primary);
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          color: var(--accent-dark) !important;
        }

        .navbar-toggler-icon {
          width: 1.35rem;
          height: 1.35rem;
          background-image: none;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        .navbar-toggler-icon svg {
          width: 100%;
          height: 100%;
        }

        @media (min-width: 992px) {
          .u-4849e70a {
            display: flex;
            justify-content: flex-end;
          }

          .u-8df333ea {
            width: fit-content;
            max-width: 100%;
          }

          .u-63b0c94e {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
          }

          .navbar-collapse {
            flex-grow: 0;
          }
        }

        @media (max-width: 991.98px) {
          .navbar {
            padding-block: 0.65rem;
          }

          .navbar-brand {
            font-size: 1.35rem;
            padding-inline: 0.5rem 0.65rem;
          }

          .navbar-brand img {
            width: 38px;
            height: 38px;
          }

          .navbar-collapse {
            margin-top: 0.85rem;
          }

          .u-8df333ea {
            border-radius: 18px;
            padding: 0.65rem;
            flex-direction: column;
            align-items: stretch;
            animation: none;
            background-image: none;
            background: linear-gradient(160deg, var(--white) 0%, var(--background-primary) 100%);
            border: 1px solid var(--primary-bg);
            box-shadow: 0 16px 40px rgba(var(--bs-primary-rgb), 0.12);
          }

          .u-63b0c94e {
            flex-direction: column;
            align-items: stretch;
            gap: 0.4rem;
          }

          .u-63b0c94e .u-0f663053 {
            width: 100%;
          }

          .nav-link {
            display: flex;
            border-radius: 14px;
            padding-block: 0.85rem;
            padding-inline: 1rem;
            justify-content: flex-start;
            width: 100%;
            border: 1px solid var(--border-light);
            background: var(--white);
          }

          .nav-link:hover {
            transform: none;
            border-color: var(--accent-light);
            background: linear-gradient(90deg, var(--accent-bg), var(--white));
          }
        }
      }

@keyframes bm_rise_m4k8xpq2vn9wz {
        from {
          opacity: 0;
          transform: translateY(22px) scale(0.99);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      #q-03bab266 {
        position: relative;
        overflow: hidden;
        background: radial-gradient(120% 80% at 100% 0%, var(--primary-bg) 0%, transparent 55%), linear-gradient(165deg, var(--background-tertiary) 0%, var(--background-primary) 42%, var(--background-secondary) 100%);

        .u-1d5d7d6c {
          position: relative;
          z-index: 2;
        }

        .u-f5d63212 {
          position: relative;
          border-radius: 0 2rem 2rem 2rem;
          overflow: hidden;
          margin-bottom: 2.25rem;
          border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--neutral-150));
          box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-950) 12%, transparent);
        }

        .u-85399a2d {
          background: linear-gradient(105deg, var(--primary-dark) 0%, var(--primary) 38%, var(--accent) 100%);
          padding-block: 0.65rem;
          padding-inline: 1.25rem;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 0.65rem 1rem;
        }

        .badge {
          display: inline-block;
          background: color-mix(in srgb, var(--white) 18%, transparent);
          color: var(--text-light);
          font-size: 0.7rem;
          font-weight: 700;
          letter-spacing: 0.09em;
          text-transform: uppercase;
          border-radius: 999px;
          padding-block: 0.32rem;
          padding-inline: 0.85rem;
          white-space: normal;
          border: 1px solid color-mix(in srgb, var(--white) 35%, transparent);
        }

        .u-e9f8f889 {
          margin: 0;
          color: var(--text-light);
          font-size: 0.82rem;
          opacity: 0.95;
          padding-block: 0.2rem;
          padding-inline: 0;
        }

        .u-401326d4 {
          background: linear-gradient(180deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--accent-bg) 18%, var(--background-tertiary)) 100%);
          padding-block: 1.75rem;
          padding-inline: 1.5rem;
        }

        .u-1c87b104 {
          font-size: clamp(1.85rem, 4.2vw, 2.95rem);
          line-height: 1.12;
          margin-bottom: 0;
          letter-spacing: -0.02em;
          background: linear-gradient(92deg, var(--primary-dark) 0%, var(--primary) 45%, var(--accent-dark) 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
        }

        .u-9fb5d29c {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 0.65rem;
        }

        .u-41952d02 {
          position: relative;
          border-radius: 1rem;
          padding-block: 1rem;
          padding-inline: 1rem;
          min-height: 6.5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border: 1px solid var(--neutral-150);
          background: color-mix(in srgb, var(--background-tertiary) 88%, var(--neutral-50));
          box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 70%, transparent);
        }

        .u-41952d02::before {
          content: "";
          position: absolute;
          inset-inline-start: 0;
          inset-block: 0.65rem;
          width: 0.28rem;
          border-radius: 0 0.35rem 0.35rem 0;
          background: linear-gradient(180deg, var(--secondary) 0%, var(--accent) 100%);
        }

        .u-a694fcb7 {
          font-size: 1.65rem;
          line-height: 1;
          font-weight: 800;
          color: var(--primary-dark);
          margin-bottom: 0.4rem;
        }

        .u-48f00c6a {
          margin: 0;
          color: var(--text-secondary);
          font-size: 0.82rem;
          line-height: 1.35;
        }

        .u-b9225461 {
          --bm-gutter: 1.75rem;
        }

        .u-5d3e4172 {
          position: relative;
        }

        .u-eb1e0b3d {
          position: sticky;
          top: 1rem;
          padding-inline-start: 0.5rem;
        }

        .u-eb1e0b3d::before {
          content: "";
          position: absolute;
          inset-inline-start: 0.85rem;
          top: 2.5rem;
          bottom: 0.5rem;
          width: 2px;
          border-radius: 2px;
          background: linear-gradient(180deg, var(--primary-light) 0%, var(--accent-light) 55%, var(--neutral-250) 100%);
        }

        .u-29f37d60 {
          font-size: 0.68rem;
          font-weight: 800;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: var(--neutral-650);
          margin-bottom: 1rem;
          padding-inline-start: 0.15rem;
        }

        .u-2c4abd25 {
          list-style: none;
          margin: 0;
          padding: 0;
          display: grid;
          gap: 0.25rem;
        }

        .u-2c4abd25 a {
          text-decoration: none;
          display: grid;
          grid-template-columns: auto 1fr;
          gap: 0.6rem;
          align-items: start;
          padding-block: 0.5rem;
          padding-inline: 0.5rem 0.35rem;
          border-radius: 0.85rem;
          color: var(--text-secondary);
          transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
          border: 1px solid transparent;
        }

        .u-2c4abd25 a:hover {
          background: color-mix(in srgb, var(--primary-bg) 45%, var(--background-tertiary));
          border-color: color-mix(in srgb, var(--primary) 25%, var(--neutral-150));
          color: var(--text-primary);
        }

        .u-a9009300 {
          width: 1.75rem;
          height: 1.75rem;
          border-radius: 50%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 0.72rem;
          font-weight: 800;
          background: var(--background-tertiary);
          border: 2px solid var(--primary-light);
          color: var(--primary-dark);
          flex-shrink: 0;
          position: relative;
          z-index: 1;
        }

        .u-2c4abd25 a:hover .u-a9009300 {
          background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
          border-color: transparent;
          color: var(--text-light);
        }

        .u-5109060f {
          font-size: 0.84rem;
          line-height: 1.38;
          padding-top: 0.12rem;
        }

        .u-e334fa29 {
          display: grid;
          gap: 1.15rem;
        }

        .u-aab59517 {
          position: relative;
          overflow: hidden;
          border-radius: 1.35rem;
          border: 1px solid var(--neutral-150);
          background: var(--background-tertiary);
          padding-block: 1.35rem;
          padding-inline: 1.35rem 1.25rem;
          animation: bm_rise_m4k8xpq2vn9wz 0.5s ease backwards;
          box-shadow: 0 0.65rem 1.75rem color-mix(in srgb, var(--neutral-950) 6%, transparent);
        }

        .u-aab59517:nth-child(1) {
          animation-delay: 0.04s;
        }
        .u-aab59517:nth-child(2) {
          animation-delay: 0.08s;
        }
        .u-aab59517:nth-child(3) {
          animation-delay: 0.12s;
        }
        .u-aab59517:nth-child(4) {
          animation-delay: 0.16s;
        }
        .u-aab59517:nth-child(5) {
          animation-delay: 0.2s;
        }
        .u-aab59517:nth-child(6) {
          animation-delay: 0.24s;
        }
        .u-aab59517:nth-child(7) {
          animation-delay: 0.28s;
        }

        .u-aab59517::after {
          content: attr(data-bm-num);
          position: absolute;
          inset-inline-end: -0.25rem;
          inset-block-start: -0.35rem;
          font-size: clamp(3.5rem, 8vw, 5rem);
          font-weight: 800;
          line-height: 1;
          color: color-mix(in srgb, var(--primary-bg) 35%, transparent);
          pointer-events: none;
          user-select: none;
        }

        .u-b00ea97d {
          display: flex;
          align-items: center;
          gap: 0.75rem;
          margin-bottom: 1rem;
          padding-bottom: 0.85rem;
          border-bottom: 1px solid var(--neutral-150);
        }

        .u-c7911647 {
          width: 2.35rem;
          height: 2.35rem;
          border-radius: 0.85rem;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 0.75rem;
          font-weight: 800;
          color: var(--text-light);
          background: linear-gradient(145deg, var(--secondary-dark) 0%, var(--primary) 48%, var(--accent) 100%);
          flex-shrink: 0;
          box-shadow: 0 0.35rem 0.85rem color-mix(in srgb, var(--accent-dark) 28%, transparent);
        }

        .u-138b5dc5 {
          margin: 0;
          color: var(--text-primary);
          font-size: 1.12rem;
          line-height: 1.3;
          font-weight: 800;
        }

        .u-704ffc33 {
          font-size: 0.98rem;
          font-weight: 800;
          color: var(--text-primary);
          margin-block: 1rem 0.5rem;
          margin-inline: 0;
          padding-bottom: 0.35rem;
          border-bottom: 2px dotted color-mix(in srgb, var(--accent) 35%, var(--neutral-250));
        }

        .u-aab59517 p {
          color: var(--text-secondary);
          line-height: 1.72;
          margin-bottom: 0.85rem;
        }

        .u-ed19fc5d {
          margin-block: 0 0.85rem;
          margin-inline: 0;
          padding-inline-start: 1.2rem;
          color: var(--text-secondary);
          line-height: 1.68;
        }

        .u-ed19fc5d li {
          margin-bottom: 0.35rem;
        }

        .u-ed19fc5d li::marker {
          color: var(--secondary-dark);
        }

        .u-d367ae3b {
          border-radius: 1rem;
          border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--neutral-150));
          background: linear-gradient(120deg, color-mix(in srgb, var(--accent-bg) 55%, var(--background-tertiary)) 0%, var(--background-tertiary) 65%);
          padding-block: 1rem;
          padding-inline: 1.05rem;
          margin-block: 1rem;
          margin-inline: 0;
          border-inline-start: 4px solid var(--accent);
        }

        .u-d367ae3b p {
          margin: 0;
          color: var(--text-primary);
        }

        .u-1fa23308 {
          margin-top: 1.75rem;
        }

        .u-67b01bcc {
          position: relative;
          overflow: hidden;
          border-radius: 1.5rem;
          border: 1px solid color-mix(in srgb, var(--secondary-light) 65%, var(--neutral-150));
          background: linear-gradient(125deg, var(--secondary-dark) 0%, var(--secondary) 42%, var(--info-dark) 100%);
          padding-block: 1.5rem;
          padding-inline: 1.5rem;
          color: var(--text-light);
        }

        .u-93cd1b4c {
          position: absolute;
          inset-block-start: -40%;
          inset-inline-end: -10%;
          width: 16rem;
          height: 16rem;
          border-radius: 50%;
          background: radial-gradient(circle, color-mix(in srgb, var(--white) 24%, transparent) 0%, transparent 70%);
          pointer-events: none;
        }

        .u-f8318a2f {
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 1.25rem;
          align-items: end;
        }

        .u-5bb7e546 {
          margin-bottom: 0.5rem;
          font-weight: 800;
        }

        .u-f6643c38 {
          color: color-mix(in srgb, var(--white) 78%, var(--neutral-150));
          margin-bottom: 0.85rem;
        }

        .u-67b01bcc .btn-light {
          border: 0;
          border-radius: 0.75rem;
          font-weight: 800;
          color: var(--secondary-dark);
          background: var(--background-tertiary);
          padding-block: 0.6rem;
          padding-inline: 1.1rem;
        }

        .u-67b01bcc .btn-light:hover {
          background: var(--neutral-50);
          color: var(--secondary-dark);
        }

        .u-4a6ee3b1 {
          list-style: none;
          margin: 0;
          padding: 0;
          display: grid;
          gap: 0.45rem;
        }

        .u-4a6ee3b1 li {
          border: 1px solid color-mix(in srgb, var(--white) 22%, transparent);
          background: color-mix(in srgb, var(--white) 9%, transparent);
          border-radius: 0.8rem;
          padding-block: 0.45rem;
          padding-inline: 0.65rem;
          font-size: 0.86rem;
        }

        .u-a3d905b9 {
          position: absolute;
          inset-block-start: -10rem;
          inset-inline-start: -8rem;
          width: 24rem;
          height: 24rem;
          border-radius: 50%;
          background: radial-gradient(circle, color-mix(in srgb, var(--secondary-bg) 55%, transparent) 0%, transparent 68%);
          opacity: 0.55;
          z-index: 1;
          pointer-events: none;
        }

        .u-eced2d6c {
          position: absolute;
          inset-block-end: -14rem;
          inset-inline-end: -18%;
          width: 36rem;
          height: 36rem;
          border-radius: 50%;
          background: conic-gradient(from 210deg, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%);
          opacity: 0.35;
          z-index: 1;
          pointer-events: none;
        }

        @media (max-width: 991.98px) {
          .u-f5d63212 {
            border-radius: 1.25rem;
          }

          .u-401326d4 {
            padding-block: 1.35rem;
            padding-inline: 1.15rem;
          }

          .u-9fb5d29c {
            margin-top: 1.15rem;
          }

          .u-eb1e0b3d {
            padding-inline-start: 0;
          }

          .u-eb1e0b3d::before {
            display: none;
          }

          .u-2c4abd25 {
            display: flex;
            flex-wrap: nowrap;
            gap: 0.4rem;
            overflow-x: auto;
            padding-bottom: 0.35rem;
            scrollbar-width: thin;
          }

          .u-2c4abd25 li {
            flex: 0 0 auto;
          }

          .u-2c4abd25 a {
            min-width: 11rem;
            border: 1px solid var(--neutral-150);
            background: var(--background-tertiary);
          }

          .u-f8318a2f {
            grid-template-columns: 1fr;
          }
        }
      }

#q-57312eba {
      overflow: hidden;
      position: relative;
      z-index: 1;
      padding-block: 3.5rem 2rem;
      padding-inline: 0;
      background: linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--accent-bg) 72%, var(--secondary-bg) 100%);
      box-shadow: 0 -6px 40px color-mix(in srgb, var(--neutral-1050) 18%, transparent);
    }

    #q-57312eba .u-50239570 {
      pointer-events: none;
      position: absolute;
      inset-block: 0;
      inset-inline: 0;
      z-index: 0;
    }

    #q-57312eba .u-2e4a6d21 {
      position: absolute;
      width: 22rem;
      height: 22rem;
      border-radius: 50%;
      inset-block-start: -7rem;
      inset-inline-end: -5rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--danger-light) 55%, transparent) 0%, transparent 72%);
      animation: footerglow_k7m2xp9q4nw 9s infinite alternate ease-in-out;
    }

    #q-57312eba .u-d13efec5 {
      position: absolute;
      width: 18rem;
      height: 18rem;
      border-radius: 50%;
      inset-block-end: -6rem;
      inset-inline-start: -4rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--info-light) 50%, transparent) 0%, transparent 70%);
      animation: footerglow_k7m2xp9q4nw 11s infinite alternate-reverse ease-in-out;
    }

    #q-57312eba .u-042084ea {
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      height: 0.35rem;
      background: linear-gradient(90deg, var(--danger-color), var(--primary), var(--accent), var(--secondary), var(--info-color));
    }

    #q-57312eba .container {
      position: relative;
      z-index: 2;
    }

    #q-57312eba .u-31e1a36d {
      background: var(--background-tertiary);
      border-radius: 1.5rem;
      padding-block: 2rem;
      padding-inline: 2rem;
      box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-1050) 14%, transparent);
      border: 2px solid color-mix(in srgb, var(--primary-light) 35%, transparent);
    }

    #q-57312eba .u-feb9442a {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding-block-end: 1.75rem;
      margin-block-end: 1.75rem;
      border-block-end: 3px solid color-mix(in srgb, var(--primary) 25%, transparent);
    }

    #q-57312eba .u-d7728265 {
      font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--text-tertiary);
    }

    #q-57312eba .u-2f21ef47 {
      font-size: 1.35rem;
      font-weight: 700;
      color: var(--primary-dark);
      background: linear-gradient(90deg, var(--primary-dark), var(--accent-dark));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    #q-57312eba .u-88d33726 {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }

    #q-57312eba .u-d409808c {
      font-size: 0.95rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-primary);
      margin-block-end: 1.25rem;
      padding-inline-start: 0.85rem;
      border-inline-start: 4px solid var(--primary);
    }

    #q-57312eba .u-63d8f950 {
      padding-block-start: 0;
    }

    #q-57312eba .u-899e75a6 {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-57312eba .u-33dda087 {
      display: flex;
      align-items: flex-start;
      gap: 0.9rem;
      padding-block: 0.85rem;
      padding-inline: 1rem;
      border-radius: 0.85rem;
      background: color-mix(in srgb, var(--neutral-50) 80%, var(--primary-bg));
      border: 1px solid color-mix(in srgb, var(--primary-light) 30%, transparent);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    #q-57312eba .u-33dda087:hover {
      transform: translateY(-3px);
      box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--primary) 18%, transparent);
    }

    #q-57312eba .u-9212a9b2 {
      flex-shrink: 0;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.65rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      color: var(--text-light);
    }

    #q-57312eba .u-1d638ee9 {
      background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    }

    #q-57312eba .u-df27f25c {
      background: linear-gradient(135deg, var(--warning-color), var(--warning-dark));
    }

    #q-57312eba .u-9d531d21 {
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
    }

    #q-57312eba .u-0010fcea {
      min-width: 0;
    }

    #q-57312eba .u-9c0f22b8 {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text-tertiary);
      margin-block-end: 0.2rem;
    }

    #q-57312eba .u-92d3abb4 {
      display: block;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--text-primary);
      line-height: 1.4;
    }

    #q-57312eba .u-529731de {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.55rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-57312eba .u-b6bc7c59 {
      display: block;
      padding-block: 0.55rem;
      padding-inline: 0.85rem;
      border-radius: 2rem;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-secondary);
      text-decoration: none;
      background: var(--neutral-50);
      border: 1px solid var(--border-light);
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    #q-57312eba .u-b6bc7c59:hover {
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary), var(--accent));
      border-color: transparent;
      transform: translateY(-2px);
    }

    #q-57312eba .u-c416078e {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    #q-57312eba .u-b31ce768 {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
      justify-content: flex-start;
    }

    #q-57312eba .u-7afcc801 {
      --share-bg: var(--primary);
      --share-hover-bg: var(--primary-dark);
      --share-color: var(--text-light);
      width: 3.1rem;
      height: 3.1rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      color: var(--share-color);
      background: var(--share-bg);
      border: 3px solid color-mix(in srgb, var(--white) 40%, transparent);
      box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--neutral-1050) 20%, transparent);
      text-decoration: none;
      transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    }

    #q-57312eba .u-7afcc801:hover {
      background: var(--share-hover-bg);
      color: var(--text-light);
      transform: translateY(-5px) scale(1.08);
      box-shadow: 0 0.65rem 1.5rem color-mix(in srgb, var(--neutral-1050) 28%, transparent);
    }

    #q-57312eba .u-7afcc801.u-86d98d43 {
      --share-bg: var(--info-color);
      --share-hover-bg: var(--info-dark);
    }

    #q-57312eba .u-7afcc801.u-c16f3a48 {
      --share-bg: var(--secondary);
      --share-hover-bg: var(--secondary-dark);
    }

    #q-57312eba .u-7afcc801.u-f02798d1 {
      --share-bg: var(--accent);
      --share-hover-bg: var(--accent-dark);
    }

    #q-57312eba .u-7afcc801.u-1a78fe03 {
      --share-bg: var(--neutral-1050);
      --share-hover-bg: var(--neutral-850);
    }

    #q-57312eba .u-7afcc801.u-6c013f04 {
      --share-bg: var(--info-dark);
      --share-hover-bg: var(--accent-dark);
    }

    #q-57312eba .u-7afcc801.u-92ba6131 {
      --share-bg: var(--neutral-650);
      --share-hover-bg: var(--neutral-850);
    }

    #q-57312eba .u-ea129ed1 {
      margin-block-start: 1.75rem;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      text-align: center;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-primary);
      background: color-mix(in srgb, var(--white) 72%, transparent);
      border-radius: 2rem;
      border: 1px solid color-mix(in srgb, var(--white) 55%, transparent);
      backdrop-filter: blur(8px);
      letter-spacing: 0.04em;
    }

    @keyframes footerglow_k7m2xp9q4nw {
      0% {
        transform: scale(1) translate(0, 0);
      }
      50% {
        transform: scale(1.12) translate(-1.25rem, 0.75rem);
      }
      100% {
        transform: scale(1.05) translate(0.75rem, -0.5rem);
      }
    }

    @media (min-width: 992px) {
      #q-57312eba .u-63d8f950 {
        padding-block-start: 2.85rem;
      }
    }

    @media (max-width: 991.98px) {
      #q-57312eba .u-88d33726 {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
      }

      #q-57312eba .u-c416078e {
        align-items: center;
      }

      #q-57312eba .u-b31ce768 {
        justify-content: center;
      }

      #q-57312eba .u-d409808c {
        text-align: center;
        padding-inline-start: 0;
        border-inline-start: none;
        border-block-end: 3px solid var(--primary);
        padding-block-end: 0.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #q-57312eba .u-31e1a36d {
        padding-block: 1.5rem;
        padding-inline: 1.25rem;
      }

      #q-57312eba .u-feb9442a {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      #q-57312eba .u-529731de {
        grid-template-columns: minmax(0, 1fr);
      }

      #q-57312eba .u-33dda087 {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
    }
