#mf7bddd4 {
        position: relative;
        padding-block: 1.25rem;
        background-color: var(--accent-bg);
        background-image: radial-gradient(circle at 0.75rem 0.75rem, var(--danger-bg) 0.18rem, transparent 0.19rem), radial-gradient(circle at 0.75rem 0.75rem, var(--warning-bg) 0.18rem, transparent 0.19rem),
          linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 45%, var(--secondary-bg) 100%);
        background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, 100% 100%;
        background-position: 0 0, 0.75rem 0.75rem, 0 0;
        border-block-end: 0.35rem solid var(--neutral-1050);
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          inset-block-start: 0;
          inset-inline: 0;
          block-size: 0.35rem;
          background: linear-gradient(90deg, var(--danger-bg) 0%, var(--warning-bg) 20%, var(--primary-bg) 40%, var(--secondary-bg) 60%, var(--accent-bg) 80%, var(--info-bg) 100%);
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          inset-block-end: -3.5rem;
          inset-inline-end: -3.5rem;
          inline-size: 9rem;
          block-size: 9rem;
          border-radius: 50%;
          background: radial-gradient(circle, var(--warning-bg) 0%, var(--warning-bg) 35%, transparent 36%);
          opacity: 0.55;
          pointer-events: none;
        }

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

        .v6f501ad {
          width: 100%;
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          align-items: center;
          gap: 1rem;
          padding-block: 1rem;
          padding-inline: 1.25rem;
          background: var(--background-tertiary);
          border: 0.25rem solid var(--neutral-1050);
          box-shadow: 0.5rem 0.5rem 0 var(--neutral-1050);
        }

        .va4956ed {
          justify-self: start;
          display: inline-flex;
          align-items: center;
          max-inline-size: 100%;
          margin: 0;
          padding-block: 0.65rem;
          padding-inline: 1.15rem;
          font-size: 1.5rem;
          font-weight: 800;
          letter-spacing: 0.04em;
          text-transform: uppercase;
          text-decoration: none;
          color: var(--text-light);
          white-space: normal;
          background: linear-gradient(135deg, var(--danger-color), var(--danger-dark));
          border: 0.2rem solid var(--neutral-1050);
          box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
          transform: rotate(-2deg);
          transition: transform 0.25s ease, box-shadow 0.25s ease;

          &:hover {
            color: var(--text-light);
            transform: rotate(0deg) translateY(-0.15rem);
            box-shadow: 0.45rem 0.45rem 0 var(--neutral-1050);
          }

          &:focus-visible {
            outline: 0.2rem solid var(--accent);
            outline-offset: 0.15rem;
          }
        }

        .vc7cbb97 {
          justify-self: end;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0.3rem;
          inline-size: 3rem;
          block-size: 3rem;
          padding: 0;
          border: 0.2rem solid var(--neutral-1050);
          border-radius: 0;
          background: var(--warning-bg);
          box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050);
          transition: transform 0.25s ease, background 0.25s ease;

          &:hover {
            background: var(--warning-light);
            transform: translateY(-0.1rem);
          }

          &:focus {
            box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050), 0 0 0 0.2rem var(--accent-light);
          }
        }

        .v296ee78 {
          display: block;
          inline-size: 1.35rem;
          block-size: 0.2rem;
          background: var(--neutral-1050);
          border-radius: 0;
        }

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

        .va3341a5 {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          gap: 0.65rem;
          margin: 0;
          padding: 0;
          list-style: none;

          .v2d7c6ab {
            flex: 0 1 auto;
          }

          .nav-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-block-size: 2.75rem;
            padding-block: 0.55rem;
            padding-inline: 1rem;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            color: var(--neutral-1050);
            white-space: normal;
            background: var(--background-tertiary);
            border: 0.18rem solid var(--neutral-1050);
            border-radius: 0;
            box-shadow: 0.28rem 0.28rem 0 var(--neutral-1050);
            transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;

            &:hover {
              color: var(--text-light);
              transform: translate(calc(-0.12rem * var(--pop-dir, 1)), -0.12rem);
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
            }

            &:focus-visible {
              outline: 0.15rem solid var(--accent);
              outline-offset: 0.1rem;
            }

            &.active {
              color: var(--text-light);
              font-weight: 800;
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
              animation: popartpulse_m8k3x7n2q9w4 2.4s ease-in-out infinite;
            }
          }

          .v2d7c6ab:nth-child(1) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1.5deg;
            transform: rotate(-1.5deg);

            &:hover,
            &.active {
              background: var(--danger-color);
            }
          }

          .v2d7c6ab:nth-child(2) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1deg;
            transform: rotate(1deg);

            &:hover,
            &.active {
              background: var(--warning-color);
            }
          }

          .v2d7c6ab:nth-child(3) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -0.5deg;
            transform: rotate(-0.5deg);

            &:hover,
            &.active {
              background: var(--secondary);
            }
          }

          .v2d7c6ab:nth-child(4) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1.25deg;
            transform: rotate(1.25deg);

            &:hover,
            &.active {
              background: var(--accent);
            }
          }

          .v2d7c6ab:nth-child(5) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1deg;
            transform: rotate(-1deg);

            &:hover,
            &.active {
              background: var(--info-color);
            }
          }
        }
      }

      @keyframes popartpulse_m8k3x7n2q9w4 {
        0%,
        100% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1);
        }
        50% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1.03);
        }
      }

      @media (min-width: 992px) {
        #mf7bddd4 {
          .v6f501ad {
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
            padding-block: 1.15rem;
            padding-inline: 1.5rem;
          }

          .vc7cbb97 {
            display: none;
          }

          .navbar-collapse {
            grid-column: 2;
            grid-row: 1;
            display: block !important;
          }

          .va3341a5 {
            justify-content: end;
            gap: 0.55rem;
          }
        }
      }

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

          .v6f501ad {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            padding-block: 0.85rem;
            padding-inline: 1rem;
          }

          .va3341a5 {
            flex-direction: column;
            align-items: stretch;
            padding-block-start: 0.75rem;

            .v2d7c6ab {
              inline-size: 100%;
            }

            .nav-link {
              inline-size: 100%;
              transform: none !important;

              &.active {
                animation: none;
              }
            }

            .v2d7c6ab:nth-child(1) .nav-link:hover,
            .v2d7c6ab:nth-child(1) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .v2d7c6ab:nth-child(2) .nav-link:hover,
            .v2d7c6ab:nth-child(2) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .v2d7c6ab:nth-child(3) .nav-link:hover,
            .v2d7c6ab:nth-child(3) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .v2d7c6ab:nth-child(4) .nav-link:hover,
            .v2d7c6ab:nth-child(4) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .v2d7c6ab:nth-child(5) .nav-link:hover,
            .v2d7c6ab:nth-child(5) .nav-link.active {
              transform: translateY(-0.1rem);
            }
          }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #mf7bddd4 {
          .va4956ed,
          .vc7cbb97,
          .va3341a5 .nav-link {
            transition: none;
          }

          .va3341a5 .nav-link.active {
            animation: none;
          }
        }
      }

