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

      #x-70wl7g {
        background: var(--background-tertiary);
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 200px;
          background: linear-gradient(180deg, var(--primary-bg) 0%, transparent 100%);
          opacity: 0.3;
          z-index: 0;
        }

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

        .c-cdidka {
          text-align: center;
          margin-bottom: 4rem;
          animation: fadeInUp_7k3m9p2xq1w 0.6s ease-out;

          .c-igl4ol {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 1rem;
            letter-spacing: -0.5px;
          }

          .c-d2fb2g {
            font-size: 1.1rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
          }
        }

        .c-1fs655 {
          background: var(--background-tertiary);
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 4px 20px rgba(var(--bs-primary-rgb), 0.08);
          transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transform: translateY(0);
          animation: fadeInUp_7k3m9p2xq1w 0.6s ease-out;
          animation-fill-mode: both;

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

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

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

          &:hover {
            transform: translateY(-12px);
            box-shadow: 0 12px 40px rgba(var(--bs-primary-rgb), 0.2);

            .c-feqf6u {
              &::after {
                opacity: 1;
              }
            }

            .c-bm8jlv {
              transform: scale(1.08);
            }

            .c-6eyzuj {
              background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
              color: var(--text-light);
            }
          }
        }

        .c-feqf6u {
          position: relative;
          overflow: hidden;
          background: linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 100%);
          height: 360px;

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            bottom: 0;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 1;
          }
        }

        .c-bm8jlv {
          width: 100%;
          height: 100%;
          object-fit: cover;
object-position: top;
          display: block;
          transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          position: relative;
          z-index: 0;
        }

        .c-7lv7fg {
          padding-block: 2rem;
padding-inline: 1.5rem;
          text-align: center;
          position: relative;
          z-index: 2;
        }

        .c-7b7msf {
          font-size: 1.5rem;
          font-weight: 700;
          color: var(--text-primary);
          margin-bottom: 0.75rem;
          letter-spacing: -0.3px;
        }

        .c-6eyzuj {
          display: inline-block;
          padding-block: 0.5rem;
padding-inline: 1.25rem;
          background: var(--primary-bg);
          color: var(--primary-dark);
          border-radius: 50px;
          font-size: 0.875rem;
          font-weight: 600;
          transition: all 0.3s ease;
          text-transform: uppercase;
          letter-spacing: 0.5px;
        }
      }

      @media (max-width: 992px) {
        #x-70wl7g {
          .c-cdidka {
            .c-igl4ol {
              font-size: 2rem;
            }

            .c-d2fb2g {
              font-size: 1rem;
            }
          }
        }
      }

      @media (max-width: 768px) {
        #x-70wl7g {
          .c-cdidka {
            margin-bottom: 3rem;

            .c-igl4ol {
              font-size: 1.75rem;
            }
          }

          .c-feqf6u {
            height: 300px;
          }

          .c-7lv7fg {
            padding-block: 1.5rem;
padding-inline: 1.25rem;
          }

          .c-7b7msf {
            font-size: 1.3rem;
          }
        }
      }

      @media (max-width: 576px) {
        #x-70wl7g {
          .c-cdidka {
            margin-bottom: 2.5rem;

            .c-igl4ol {
              font-size: 1.5rem;
            }

            .c-d2fb2g {
              font-size: 0.95rem;
            }
          }

          .c-1fs655 {
            margin-bottom: 2rem;
          }

          .c-feqf6u {
            height: 280px;
          }

          .c-7lv7fg {
            padding-block: 1.25rem;
padding-inline: 1rem;
          }

          .c-7b7msf {
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
          }

          .c-6eyzuj {
            font-size: 0.8rem;
            padding-block: 0.4rem;
padding-inline: 1rem;
          }
        }
      }

