#v864cd9 {
        background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--accent) 100%);
        color: var(--text-light);
        position: relative;
        padding-block: 3rem 2rem;
padding-inline: 0;
        overflow: hidden;
        box-shadow: 0 -10px 30px rgba(var(--bs-primary-rgb), 0.2);

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 3px;
          background: linear-gradient(90deg, transparent, var(--secondary), transparent);
          z-index: 1;
        }

        &::after {
          content: '';
          position: absolute;
          top: -50%;
          inset-inline-end: -10%;
          width: 300px;
          height: 300px;
          background: radial-gradient(circle, var(--secondary-bg) 0%, transparent 70%);
          opacity: 0.15;
          border-radius: 50%;
          animation: decorFloat_k8j3m9p2x1q 8s ease-in-out infinite alternate;
        }

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

        .n6a9ae {
          .fff5b7 {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding-block: 1rem;
padding-inline: 1.25rem;
            background: rgba(255, 255, 255, 0.08);
            border-radius: 0.75rem;
            margin-bottom: 0.875rem;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(10px);

            &:last-child {
              margin-bottom: 0;
            }

            i {
              font-size: 1.25rem;
              color: var(--secondary);
              width: 24px;
              text-align: center;
              transition: all 0.3s ease;
            }

            span {
              color: var(--text-light);
              font-weight: 500;
              font-size: 0.95rem;
              flex: 1;
            }

            &:hover {
              transform: translateX(8px);
              background: rgba(255, 255, 255, 0.15);
              border-color: var(--secondary);
              box-shadow: 0 6px 20px rgba(234, 199, 0, 0.3);

              i {
                color: var(--secondary-light);
                transform: scale(1.2) rotate(-5deg);
              }
            }
          }
        }

        .od2201 {
          background: rgba(255, 255, 255, 0.08);
          border-radius: 1.25rem;
          padding-block: 2rem;
padding-inline: 1.5rem;
          backdrop-filter: blur(10px);
          border: 1px solid rgba(255, 255, 255, 0.1);
          transition: all 0.4s ease;

          &:hover {
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--secondary);
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
          }

          .nav {
            .nav-link {
              color: var(--text-light);
              padding-block: 0.75rem;
padding-inline: 1.125rem;
              border-radius: 0.625rem;
              margin: 0.375rem;
              font-weight: 500;
              font-size: 0.95rem;
              transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
              background: rgba(255, 255, 255, 0.05);
              border: 1px solid transparent;
              display: inline-flex;
              align-items: center;

              i {
                margin-inline-end: 0.5rem;
                color: var(--primary-light);
                transition: all 0.3s ease;
                font-size: 1.1rem;
              }

              &:hover,
              &:focus {
                color: var(--text-primary);
                background: linear-gradient(135deg, var(--secondary), var(--secondary-light));
                transform: translateY(-3px) scale(1.05);
                box-shadow: 0 6px 18px rgba(234, 199, 0, 0.4);
                border-color: var(--secondary-dark);

                i {
                  color: var(--text-primary);
                  transform: scale(1.15) rotate(8deg);
                }
              }
            }
          }
        }

        .je54f5 {
          background: linear-gradient(135deg, var(--primary-dark), var(--accent-dark));
          border-radius: 1.25rem;
          padding-block: 2rem;
padding-inline: 1.5rem;
          border: 2px solid var(--secondary);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          transition: all 0.4s ease;

          &:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 32px rgba(234, 199, 0, 0.3);
            border-color: var(--secondary-light);
          }

          .h74412 {
            color: var(--text-light);
            font-weight: 700;
            font-size: 1.125rem;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center;
            position: relative;
            padding-bottom: 0.875rem;

            &::after {
              content: '';
              position: absolute;
              bottom: 0;
              inset-inline-start: 50%;
              transform: translateX(-50%);
              width: 60px;
              height: 3px;
              background: linear-gradient(90deg, var(--secondary), var(--secondary-light));
              border-radius: 2px;
              animation: titleLine_f7h2n8k4m1p 3s ease-in-out infinite;
            }
          }

          .a4597d {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;

            .md85a0 {
              width: 3.5rem;
              height: 3.5rem;
              border-radius: 50%;
              background: rgba(255, 255, 255, 0.15);
              border: 2px solid var(--secondary);
              color: var(--text-light);
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 1.4rem;
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
              text-decoration: none;

              &:hover,
              &:focus {
                background: linear-gradient(135deg, var(--secondary), var(--secondary-light));
                color: var(--text-primary);
                transform: translateY(-6px) rotate(10deg) scale(1.1);
                box-shadow: 0 10px 28px rgba(234, 199, 0, 0.5);
                border-color: var(--secondary-light);
              }

              i {
                transition: transform 0.3s ease;
              }

              &:hover i {
                transform: scale(1.2);
              }
            }
          }
        }

        .nd6f14 {
          margin-top: 3rem;
          padding-top: 2rem;
          border-top: 1px solid rgba(255, 255, 255, 0.15);
          position: relative;
          z-index: 1;

          .p10d9c {
            color: var(--text-light);
            font-size: 0.9rem;
            text-align: center;
            opacity: 0.9;
            font-weight: 500;
          }

          .nfc083 {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 1.5rem;
            gap: 0.5rem;

            .gddcbf {
              width: 8px;
              height: 8px;
              background: var(--secondary);
              border-radius: 50%;
              animation: dotPulse_r5t9w3y7u2v 2s ease-in-out infinite;
              box-shadow: 0 0 10px var(--secondary);

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

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

      @keyframes decorFloat_k8j3m9p2x1q {
        0% {
          transform: translate(0, 0) scale(1);
          opacity: 0.15;
        }
        100% {
          transform: translate(-30px, 30px) scale(1.1);
          opacity: 0.2;
        }
      }

      @keyframes titleLine_f7h2n8k4m1p {
        0%,
        100% {
          width: 60px;
          opacity: 1;
        }
        50% {
          width: 100px;
          opacity: 0.8;
        }
      }

      @keyframes dotPulse_r5t9w3y7u2v {
        0%,
        100% {
          transform: scale(1);
          opacity: 1;
        }
        50% {
          transform: scale(1.3);
          opacity: 0.7;
        }
      }