#md513291 {
    min-height: 90vh;
    padding-block: 5rem;
    padding-inline: 0;
    background: var(--background-secondary);
    position: relative;
    overflow: hidden;

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

    .vaf786e9 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border-radius: 2.5rem;
      overflow: hidden;
      background: var(--background-tertiary);
      box-shadow: 0 30px 80px rgba(var(--bs-primary-rgb), .18);
    }

    .v24aedd3 {
      padding-block: clamp(2rem, 5vw, 5rem);
      padding-inline: clamp(1.5rem, 5vw, 4rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .v8a1515c {
      color: var(--primary-dark);
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

    h1 {
      color: var(--text-primary);
      font-size: clamp(2.25rem, 5vw, 4.5rem);
      line-height: 1.05;
      font-weight: 900;
      margin-block: 0 1.3rem;
    }

    .lead {
      color: var(--text-secondary);
      font-size: 1.1rem;
      line-height: 1.8;
      margin-block: 0 2rem;
    }

    .vaa8e752 {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .btn {
      border-radius: .4rem;
      padding-block: .9rem;
      padding-inline: 1.8rem;
      font-weight: 900;
      transition: transform .3s ease, background .3s ease;
    }

    .vf08874b {
      background: var(--accent-dark);
      color: var(--text-light);

      &:hover {
        background: var(--accent);
        color: var(--text-light);
        transform: translateY(-4px);
      }
    }

    .v6415009 {
      background: var(--background-primary);
      color: var(--text-primary);
      border: 1px solid var(--neutral-250);

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

    .vb4a43b3 {
      min-height: 100%;
      padding: 1.5rem;
      background: linear-gradient(135deg, var(--primary), var(--primary-dark));
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .ve3b3dd0 {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      overflow: hidden;
      border: .8rem solid var(--background-tertiary);
      background: var(--primary-bg);

      img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
      }
    }

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

      .v24aedd3 {
        text-align: center;
      }

      .vaa8e752 {
        justify-content: center;
      }

      .vb4a43b3 {
        order: -1;
      }

      .ve3b3dd0 {
        max-width: 480px;
      }
    }

    @media (max-width: 575px) {
      .vaf786e9 {
        border-radius: 1.5rem;
      }

      .btn {
        width: 100%;
      }
    }
  }

#m75e759c {
          position: relative;
          overflow: hidden;
          padding-block: 4.5rem;
          background-color: var(--background-primary);
          background-image: radial-gradient(circle, var(--primary-bg) 2px, transparent 2px);
          background-size: 16px 16px;
        }
    
        #m75e759c .v64af511 {
          position: absolute;
          inset-block-start: 0;
          inset-inline: 0;
          block-size: 0.65rem;
          background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 25%, var(--warning-bg) 25%, var(--warning-bg) 50%, var(--accent) 50%, var(--accent) 75%, var(--secondary) 75%, var(--secondary) 100%);
          pointer-events: none;
          z-index: 0;
        }
    
        #m75e759c .v39eb390 {
          position: relative;
          z-index: 1;
        }
    
        #m75e759c .v2bdaecb {
          display: grid;
          grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
          gap: 2.5rem;
          align-items: start;
        }
    
        #m75e759c .va1a9400 {
          width: 100%;
          max-width: 420px;
          margin-inline: auto;
        }
    
        #m75e759c .v8bb9ae3 {
          aspect-ratio: 1 / 1;
          width: 100%;
          border: 4px solid var(--neutral-1050);
          background-color: var(--warning-bg);
          box-shadow: 10px 10px 0 var(--primary), 20px 20px 0 var(--accent-bg);
        }
    
        #m75e759c .v8bb9ae3 img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
    
        #m75e759c .v709b072 {
          text-align: start;
        }
    
        #m75e759c .v3c59d9a {
          display: inline-block;
          margin-block-end: 1rem;
          padding-block: 0.45rem;
          padding-inline: 1rem;
          background-color: var(--danger-bg);
          color: var(--text-light);
          border: 3px solid var(--neutral-1050);
          box-shadow: 4px 4px 0 var(--neutral-1050);
          font-weight: 800;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          transform: rotate(-2deg);
        }
    
        #m75e759c .v2b146a9 {
          margin-block-end: 1rem;
          font-weight: 900;
          line-height: 1.05;
          color: var(--text-primary);
        }
    
        #m75e759c .v95e4279 {
          display: inline;
          padding-inline: 0.35rem;
          background-color: var(--primary-bg);
          color: var(--primary-dark);
          border: 3px solid var(--neutral-1050);
          box-shadow: 5px 5px 0 var(--accent);
        }
    
        #m75e759c .v3250fd9 {
          margin-block-end: 1.5rem;
          color: var(--text-secondary);
          font-size: 1.125rem;
          line-height: 1.6;
        }
    
        #m75e759c .v40bac05 {
          display: flex;
          flex-wrap: wrap;
          gap: 1rem;
          margin-block-end: 2rem;
        }
    
        #m75e759c .v44466ff {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 0.5rem;
          padding-block: 0.85rem;
          padding-inline: 1.5rem;
          font-weight: 800;
          text-decoration: none;
          border: 3px solid var(--neutral-1050);
          transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
    
        #m75e759c .v13220c1 {
          background-color: var(--primary);
          color: var(--text-light);
          box-shadow: 6px 6px 0 var(--neutral-1050);
        }
    
        #m75e759c .v13220c1:hover {
          color: var(--text-light);
          transform: translate(2px, 2px);
          box-shadow: 4px 4px 0 var(--neutral-1050);
        }
    
        #m75e759c .v7bbd6ba {
          background-color: var(--background-tertiary);
          color: var(--primary-dark);
          box-shadow: 6px 6px 0 var(--secondary);
        }
    
        #m75e759c .v7bbd6ba:hover {
          color: var(--primary-dark);
          transform: translate(2px, 2px);
          box-shadow: 4px 4px 0 var(--secondary-dark);
        }
    
        #m75e759c .v101a733 {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 1rem;
        }
    
        #m75e759c .v582d6c8 {
          padding: 1.15rem;
          background-color: var(--background-tertiary);
          border: 3px solid var(--neutral-1050);
          transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
    
        #m75e759c .vc031c82 {
          box-shadow: 6px 6px 0 var(--warning-color);
        }
    
        #m75e759c .veb69bb8 {
          box-shadow: 6px 6px 0 var(--accent);
        }
    
        #m75e759c .v71e82f7 {
          box-shadow: 6px 6px 0 var(--secondary);
        }
    
        #m75e759c .v582d6c8:hover {
          transform: translateY(-4px);
        }
    
        #m75e759c .vc031c82:hover {
          box-shadow: 8px 10px 0 var(--warning-color);
        }
    
        #m75e759c .veb69bb8:hover {
          box-shadow: 8px 10px 0 var(--accent);
        }
    
        #m75e759c .v71e82f7:hover {
          box-shadow: 8px 10px 0 var(--secondary);
        }
    
        #m75e759c .vded9dc0 {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 2.75rem;
          height: 2.75rem;
          margin-block-end: 0.75rem;
          border: 3px solid var(--neutral-1050);
          font-size: 1.25rem;
        }
    
        #m75e759c .vc031c82 .vded9dc0 {
          background-color: var(--warning-bg);
          color: var(--warning-dark);
        }
    
        #m75e759c .veb69bb8 .vded9dc0 {
          background-color: var(--accent-bg);
          color: var(--accent-dark);
        }
    
        #m75e759c .v71e82f7 .vded9dc0 {
          background-color: var(--secondary-bg);
          color: var(--secondary-dark);
        }
    
        #m75e759c .v4130d03 {
          margin-block: 0 0.5rem;
          font-weight: 800;
          color: var(--text-primary);
          font-size: 1rem;
        }
    
        #m75e759c .vd4a6dc0 {
          margin: 0;
          color: var(--text-secondary);
          font-size: 0.925rem;
          line-height: 1.5;
        }
    
        @media (max-width: 991.98px) {
          #m75e759c .v2bdaecb {
            grid-template-columns: minmax(0, 1fr);
            gap: 2rem;
          }
    
          #m75e759c .va1a9400 {
            max-width: 360px;
          }
    
          #m75e759c .v709b072 {
            text-align: center;
          }
    
          #m75e759c .v40bac05 {
            justify-content: center;
          }
    
          #m75e759c .v101a733 {
            grid-template-columns: minmax(0, 1fr);
          }
        }
    
        @media (max-width: 575.98px) {
          #m75e759c {
            padding-block: 3rem;
          }
    
          #m75e759c .v40bac05 {
            flex-direction: column;
            align-items: stretch;
          }
    
          #m75e759c .v44466ff {
            width: 100%;
          }
    
          #m75e759c .v8bb9ae3 {
            box-shadow: 8px 8px 0 var(--primary), 14px 14px 0 var(--accent-bg);
          }
        }

