#css80c21221 {
        position: sticky;
        top: 0;
        z-index: 1020;
        background: linear-gradient(180deg, var(--neutral-50) 0%, var(--white) 55%, var(--white) 100%);
        border-bottom: 1px solid var(--border-light);
        box-shadow: 0 0.35rem 1.25rem rgba(var(--bs-primary-rgb), 0.08);

        .f622a451 {
          height: 0.25rem;
          background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 52%, var(--secondary) 100%);
        }

        .navbar {
          background-color: transparent !important;
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .gf043821 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 0.75rem;
        }

        .c7fa3e16 {
          display: flex;
          flex-direction: column;
          gap: 0.2rem;
          min-width: 0;
        }

        .navbar-brand {
          white-space: normal;
          color: var(--text-primary) !important;
          font-size: 1.35rem;
          font-weight: 800;
          letter-spacing: -0.03em;
          line-height: 1.15;
          padding-inline: 0;
          margin-inline-end: 0;
          transition: color 0.25s ease;
          background: linear-gradient(120deg, var(--primary-dark) 0%, var(--accent-dark) 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent !important;

          &:hover {
            filter: brightness(1.05);
          }
        }

        .a3e0ed82 {
          font-size: 0.72rem;
          font-weight: 600;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          color: var(--text-tertiary);
          max-width: 16rem;
        }

        .navbar-toggler {
          color: var(--primary) !important;
          border: 1px solid var(--border-medium) !important;
          background: linear-gradient(145deg, var(--white), var(--neutral-50));
          padding-block: 0.45rem;
          padding-inline: 0.65rem;
          border-radius: 0.65rem;
          transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
          z-index: 1051;

          &:hover {
            border-color: var(--primary) !important;
            box-shadow: 0 0.35rem 1rem rgba(var(--bs-primary-rgb), 0.2);
          }

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

        .g41feb82 {
          display: flex;
          align-items: center;
          padding-block: 0.35rem;
          padding-inline: 0.35rem;
          border-radius: 999px;
          background: var(--white);
          border: 1px solid var(--border-light);
          box-shadow: inset 0 1px 0 rgba(var(--bs-primary-rgb), 0.06);
        }

        .navbar-nav {
          gap: 0.15rem;
          align-items: center;
        }

        .nb559c79 {
          position: relative;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-weight: 600;
          font-size: 0.9rem;
          transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
          padding-block: 0.5rem;
          padding-inline: 1rem;
          border-radius: 999px;
          position: relative;

          &:hover {
            color: var(--primary-dark) !important;
            background: linear-gradient(180deg, var(--neutral-50), var(--white));
            box-shadow: 0 0.15rem 0.5rem rgba(var(--bs-primary-rgb), 0.12);
          }
        }

        .oa8d8cfe {
          margin-inline-start: 0.35rem;
          padding-inline-start: 0.35rem;
          border-inline-start: 1px solid var(--border-light);

          .mae49aa7 {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: var(--text-light);
            border: none;
            padding-block: 0.55rem;
            padding-inline: 1.35rem;
            border-radius: 999px;
            font-weight: 700;
            font-size: 0.88rem;
            letter-spacing: 0.02em;
            transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
            box-shadow: 0 0.35rem 0.9rem rgba(var(--bs-primary-rgb), 0.28);

            &:hover {
              filter: brightness(1.05);
              transform: translateY(-1px);
              box-shadow: 0 0.5rem 1.15rem rgba(var(--bs-primary-rgb), 0.35);
            }
          }
        }

        .j81eff8e {
          display: none;
        }

        @media (max-width: 991.98px) {
          .g41feb82 {
            display: block;
            padding: 0;
            border: none;
            background: transparent;
            box-shadow: none;
            width: 100%;
          }

          .navbar-collapse {
            position: fixed;
            top: 0;
            inset-inline-start: 0;
            width: min(100%, 22rem);
            height: 100vh;
            background: linear-gradient(165deg, var(--white) 0%, var(--neutral-50) 100%);
            padding-block: 0;
            padding-inline: 0;
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease;
            transform: translateX(-100%);
            opacity: 0;
            visibility: hidden;
            z-index: 1050;
            overflow-y: auto;
            border-inline-end: 1px solid var(--border-light);
            box-shadow: 0.75rem 0 2rem rgba(var(--bs-primary-rgb), 0.12);

            &.show {
              transform: translateX(0);
              opacity: 1;
              visibility: visible;
            }
          }

          .j81eff8e {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            padding-block: 1rem;
            padding-inline: 1.35rem;
            border-bottom: 1px solid var(--border-light);
            background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 0.08), rgba(var(--bs-accent-rgb), 0.1));
          }

          .b8fa1e07 {
            margin: 0;
            font-size: 0.82rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--text-primary);
          }

          .navbar-collapse .c555f8a0 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.35rem;
            height: 2.35rem;
            border-radius: 0.5rem;
            border: 1px solid var(--border-medium);
            background: var(--white);
            color: var(--primary);
            padding: 0;
            flex-shrink: 0;
            transition: background 0.2s ease, border-color 0.2s ease;

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

            svg {
              width: 1.1rem;
              height: 1.1rem;
            }
          }

          .navbar-nav {
            gap: 0.5rem;
            flex-direction: column;
            align-items: stretch;
            padding-block: 1.25rem;
            padding-inline: 1.25rem;
            height: 100%;
            justify-content: center;
          }

          .nav-link {
            padding-block: 0.95rem;
            padding-inline: 1.1rem;
            border-radius: 0.65rem;
            border: 1px solid var(--border-light);
            background: var(--white);
            text-align: start;
            color: var(--text-primary) !important;
            box-shadow: 0 0.15rem 0.45rem rgba(var(--bs-primary-rgb), 0.05);

            &:hover {
              border-color: var(--accent);
              background: linear-gradient(135deg, var(--white), var(--neutral-50));
            }
          }

          .oa8d8cfe {
            margin-inline-start: 0;
            margin-top: 0.25rem;
            padding-inline-start: 0;
            border-inline-start: none;

            .mae49aa7 {
              width: 100%;
              padding-block: 1rem;
              font-size: 0.95rem;
              border-radius: 0.65rem;
            }
          }

          .navbar-toggler {
            position: relative;
          }
        }
      }