#x-gv0t71 {
        position: relative;
        overflow: hidden;
        padding-block: 88px;
        padding-inline: 0;
        background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--primary-bg) 38%, var(--accent-bg) 72%, var(--secondary-bg) 100%);
      }

      #x-gv0t71::before {
        content: '';
        position: absolute;
        inset-block-start: -120px;
        inset-inline-end: -80px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: radial-gradient(circle, var(--warning-bg) 0%, var(--warning-light) 55%, var(--background-tertiary) 100%);
        opacity: 0.55;
        pointer-events: none;
      }

      #x-gv0t71::after {
        content: '';
        position: absolute;
        inset-block-end: -140px;
        inset-inline-start: -100px;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        background: radial-gradient(circle, var(--info-bg) 0%, var(--info-light) 50%, var(--background-tertiary) 100%);
        opacity: 0.45;
        pointer-events: none;
      }

      #x-gv0t71 .c-8grceb {
        position: relative;
        z-index: 1;
      }

      #x-gv0t71 .c-mqdydj {
        max-width: 720px;
        margin-block-end: 56px;
      }

      #x-gv0t71 .c-bl0n4u {
        display: inline-block;
        padding-block: 8px;
        padding-inline: 18px;
        margin-block-end: 20px;
        border-radius: 999px;
        border: 3px solid var(--primary-dark);
        background: var(--background-tertiary);
        color: var(--primary-dark);
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        box-shadow: 5px 5px 0 var(--primary);
      }

      #x-gv0t71 .c-qyyqix {
        margin-block: 0 18px;
        color: var(--text-primary);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 800;
        line-height: 1.08;
        max-width: 14ch;
      }

      #x-gv0t71 .c-hvrcw6 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 18px;
        line-height: 1.65;
        max-width: 52ch;
      }

      #x-gv0t71 .c-9u46lm {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
      }

      #x-gv0t71 .c-azn40z {
        position: relative;
        min-width: 0;
        height: 100%;
        padding: 22px;
        border-radius: 28px;
        border: 3px solid var(--neutral-950);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
      }

      #x-gv0t71 .c-azn40z:nth-child(1) {
        grid-column: span 2;
        background: var(--primary-bg);
        box-shadow: 10px 10px 0 var(--primary-dark);
        transform: rotate(-1.2deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(2) {
        background: var(--secondary-bg);
        box-shadow: 8px 8px 0 var(--secondary-dark);
        transform: rotate(1.4deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(3) {
        background: var(--accent-bg);
        box-shadow: 8px 8px 0 var(--accent-dark);
        transform: rotate(-0.8deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(4) {
        background: var(--success-bg);
        box-shadow: 8px 8px 0 var(--success-dark);
        transform: rotate(1.1deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(5) {
        background: var(--info-bg);
        box-shadow: 8px 8px 0 var(--info-dark);
        transform: rotate(-1.3deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(6) {
        grid-column: span 3;
        background: var(--warning-bg);
        box-shadow: 10px 10px 0 var(--warning-dark);
        transform: rotate(0.6deg);
      }

      #x-gv0t71 .c-azn40z:hover {
        transform: translateY(-8px) rotate(0deg);
      }

      #x-gv0t71 .c-azn40z:nth-child(1):hover {
        box-shadow: 14px 14px 0 var(--primary-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(2):hover {
        box-shadow: 12px 12px 0 var(--secondary-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(3):hover {
        box-shadow: 12px 12px 0 var(--accent-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(4):hover {
        box-shadow: 12px 12px 0 var(--success-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(5):hover {
        box-shadow: 12px 12px 0 var(--info-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(6):hover {
        box-shadow: 14px 14px 0 var(--warning-dark);
      }

      #x-gv0t71 .c-q2eyly {
        display: flex;
        flex-direction: column;
        gap: 18px;
        height: 100%;
        padding: 24px;
        border-radius: 20px;
        background: var(--background-tertiary);
        border: 2px solid var(--neutral-950);
      }

      #x-gv0t71 .c-azn40z:nth-child(6) .c-q2eyly {
        flex-direction: row;
        align-items: center;
        gap: 28px;
      }

      #x-gv0t71 .c-pgrvh3 {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        border: 3px solid var(--neutral-950);
        background: var(--background-tertiary);
        box-shadow: 4px 4px 0 var(--neutral-950);
        transition: transform 0.35s ease, background 0.35s ease;
      }

      #x-gv0t71 .c-azn40z:hover .c-pgrvh3 {
        transform: scale(1.08) rotate(-8deg);
      }

      #x-gv0t71 .c-pgrvh3 svg {
        width: 34px;
        height: 34px;
      }

      #x-gv0t71 .c-azn40z:nth-child(1) .c-pgrvh3 {
        background: var(--primary-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(1) .c-pgrvh3 svg {
        color: var(--primary-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(1):hover .c-pgrvh3 {
        background: var(--primary);
      }

      #x-gv0t71 .c-azn40z:nth-child(1):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-azn40z:nth-child(2) .c-pgrvh3 {
        background: var(--secondary-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(2) .c-pgrvh3 svg {
        color: var(--secondary-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(2):hover .c-pgrvh3 {
        background: var(--secondary);
      }

      #x-gv0t71 .c-azn40z:nth-child(2):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-azn40z:nth-child(3) .c-pgrvh3 {
        background: var(--accent-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(3) .c-pgrvh3 svg {
        color: var(--accent-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(3):hover .c-pgrvh3 {
        background: var(--accent);
      }

      #x-gv0t71 .c-azn40z:nth-child(3):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-azn40z:nth-child(4) .c-pgrvh3 {
        background: var(--success-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(4) .c-pgrvh3 svg {
        color: var(--success-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(4):hover .c-pgrvh3 {
        background: var(--success-color);
      }

      #x-gv0t71 .c-azn40z:nth-child(4):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-azn40z:nth-child(5) .c-pgrvh3 {
        background: var(--info-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(5) .c-pgrvh3 svg {
        color: var(--info-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(5):hover .c-pgrvh3 {
        background: var(--info-color);
      }

      #x-gv0t71 .c-azn40z:nth-child(5):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-azn40z:nth-child(6) .c-pgrvh3 {
        background: var(--warning-bg);
      }

      #x-gv0t71 .c-azn40z:nth-child(6) .c-pgrvh3 svg {
        color: var(--warning-dark);
      }

      #x-gv0t71 .c-azn40z:nth-child(6):hover .c-pgrvh3 {
        background: var(--warning-color);
      }

      #x-gv0t71 .c-azn40z:nth-child(6):hover .c-pgrvh3 svg {
        color: var(--text-light);
      }

      #x-gv0t71 .c-mi8hlj {
        min-width: 0;
      }

      #x-gv0t71 .c-6ijqkl {
        margin: 0 0 10px;
        color: var(--text-primary);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
      }

      #x-gv0t71 .c-oktat0 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 15px;
        line-height: 1.65;
      }

      @media (max-width: 991px) {
        #x-gv0t71 {
          padding-block: 64px;
        }

        #x-gv0t71 .c-mqdydj {
          margin-block-end: 40px;
        }

        #x-gv0t71 .c-9u46lm {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 20px;
        }

        #x-gv0t71 .c-azn40z:nth-child(1) {
          grid-column: span 2;
        }

        #x-gv0t71 .c-azn40z:nth-child(6) {
          grid-column: span 2;
        }

        #x-gv0t71 .c-azn40z:nth-child(6) .c-q2eyly {
          flex-direction: column;
          align-items: stretch;
        }
      }

      @media (max-width: 575px) {
        #x-gv0t71 .c-9u46lm {
          grid-template-columns: minmax(0, 1fr);
        }

        #x-gv0t71 .c-azn40z:nth-child(1),
        #x-gv0t71 .c-azn40z:nth-child(6) {
          grid-column: span 1;
        }

        #x-gv0t71 .c-azn40z {
          transform: rotate(0deg);
        }

        #x-gv0t71 .c-azn40z:hover {
          transform: translateY(-6px);
        }
      }

#x-mwzl6o {
        overflow: hidden;
        background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 100%);
        box-shadow: 0 -8px 40px rgba(var(--bs-primary-rgb), 0.1);
        border-top: 3px solid var(--primary);
        position: relative;
        z-index: 1;
        padding-block: 4rem 2rem;
padding-inline: 0;

        .c-ops20j {
          z-index: 0;
          pointer-events: none;
          background: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(var(--bs-primary-rgb), 0.03) 20px, rgba(var(--bs-primary-rgb), 0.03) 40px),
            radial-gradient(circle at 15% 30%, rgba(var(--bs-primary-rgb), 0.08) 0%, transparent 50%), radial-gradient(circle at 85% 70%, rgba(var(--bs-primary-rgb), 0.06) 0%, transparent 50%);
          animation: footerdecor_k8m3n9p2q7r 15s ease-in-out infinite alternate;
        }

        .c-ho4h1o {
          margin-bottom: 2rem;

          .c-sx9hzv {
            color: var(--primary);
            font-weight: 700;
            letter-spacing: 1.5px;
            font-size: 1.5rem;
            margin-bottom: 0.75rem;
            text-transform: uppercase;
            position: relative;
            display: inline-block;

            &::after {
              content: '';
              position: absolute;
              bottom: -4px;
              inset-inline-start: 0;
              width: 60px;
              height: 3px;
              background: linear-gradient(90deg, var(--primary), var(--primary-light));
              border-radius: 2px;
            }
          }

          .c-bjrk3o {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 1.5rem;

            .c-kxegzd {
              color: var(--text-primary);
              font-weight: 600;
              padding-block: 0.25rem;
padding-inline: 0.5rem;
              background: var(--primary-bg);
              border-radius: 4px;
              display: inline-block;
              margin-inline-start: 0.5rem;
            }
          }

          .c-hoi13m {
            margin-top: 1.5rem;

            .c-mi9z1h {
              color: var(--text-primary);
              font-weight: 600;
              font-size: 0.875rem;
              text-transform: uppercase;
              letter-spacing: 1px;
              margin-bottom: 1rem;
            }

            .c-ku026l {
              display: flex;
              gap: 0.75rem;
              flex-wrap: wrap;

              .c-od0yoq {
                width: 44px;
                height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 12px;
                background: var(--background-tertiary);
                border: 2px solid var(--neutral-150);
                color: var(--text-primary);
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;

                &::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, height 0.4s;
                }

                .c-epu5qa {
                  position: relative;
                  z-index: 1;
                  font-size: 1.25rem;
                  color: var(--primary);
                  transition: color 0.3s, transform 0.3s;
                }

                &:hover {
                  border-color: var(--primary);
                  transform: translateY(-3px);
                  box-shadow: 0 6px 20px rgba(var(--bs-primary-rgb), 0.25);

                  &::before {
                    width: 100%;
                    height: 100%;
                  }

                  .c-epu5qa {
                    color: var(--text-light);
                    transform: scale(1.1);
                  }
                }

                &:active {
                  transform: translateY(-1px);
                }
              }
            }
          }
        }

        .c-kt0pcf {
          margin-bottom: 2rem;

          .c-eagdol {
            color: var(--text-primary);
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1.25rem;
            text-align: center;
          }

          .nav {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.5rem;

            .c-m1icbq {
              .nav-link {
                color: var(--text-secondary);
                font-weight: 500;
                padding-block: 0.5rem;
padding-inline: 1rem;
                border-radius: 8px;
                transition: all 0.3s ease;
                position: relative;
                text-decoration: none;

                &::before {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  inset-inline-start: 50%;
                  width: 0;
                  height: 2px;
                  background: var(--primary);
                  transform: translateX(-50%);
                  transition: width 0.3s ease;
                }

                &:hover {
                  color: var(--primary);
                  background: rgba(var(--bs-primary-rgb), 0.08);
                  transform: translateY(-2px);

                  &::before {
                    width: 80%;
                  }
                }
              }
            }
          }
        }

        .c-t08uyv {
          margin-bottom: 2rem;

          .c-sfwf4a {
            color: var(--text-primary);
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1.25rem;
            text-align: end;
          }

          .c-ldwdmi {
            color: var(--text-secondary);
            font-size: 0.9375rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
            gap: 0.75rem;
            transition: color 0.3s ease;

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

              .c-epu5qa {
                color: var(--primary);
                transform: scale(1.1);
              }
            }

            .c-epu5qa {
              color: var(--primary);
              font-size: 1.125rem;
              margin-top: 0.125rem;
              transition: all 0.3s ease;
              flex-shrink: 0;
            }

            .c-tn95c9 {
              text-align: end;
              line-height: 1.6;
            }
          }
        }

        .c-c69k6r {
          margin-top: 3rem;
          padding-top: 2rem;
          border-top: 1px solid var(--neutral-150);
          position: relative;
          z-index: 1;

          .c-3hgnrz {
            color: var(--text-tertiary);
            font-size: 0.875rem;
            text-align: center;
            margin: 0;
          }
        }

        @media (max-width: 991.98px) {
          padding-block: 3rem 1.5rem;
padding-inline: 0;

          .c-ho4h1o {
            text-align: center;
            margin-bottom: 2.5rem;

            .c-sx9hzv::after {
              inset-inline-start: 50%;
              transform: translateX(-50%);
            }

            .c-hoi13m {
              .c-ku026l {
                justify-content: center;
              }
            }
          }

          .c-kt0pcf {
            margin-bottom: 2.5rem;

            .c-eagdol {
              text-align: center;
            }
          }

          .c-t08uyv {
            margin-bottom: 2.5rem;

            .c-sfwf4a {
              text-align: center;
            }

            .c-ldwdmi {
              justify-content: center;

              .c-tn95c9 {
                text-align: center;
              }
            }
          }
        }

        @media (max-width: 575.98px) {
          padding-block: 2.5rem 1.25rem;
padding-inline: 0;

          .c-ho4h1o {
            .c-sx9hzv {
              font-size: 1.25rem;
            }
          }

          .c-kt0pcf {
            .nav {
              flex-direction: column;
              align-items: center;

              .c-m1icbq {
                width: 100%;
                text-align: center;

                .nav-link {
                  display: block;
                  width: 100%;
                }
              }
            }
          }
        }
      }

      @keyframes footerdecor_k8m3n9p2q7r {
        0% {
          background-position: 0 0, 15% 30%, 85% 70%;
          opacity: 0.6;
        }
        50% {
          background-position: 30px 30px, 18% 35%, 82% 65%;
          opacity: 0.8;
        }
        100% {
          background-position: 60px 60px, 20% 40%, 80% 60%;
          opacity: 1;
        }
      }