#m82d8cb5 {
      &.v89d46e9 {
          background: var(--background-primary);
          position: relative;
          overflow: hidden;
          padding-block: 7rem;
          padding-inline: 0;
      }

      &::before {
          content: '';
          position: absolute;
          inset-block-start: -10rem;
          inset-inline-end: -8rem;
          width: 22rem;
          height: 22rem;
          border-radius: 50%;
          background: var(--primary-bg);
          opacity: 0.45;
      }

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

      .v9f99979 {
          max-width: 760px;
          margin: 0 auto 4rem;
          text-align: center;
      }

      .vcdc2760 {
          display: inline-flex;
          padding-block: 0.55rem;
          padding-inline: 1.35rem;
          border-radius: 999px;
          background: var(--background-tertiary);
          color: var(--primary-dark);
          font-size: 0.85rem;
          font-weight: 700;
          letter-spacing: 0.16em;
          text-transform: uppercase;
          margin-bottom: 1.2rem;
          border: 1px solid var(--primary-light);
      }

      .ve0b4ddc {
          color: var(--text-primary);
          font-weight: 800;
          font-size: 2.65rem;
          margin-bottom: 1rem;
      }

      .ve74deea {
          color: var(--text-secondary);
          font-size: 1.05rem;
          line-height: 1.8;
      }

      .v4376451 {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 1.5rem;
      }

      .vb473ad8 {
          background: var(--background-tertiary);
          border: 1px solid var(--neutral-150);
          border-radius: 1.5rem;
          padding: 2rem;
          transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

          &:hover {
              transform: translateY(-0.4rem);
              border-color: var(--primary-light);
              box-shadow: 0 18px 40px rgba(var(--bs-primary-rgb), 0.14);
          }
      }

      .v66bcafa {
          display: block;
          width: 3rem;
          height: 0.35rem;
          border-radius: 999px;
          background: var(--primary);
          margin-bottom: 1.5rem;
      }

      .vf26265f {
          display: block;
          color: var(--neutral-650);
          font-size: 0.78rem;
          font-weight: 700;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          margin-bottom: 0.55rem;
      }

      .v2dfca74 {
          color: var(--text-primary);
          font-size: 1.25rem;
          font-weight: 800;
          margin-bottom: 0.75rem;
      }

      .v95521f9 {
          color: var(--text-secondary);
          font-size: 0.98rem;
          line-height: 1.7;
          margin-bottom: 1.2rem;
      }

      .ve0fe827 {
          display: inline-flex;
          align-items: center;
          gap: 0.45rem;
          color: var(--primary-dark);
          text-decoration: none;
          font-weight: 700;

          i {
              transition: transform 0.25s ease;
          }

          &:hover i {
              transform: translateX(0.3rem);
          }
      }

      .v2d18e13 {
          grid-column: 1 / -1;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 1rem;
          margin-top: 2rem;
      }

      .v346050a,
      .v8050f57 {
          display: inline-flex;
          align-items: center;
          gap: 0.55rem;
          border-radius: 999px;
          padding-block: 0.9rem;
          padding-inline: 1.8rem;
          text-decoration: none;
          font-weight: 700;
      }

      .v346050a {
          background: var(--primary);
          color: var(--text-light);
      }

      .v8050f57 {
          background: var(--background-tertiary);
          color: var(--text-primary);
          border: 1px solid var(--neutral-250);
      }
  }

  @media (max-width: 991.98px) {
      #m82d8cb5 {
          .v4376451 {
              grid-template-columns: 1fr;
          }

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

  @media (max-width: 575.98px) {
      #m82d8cb5 {
          padding-block: 4.5rem;

          .ve0b4ddc {
              font-size: 1.85rem;
          }

          .vb473ad8 {
              padding: 1.5rem;
          }
      }
  }