#css1779ddc0 {
        position: relative;
        overflow: hidden;
        padding-block: clamp(3.5rem, 8vw, 6.5rem);
        background: linear-gradient(145deg, var(--neutral-50) 0%, var(--info-bg) 38%, var(--warning-bg) 72%, var(--accent-bg) 100%);
      }

      #css1779ddc0::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle, var(--primary) 1.5px, var(--neutral-50) 1.5px);
        background-size: 22px 22px;
        opacity: 0.12;
        pointer-events: none;
      }

      #css1779ddc0::after {
        content: '';
        position: absolute;
        width: min(42vw, 420px);
        height: min(42vw, 420px);
        inset-block-end: -18%;
        inset-inline-start: -12%;
        border-radius: 50%;
        background: var(--secondary-bg);
        opacity: 0.45;
        pointer-events: none;
      }

      #css1779ddc0 .f90996c2 {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        filter: blur(0);
      }

      #css1779ddc0 .m60efd1b {
        width: min(36vw, 320px);
        height: min(36vw, 320px);
        inset-block-start: -8%;
        inset-inline-end: -6%;
        background: var(--danger-bg);
        opacity: 0.55;
        animation: floatwave_k7m2n9p4xq1 9s ease-in-out infinite;
      }

      #css1779ddc0 .m4de0897 {
        width: min(28vw, 240px);
        height: min(28vw, 240px);
        inset-block-start: 42%;
        inset-inline-end: 18%;
        background: var(--primary-bg);
        opacity: 0.4;
        animation: floatwave_k7m2n9p4xq1 11s ease-in-out infinite reverse;
      }

      #css1779ddc0 .ed4ec9d2 {
        position: relative;
        z-index: 2;
      }

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

      #css1779ddc0 .f22b2b70 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
      }

      #css1779ddc0 .i9db764c {
        display: inline-block;
        padding-block: 0.55rem;
        padding-inline: 1.15rem;
        border-radius: 999px;
        background: var(--warning-color);
        color: var(--text-light);
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        border: 3px solid var(--neutral-1050);
        box-shadow: 4px 4px 0 var(--warning-dark);
        white-space: normal;
      }

      #css1779ddc0 .pa6fed3b {
        margin: 0;
        font-size: clamp(2.2rem, 5vw, 3.75rem);
        font-weight: 800;
        line-height: 1.05;
        color: var(--text-primary);
        text-shadow: 3px 3px 0 var(--accent-bg), 6px 6px 0 var(--secondary);
      }

      #css1779ddc0 .o3610700 {
        margin: 0;
        max-width: 34rem;
        font-size: clamp(1rem, 2vw, 1.15rem);
        line-height: 1.75;
        color: var(--text-secondary);
      }

      #css1779ddc0 .edec963d {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
        margin-block-start: 0.5rem;
      }

      #css1779ddc0 .m3ae7c2f {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.95rem;
        padding-inline: 2.2rem;
        border-radius: 999px;
        background: var(--danger-color);
        color: var(--text-light);
        font-size: 1.05rem;
        font-weight: 700;
        text-decoration: none;
        border: 3px solid var(--neutral-1050);
        box-shadow: 5px 5px 0 var(--danger-dark);
        transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
      }

      #css1779ddc0 .m3ae7c2f:hover {
        background: var(--danger-light);
        color: var(--text-light);
        transform: translate(-2px, -2px);
        box-shadow: 7px 7px 0 var(--danger-dark);
      }

      #css1779ddc0 .h16afebb {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-block: 1rem;
        padding-inline: 1rem;
      }

      #css1779ddc0 .af2df918 {
        position: relative;
        width: min(100%, 420px);
        transform: rotate(-2.5deg);
      }

      #css1779ddc0 .m2b85aca {
        position: absolute;
        inset-block-start: 14px;
        inset-inline-start: 14px;
        width: 100%;
        height: 100%;
        border-radius: 2rem;
        background: var(--secondary);
        border: 3px solid var(--neutral-1050);
        z-index: 0;
      }

      #css1779ddc0 .p0c1b5c3 {
        position: absolute;
        inset-block-end: -12px;
        inset-inline-end: -12px;
        width: 38%;
        height: 38%;
        border-radius: 50%;
        background: var(--info-color);
        border: 3px solid var(--neutral-1050);
        z-index: 3;
      }

      #css1779ddc0 .af2df918 img {
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 2rem;
        border: 3px solid var(--neutral-1050);
        background: var(--background-tertiary);
      }

      #css1779ddc0 .ie70eab8 {
        position: absolute;
        width: 3.5rem;
        height: 3.5rem;
        background: var(--warning-color);
        border: 3px solid var(--neutral-1050);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        z-index: 4;
      }

      #css1779ddc0 .f5754d3f {
        inset-block-start: 4%;
        inset-inline-start: 8%;
        transform: rotate(-12deg);
      }

      #css1779ddc0 .f5e5bcfc {
        inset-block-end: 10%;
        inset-inline-end: 4%;
        width: 2.5rem;
        height: 2.5rem;
        background: var(--accent-light);
        transform: rotate(18deg);
      }

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

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

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

        #css1779ddc0 .h16afebb {
          order: -1;
        }

        #css1779ddc0 .af2df918 {
          width: min(100%, 360px);
          margin-inline: auto;
        }

        #css1779ddc0 .pa6fed3b {
          text-shadow: 2px 2px 0 var(--accent-bg), 4px 4px 0 var(--secondary);
        }
      }