#mff57e50 {
  background: var(--background-primary);
  padding-block: 120px;

  .vfbb16a2 {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    border-radius: 42px;
    overflow: hidden;
    background: var(--background-dark);
    min-height: 620px;
    position: relative;
  }

  .v36afad1 {
    position: relative;
    overflow: hidden;

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

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
              180deg,
              rgba(var(--bs-primary-rgb), 0.2) 0%,
              rgba(176, 74, 150, 0.55) 100%
      );
    }

    .vd3bf22f {
      position: absolute;
      inset-inline-start: 30px;
      inset-block-end: 30px;
      background: rgba(255, 255, 255, 0.14);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 28px;
      padding: 26px;
      display: flex;
      align-items: center;
      gap: 18px;
      max-width: 320px;

      i {
        width: 62px;
        height: 62px;
        border-radius: 18px;
        background: var(--secondary);
        color: var(--text-primary);
        display: grid;
        place-items: center;
        font-size: 1.8rem;
        flex-shrink: 0;
      }

      strong {
        display: block;
        color: var(--text-light);
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 8px;
        font-weight: 900;
      }

      span {
        color: var(--neutral-150);
        font-weight: 700;
        line-height: 1.4;
      }
    }
  }

  .vada39d7 {
    padding: clamp(36px, 7vw, 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--text-light);
    position: relative;
  }

  .v4aa9b95 {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 10px 22px;
    border-radius: 999px;
    margin-bottom: 28px;
    font-weight: 900;
    color: var(--secondary-light);
    backdrop-filter: blur(10px);
  }

  .v369726b {
    font-size: clamp(2.6rem, 5vw, 5rem);
    line-height: 0.96;
    font-weight: 900;
    margin-bottom: 26px;
    color: var(--text-light);
  }

  .v9efab72 {
    color: var(--neutral-150);
    font-size: 1.16rem;
    line-height: 1.85;
    margin-bottom: 38px;
    max-width: 620px;
  }

  .v0b2353c {
    display: grid;
    gap: 16px;
    margin-bottom: 42px;
  }

  .v87c659c {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 20px 22px;
    transition: 0.3s ease;

    &:hover {
      background: rgba(255, 255, 255, 0.12);
      transform: translateX(6px);
    }

    i {
      width: 52px;
      height: 52px;
      border-radius: 16px;
      background: var(--secondary);
      color: var(--text-primary);
      display: grid;
      place-items: center;
      font-size: 1.4rem;
    }

    span {
      color: var(--text-light);
      font-weight: 800;
      line-height: 1.45;
    }
  }

  .va92a994 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .v68b53f9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 36px;
    border-radius: 999px;
    background: var(--secondary);
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 900;
    transition: 0.3s ease;

    &:hover {
      background: var(--secondary-light);
      transform: translateY(-5px);
    }

    &.v5f81094 {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.18);
      color: var(--text-light);

      &:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: var(--text-light);
      }
    }
  }

  @media (max-width: 992px) {
    padding-block: 90px;

    .vfbb16a2 {
      grid-template-columns: 1fr;
      min-height: auto;
    }

    .v36afad1 {
      order: -1;

      img {
        min-height: 420px;
        height: 420px;
      }
    }

    .vada39d7 {
      padding: 50px 34px;
    }

    .v369726b {
      font-size: 3.4rem;
    }
  }

  @media (max-width: 768px) {
    padding-block: 70px;

    .vfbb16a2 {
      border-radius: 30px;
    }

    .v36afad1 {
      img {
        min-height: 360px;
        height: 360px;
      }

      .vd3bf22f {
        inset-inline: 20px;
        inset-block-end: 20px;
        max-width: none;
        padding: 20px;

        i {
          width: 52px;
          height: 52px;
          font-size: 1.5rem;
        }

        strong {
          font-size: 1.6rem;
        }
      }
    }

    .vada39d7 {
      padding: 42px 26px;
    }

    .v369726b {
      font-size: 2.8rem;
    }

    .v9efab72 {
      font-size: 1.05rem;
    }

    .v87c659c {
      padding: 18px;
    }
  }

  @media (max-width: 576px) {
    padding-block: 55px;

    .vfbb16a2 {
      border-radius: 24px;
    }

    .v36afad1 {
      img {
        min-height: 300px;
        height: 300px;
      }

      .vd3bf22f {
        inset-inline: 16px;
        inset-block-end: 16px;
        max-width: none;
        padding: 18px;
        flex-direction: column;
        text-align: center;
        gap: 12px;

        i {
          width: 48px;
          height: 48px;
          font-size: 1.35rem;
        }

        strong {
          font-size: 1.4rem;
        }
      }
    }

    .vada39d7 {
      padding: 34px 20px;
    }

    .v4aa9b95 {
      padding: 8px 16px;
      font-size: 0.85rem;
      margin-bottom: 22px;
    }

    .v369726b {
      font-size: 2.25rem;
      margin-bottom: 20px;
    }

    .v9efab72 {
      font-size: 1rem;
      line-height: 1.65;
      margin-bottom: 28px;
    }

    .v0b2353c {
      gap: 12px;
      margin-bottom: 30px;
    }

    .v87c659c {
      grid-template-columns: 1fr;
      text-align: center;

      i {
        margin-inline: auto;
      }
    }

    .va92a994 {
      flex-direction: column;
      gap: 12px;
    }

    .v68b53f9 {
      width: 100%;
      padding: 16px 24px;
    }
  }
}

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

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

    #m55e5d62 {
      position: relative;
      overflow: hidden;
      padding-block: 7rem;
      padding-inline: 0;
      background: linear-gradient(145deg, var(--background-primary) 0%, var(--accent-bg) 38%, var(--primary-bg) 72%, var(--background-primary) 100%);
    }

    #m55e5d62 .v40673f0 {
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(0);
    }

    #m55e5d62 .ve95fbed {
      width: 28rem;
      height: 28rem;
      inset-block-start: -9rem;
      inset-inline-end: -7rem;
      background: radial-gradient(circle, var(--primary-light) 0%, var(--primary-bg) 55%, var(--background-primary) 100%);
      opacity: 0.55;
      animation: softdrift_m4k8n2p7x1q 9s ease-in-out infinite;
    }

    #m55e5d62 .vb3fa064 {
      width: 22rem;
      height: 22rem;
      inset-block-end: -6rem;
      inset-inline-start: -5rem;
      background: radial-gradient(circle, var(--accent-light) 0%, var(--accent-bg) 60%, var(--background-primary) 100%);
      opacity: 0.5;
      animation: softdrift_m4k8n2p7x1q 11s ease-in-out infinite reverse;
    }

    #m55e5d62 .v4442bf6 {
      width: 14rem;
      height: 14rem;
      inset-block-start: 42%;
      inset-inline-end: 8%;
      background: radial-gradient(circle, var(--secondary-light) 0%, var(--secondary-bg) 70%, var(--background-primary) 100%);
      opacity: 0.35;
      animation: softdrift_m4k8n2p7x1q 13s ease-in-out infinite;
    }

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

    #m55e5d62 .v90792b3 {
      max-width: 42rem;
      margin-block-end: 3.5rem;
      animation: softrise_h3j9w5t8v2r 0.7s ease-out;
    }

    #m55e5d62 .v0c00413 {
      display: inline-block;
      margin-block-end: 1rem;
      padding-block: 0.45rem;
      padding-inline: 1rem;
      border-radius: 999px;
      background: var(--background-tertiary);
      color: var(--primary-dark);
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      box-shadow: 0 8px 24px rgba(var(--bs-primary-rgb), 0.12);
      white-space: normal;
    }

    #m55e5d62 .v5194edd {
      margin-block: 0 1rem;
      color: var(--text-primary);
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 900;
      line-height: 1.15;
      letter-spacing: -0.02em;
    }

    #m55e5d62 .vdbd0b86 {
      margin: 0;
      color: var(--text-secondary);
      font-size: 1.15rem;
      line-height: 1.75;
    }

    #m55e5d62 .v266a7c4 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: repeat(2, minmax(0, 1fr));
      gap: 1.25rem;
    }

    #m55e5d62 .ve6c5f3c {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-block-size: 100%;
      padding-block: 1.75rem;
      padding-inline: 1.75rem;
      border-radius: 2rem;
      border: 1px solid var(--border-light);
      background: var(--background-tertiary);
      box-shadow: 0 12px 36px rgba(var(--bs-dark-rgb), 0.06);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
      animation: softrise_h3j9w5t8v2r 0.65s ease-out backwards;
    }

    #m55e5d62 .ve6c5f3c:nth-child(1) {
      animation-delay: 0.08s;
    }

    #m55e5d62 .ve6c5f3c:nth-child(2) {
      animation-delay: 0.16s;
    }

    #m55e5d62 .ve6c5f3c:nth-child(3) {
      animation-delay: 0.24s;
    }

    #m55e5d62 .ve6c5f3c:nth-child(4) {
      animation-delay: 0.32s;
    }

    #m55e5d62 .ve6c5f3c:nth-child(5) {
      animation-delay: 0.4s;
    }

    #m55e5d62 .ve6c5f3c:hover {
      transform: translateY(-8px);
      box-shadow: 0 22px 48px rgba(var(--bs-dark-rgb), 0.1);
      border-color: var(--primary-light);
    }

    #m55e5d62 .v16c7b18 {
      grid-column: span 2;
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--background-tertiary) 58%, var(--accent-bg) 100%);
      border-color: var(--primary-light);
    }

    #m55e5d62 .v16c7b18 .v867db94 {
      margin-block-end: 1.5rem;
    }

    #m55e5d62 .vccd7be2 {
      background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--accent-bg) 100%);
    }

    #m55e5d62 .ve119a17 {
      background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--secondary-bg) 100%);
    }

    #m55e5d62 .vbebaebe {
      background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--info-bg) 100%);
    }

    #m55e5d62 .v1d33dfc {
      background: linear-gradient(160deg, var(--background-tertiary) 0%, var(--warning-bg) 100%);
    }

    #m55e5d62 .v867db94 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      margin-block-end: 1.25rem;
    }

    #m55e5d62 .v7e1eb99 {
      display: inline-block;
      padding-block: 0.35rem;
      padding-inline: 0.75rem;
      border-radius: 999px;
      background: var(--background-tertiary);
      color: var(--text-primary);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      white-space: normal;
    }

    #m55e5d62 .v16c7b18 .v7e1eb99 {
      background: var(--text-light);
      color: var(--primary-dark);
    }

    #m55e5d62 .v89d64a4 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      inline-size: 3.5rem;
      block-size: 3.5rem;
      border-radius: 1.1rem;
      font-size: 1.55rem;
      color: var(--text-light);
      background: linear-gradient(145deg, var(--primary) 0%, var(--accent) 100%);
      box-shadow: 0 10px 24px rgba(var(--bs-primary-rgb), 0.22);
      transition: transform 0.35s ease;
    }

    #m55e5d62 .vccd7be2 .v89d64a4 {
      background: linear-gradient(145deg, var(--accent) 0%, var(--accent-dark) 100%);
      box-shadow: 0 10px 24px rgba(var(--bs-accent-rgb), 0.22);
    }

    #m55e5d62 .ve119a17 .v89d64a4 {
      background: linear-gradient(145deg, var(--secondary) 0%, var(--secondary-dark) 100%);
      box-shadow: 0 10px 24px rgba(var(--bs-secondary-rgb), 0.22);
    }

    #m55e5d62 .vbebaebe .v89d64a4 {
      background: linear-gradient(145deg, var(--info-color) 0%, var(--info-dark) 100%);
    }

    #m55e5d62 .v1d33dfc .v89d64a4 {
      background: linear-gradient(145deg, var(--warning-color) 0%, var(--warning-dark) 100%);
    }

    #m55e5d62 .v16c7b18 .v89d64a4 {
      inline-size: 4.5rem;
      block-size: 4.5rem;
      border-radius: 1.35rem;
      font-size: 2rem;
    }

    #m55e5d62 .ve6c5f3c:hover .v89d64a4 {
      transform: scale(1.06) rotate(-4deg);
    }

    #m55e5d62 .v8c79525 {
      margin-block: 0 0.75rem;
      color: var(--text-primary);
      font-size: 1.35rem;
      font-weight: 800;
      line-height: 1.3;
    }

    #m55e5d62 .v16c7b18 .v8c79525 {
      font-size: 1.75rem;
    }

    #m55e5d62 .v1d888e8 {
      margin: 0;
      color: var(--text-secondary);
      font-size: 0.98rem;
      line-height: 1.7;
    }

    #m55e5d62 .v16c7b18 .v1d888e8 {
      font-size: 1.05rem;
    }

    #m55e5d62 .v0fa58e7 {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      margin-block-start: 1.5rem;
      color: var(--primary-dark);
      font-size: 0.95rem;
      font-weight: 700;
      text-decoration: none;
      transition: color 0.3s ease, gap 0.3s ease;
    }

    #m55e5d62 .v0fa58e7 i {
      transition: margin-inline-start 0.3s ease;
    }

    #m55e5d62 .ve6c5f3c:hover .v0fa58e7 {
      color: var(--primary);
    }

    #m55e5d62 .ve6c5f3c:hover .v0fa58e7 i {
      margin-inline-start: 0.25rem;
    }

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

      #m55e5d62 .v266a7c4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
      }

      #m55e5d62 .v16c7b18 {
        grid-column: span 2;
      }

    }

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

      #m55e5d62 .v16c7b18 {
        grid-column: span 1;
      }

      #m55e5d62 .v90792b3 {
        margin-block-end: 2.5rem;
      }
    }