#css4c9ffb74 {
      padding-block: 5.5rem;
      padding-inline: 0;
      position: relative;
      overflow: hidden;
      background-color: var(--background-primary);
      background-image:
        radial-gradient(circle at 10% 15%, var(--primary-bg) 0%, transparent 44%),
        radial-gradient(circle at 92% 8%, var(--accent-bg) 0%, transparent 40%),
        radial-gradient(circle at 84% 88%, var(--warning-bg) 0%, transparent 42%),
        radial-gradient(circle at 8% 82%, var(--secondary-bg) 0%, transparent 38%),
        linear-gradient(160deg, var(--background-primary) 0%, var(--background-secondary) 100%);
    }

    #css4c9ffb74::before {
      content: '';
      position: absolute;
      inset-block-start: 6%;
      inset-inline-end: 5%;
      width: 6.5rem;
      height: 6.5rem;
      border-radius: 50%;
      border: 0.35rem solid var(--danger-light);
      opacity: 0.5;
      pointer-events: none;
    }

    #css4c9ffb74::after {
      content: '';
      position: absolute;
      inset-block-end: 8%;
      inset-inline-start: 4%;
      width: 4.5rem;
      height: 4.5rem;
      border-radius: 1.1rem;
      background-color: var(--info-bg);
      opacity: 0.55;
      transform: rotate(16deg);
      pointer-events: none;
    }

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

    #css4c9ffb74 .ncba70ea {
      position: absolute;
      pointer-events: none;
      z-index: 0;
    }

    #css4c9ffb74 .afd795ff {
      inset-block-start: 42%;
      inset-inline-start: 2%;
      width: 3.25rem;
      height: 3.25rem;
      border-radius: 50%;
      border: 0.3rem solid var(--success-light);
      opacity: 0.55;
    }

    #css4c9ffb74 .a2799e1e {
      inset-block-start: 18%;
      inset-inline-start: 48%;
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 0.65rem;
      background-color: var(--warning-light);
      opacity: 0.45;
      transform: rotate(-12deg);
    }

    #css4c9ffb74 .da7e5275 {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 1.5rem;
    }

    #css4c9ffb74 .ha00807b {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      padding: 1.85rem;
      border-radius: 1.75rem;
      border: 0.2rem solid var(--neutral-250);
      background-color: var(--background-tertiary);
      box-shadow: 0.45rem 0.45rem 0 var(--neutral-350);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
      word-break: normal;
      overflow-wrap: anywhere;
    }

    #css4c9ffb74 .n8ef5152 {
      grid-column: span 3;
      transform: rotate(-1.2deg);
    }

    #css4c9ffb74 .bfec07fb {
      grid-column: span 3;
      transform: rotate(1deg);
    }

    #css4c9ffb74 .ib086337 {
      grid-column: span 2;
      transform: rotate(0.8deg);
    }

    #css4c9ffb74 .a28bbf73 {
      grid-column: span 2;
      transform: rotate(-0.9deg);
    }

    #css4c9ffb74 .ccd6b0eb {
      grid-column: span 2;
      transform: rotate(1.1deg);
    }

    #css4c9ffb74 .l0ad147b {
      grid-column: span 6;
      flex-direction: row;
      align-items: center;
      gap: 1.75rem;
      padding: 2rem 2.25rem;
      transform: rotate(-0.5deg);
    }

    #css4c9ffb74 .l0ad147b .f5445900 {
      flex-direction: column;
      gap: 0.75rem;
      margin-block-end: 0;
    }

    #css4c9ffb74 .c7eb03fa {
      border-color: var(--primary);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--primary-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--primary-light);
    }

    #css4c9ffb74 .laddc1ea {
      border-color: var(--accent);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--accent-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--accent-light);
    }

    #css4c9ffb74 .k2f0e109 {
      border-color: var(--secondary);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--secondary-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--secondary-light);
    }

    #css4c9ffb74 .bfbc33d0 {
      border-color: var(--warning-color);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--warning-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--warning-light);
    }

    #css4c9ffb74 .ge34e228 {
      border-color: var(--danger-color);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--danger-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--danger-light);
    }

    #css4c9ffb74 .e03c6c4b {
      border-color: var(--info-color);
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--info-bg) 100%);
      box-shadow: 0.5rem 0.5rem 0 var(--info-light);
    }

    #css4c9ffb74 .ha00807b:hover {
      transform: translateY(-0.45rem) rotate(0deg);
      box-shadow: 0.75rem 0.75rem 0 var(--neutral-450);
    }

    #css4c9ffb74 .c7eb03fa:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--primary);
    }

    #css4c9ffb74 .laddc1ea:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--accent);
    }

    #css4c9ffb74 .k2f0e109:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--secondary);
    }

    #css4c9ffb74 .bfbc33d0:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--warning-color);
    }

    #css4c9ffb74 .ge34e228:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--danger-color);
    }

    #css4c9ffb74 .e03c6c4b:hover {
      box-shadow: 0.75rem 0.75rem 0 var(--info-color);
    }

    #css4c9ffb74 .f5445900 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-block-end: 1.35rem;
    }

    #css4c9ffb74 .nbb5f580 {
      width: 4.25rem;
      height: 4.25rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 1.15rem;
      border: 0.18rem solid currentColor;
      font-size: 1.65rem;
      flex-shrink: 0;
      transition: transform 0.35s ease;
    }

    #css4c9ffb74 .c7eb03fa .nbb5f580 {
      color: var(--primary-dark);
      background-color: var(--primary-bg);
    }

    #css4c9ffb74 .laddc1ea .nbb5f580 {
      color: var(--accent-dark);
      background-color: var(--accent-bg);
    }

    #css4c9ffb74 .k2f0e109 .nbb5f580 {
      color: var(--secondary-dark);
      background-color: var(--secondary-bg);
    }

    #css4c9ffb74 .bfbc33d0 .nbb5f580 {
      color: var(--warning-dark);
      background-color: var(--warning-bg);
    }

    #css4c9ffb74 .ge34e228 .nbb5f580 {
      color: var(--danger-dark);
      background-color: var(--danger-bg);
    }

    #css4c9ffb74 .e03c6c4b .nbb5f580 {
      color: var(--info-dark);
      background-color: var(--info-bg);
    }

    #css4c9ffb74 .ha00807b:hover .nbb5f580 {
      transform: scale(1.08) rotate(-6deg);
    }

    #css4c9ffb74 .o745231b {
      width: 1.1rem;
      height: 1.1rem;
      border-radius: 50%;
      border: 0.15rem solid var(--text-primary);
      flex-shrink: 0;
    }

    #css4c9ffb74 .c7eb03fa .o745231b {
      background-color: var(--primary);
    }

    #css4c9ffb74 .laddc1ea .o745231b {
      background-color: var(--accent);
    }

    #css4c9ffb74 .k2f0e109 .o745231b {
      background-color: var(--secondary);
    }

    #css4c9ffb74 .bfbc33d0 .o745231b {
      background-color: var(--warning-color);
    }

    #css4c9ffb74 .ge34e228 .o745231b {
      background-color: var(--danger-color);
    }

    #css4c9ffb74 .e03c6c4b .o745231b {
      background-color: var(--info-color);
    }

    #css4c9ffb74 .k5ae22da {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      min-width: 0;
    }

    #css4c9ffb74 .j05f6497 {
      margin-block: 0 0.85rem;
      color: var(--text-primary);
      font-weight: 700;
      font-size: 1.45rem;
      line-height: 1.25;
    }

    #css4c9ffb74 .ba471ee3 {
      margin-block: 0 1.35rem;
      color: var(--text-secondary);
      line-height: 1.65;
      flex-grow: 1;
    }

    #css4c9ffb74 .fa52559c {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      margin-block-start: auto;
      padding-block: 0.55rem;
      padding-inline: 1rem;
      border-radius: 999px;
      border: 0.15rem solid currentColor;
      color: var(--text-primary);
      text-decoration: none;
      font-weight: 600;
      transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
      align-self: flex-start;
    }

    #css4c9ffb74 .c7eb03fa .fa52559c {
      color: var(--primary-dark);
    }

    #css4c9ffb74 .laddc1ea .fa52559c {
      color: var(--accent-dark);
    }

    #css4c9ffb74 .k2f0e109 .fa52559c {
      color: var(--secondary-dark);
    }

    #css4c9ffb74 .bfbc33d0 .fa52559c {
      color: var(--warning-dark);
    }

    #css4c9ffb74 .ge34e228 .fa52559c {
      color: var(--danger-dark);
    }

    #css4c9ffb74 .e03c6c4b .fa52559c {
      color: var(--info-dark);
    }

    #css4c9ffb74 .fa52559c:hover {
      background-color: var(--text-primary);
      color: var(--text-light);
    }

    #css4c9ffb74 .fa52559c i {
      transition: transform 0.3s ease;
    }

    #css4c9ffb74 .fa52559c:hover i {
      transform: translateY(-2px);
    }

    #css4c9ffb74 .n8ef5152 {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.08s;
    }

    #css4c9ffb74 .bfec07fb {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.16s;
    }

    #css4c9ffb74 .ib086337 {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.24s;
    }

    #css4c9ffb74 .a28bbf73 {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.32s;
    }

    #css4c9ffb74 .ccd6b0eb {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.4s;
    }

    #css4c9ffb74 .l0ad147b {
      animation: popcardlift_m8k3nq7x2w9p4 0.65s ease forwards;
      opacity: 0;
      animation-delay: 0.48s;
    }

    @keyframes popcardlift_m8k3nq7x2w9p4 {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    @media (max-width: 991.98px) {
      #css4c9ffb74 .da7e5275 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #css4c9ffb74 .n8ef5152,
      #css4c9ffb74 .bfec07fb,
      #css4c9ffb74 .ib086337,
      #css4c9ffb74 .a28bbf73,
      #css4c9ffb74 .ccd6b0eb,
      #css4c9ffb74 .l0ad147b {
        grid-column: span 1;
      }

      #css4c9ffb74 .l0ad147b {
        flex-direction: column;
        align-items: stretch;
      }

      #css4c9ffb74 .l0ad147b .f5445900 {
        flex-direction: row;
        margin-block-end: 1.35rem;
      }
    }

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

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

      #css4c9ffb74 .ha00807b {
        transform: rotate(0deg);
      }

      #css4c9ffb74 .ha00807b:hover {
        transform: translateY(-0.35rem);
      }
    }

#css23224a41 {
        padding-block: 5rem;
        padding-inline: 1.5rem;
        background: linear-gradient(135deg, var(--primary-dark), var(--accent-dark));
        color: var(--text-light);

        .j889376b {
            max-width: 1180px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }

        .m682f3b4 {
            border-radius: 2rem;
            padding: 1.5rem;
            background: var(--background-tertiary);
            color: var(--text-primary);
            min-height: 100%;
        }

        .g73633c6 {
            grid-column: span 2;
            background: var(--primary-bg);
        }

        .mcfbcb55 {
            aspect-ratio: 1 / 1;
            overflow: hidden;
            border-radius: 1.5rem;
            margin-bottom: 1rem;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
        }

        .i1cc03dc {
            color: var(--accent-dark);
            font-weight: 900;
            margin-bottom: 0.75rem;
        }

        h2, h3 {
            color: var(--text-primary);
        }

        p {
            color: var(--text-secondary);
        }

        .g47b769d {
            color: var(--primary-dark);
            text-decoration: none;
            font-weight: 800;
        }

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

            .g73633c6 {
                grid-column: span 1;
            }
        }
    }

#css8d0a38fe {
        --content-rtl: 1;
        position: relative;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(160deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 18%, var(--background-primary)) 45%, var(--background-primary) 100%);
        overflow: clip;
      }

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

      #css8d0a38fe .m9ab12c2 {
        position: relative;
        z-index: 1;
      }

      #css8d0a38fe .m9ab12c2::before {
        content: '';
        position: absolute;
        inset-block-start: -2rem;
        inset-inline-start: 0;
        inline-size: min(42%, 18rem);
        block-size: 5rem;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-end-start-radius: 0;
        border-end-end-radius: 1.25rem;
        background: linear-gradient(120deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0.16;
        pointer-events: none;
        z-index: 0;
      }

      #css8d0a38fe .m64f1b97 {
        position: relative;
        background-color: var(--background-tertiary);
        border-radius: 1.25rem;
        border: 1px solid var(--border-light);
        box-shadow: 0 1.25rem 3rem rgba(var(--bs-dark-rgb), 0.08);
        overflow: hidden;
      }

      #css8d0a38fe .i3faab63 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        position: relative;
        z-index: 1;
      }

      #css8d0a38fe .nde05406 {
        padding-block: clamp(2rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 4vw, 3rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-inline-end: 1px solid var(--border-light);
      }

      #css8d0a38fe .b79488cc {
        padding-block: clamp(2rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 4vw, 3rem);
        background: linear-gradient(180deg, color-mix(in srgb, var(--secondary-bg) 22%, var(--background-tertiary)) 0%, var(--background-tertiary) 70%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.75rem;
      }

      #css8d0a38fe .b17f801f {
        display: inline-flex;
        align-self: start;
        white-space: normal;
        padding-block: 0.4rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--accent-dark);
        background-color: color-mix(in srgb, var(--accent-bg) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border-light));
        margin-block-end: 1.25rem;
      }

      #css8d0a38fe .h1c19ec7 {
        color: var(--text-primary);
        font-size: clamp(1.65rem, 2.8vw, 2.35rem);
        font-weight: 800;
        line-height: 1.15;
        margin: 0;
        padding: 0;
        margin-block-end: 1rem;
      }

      #css8d0a38fe .b7a65daf {
        color: var(--text-secondary);
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        margin-block-end: 1.5rem;
        max-inline-size: 36ch;
      }

      #css8d0a38fe .l9ca304c {
        inline-size: 3.5rem;
        block-size: 0.35rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
        margin-block-end: 1.35rem;
      }

      #css8d0a38fe .nc9909ee {
        color: var(--text-tertiary);
        font-size: 1.0625rem;
        line-height: 1.75;
        margin: 0;
        padding: 0;
        max-inline-size: 48ch;
      }

      #css8d0a38fe .d45545ee {
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--secondary-dark);
        margin: 0;
        padding: 0;
      }

      #css8d0a38fe .nbc0e4b4 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin: 0;
        padding: 0;
      }

      #css8d0a38fe .c4e38ddf {
        display: flex;
        gap: 0.85rem;
        align-items: start;
        padding-block: 0.95rem;
        padding-inline: 1rem;
        border-radius: 0.875rem;
        background-color: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        border: 1px solid var(--border-light);
      }

      #css8d0a38fe .f39572f3 {
        flex-shrink: 0;
        margin-block-start: 0.35rem;
        inline-size: 0.5rem;
        block-size: 0.5rem;
        border-radius: 50%;
        background: linear-gradient(145deg, var(--accent) 0%, var(--primary-light) 100%);
        box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--accent-bg) 45%, transparent);
      }

      #css8d0a38fe .od42946c {
        margin: 0;
        padding: 0;
        color: var(--text-secondary);
        font-size: 0.98rem;
        line-height: 1.55;
      }

      #css8d0a38fe .j6402add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        margin-block-start: 0.25rem;
        padding-block: 0.85rem;
        padding-inline: 1.35rem;
        border-radius: 0.75rem;
        font-weight: 700;
        font-size: 0.95rem;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        border: 1px solid color-mix(in srgb, var(--primary-light) 35%, var(--primary-dark));
        box-shadow: 0 0.65rem 1.5rem rgba(var(--bs-primary-rgb), 0.22);
        transition: box-shadow 0.25s ease, transform 0.25s ease;
      }

      #css8d0a38fe .j6402add:hover {
        color: var(--text-light);
        box-shadow: 0 0.85rem 2rem rgba(var(--bs-primary-rgb), 0.3);
        transform: translateY(-2px);
      }

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

      #css8d0a38fe .j6402add:hover i {
        transform: translateX(calc(var(--content-rtl) * 5px));
      }

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

        #css8d0a38fe .nde05406 {
          border-inline-end: none;
          border-block-end: 1px solid var(--border-light);
        }
      }

      @media (max-width: 575.98px) {
        #css8d0a38fe .m9ab12c2::before {
          inline-size: min(70%, 14rem);
        }
      }