#elaa20f04238 {
      position: relative;
      border-block-end: 1px solid var(--neutral-150);
      background: var(--background-primary);
      box-shadow: 0 0.35rem 1.25rem color-mix(in srgb, var(--neutral-1050) 8%, transparent);
    }

    #elaa20f04238 .qe34ea651c9 {
      block-size: 0.28rem;
      background: linear-gradient(
        90deg,
        var(--primary) 0%,
        var(--accent) 45%,
        var(--secondary) 100%
      );
      background-size: 200% 100%;
      animation: headerstripeshift_m4k8n2pq9xw 14s ease-in-out infinite;
    }

    html[dir='rtl'] #elaa20f04238 .qe34ea651c9 {
      transform: scaleX(-1);
    }

    #elaa20f04238 .navbar {
      background: var(--background-tertiary);
      padding-block: 0.85rem;
      padding-inline: 0;
      position: relative;
    }

    #elaa20f04238 .navbar .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }

    #elaa20f04238 .navbar-brand {
      white-space: normal;
      font-size: clamp(1.2rem, 2.5vw, 1.55rem);
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.15;
      color: var(--primary-dark) !important;
      text-decoration: none;
      padding-block: 0.35rem;
      padding-inline: 0;
      margin-inline-end: auto;
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.2rem;
      transition: color 0.25s ease;
    }

    #elaa20f04238 .navbar-brand:hover {
      color: var(--primary) !important;
    }

    #elaa20f04238 .qeff0802e63 {
      block-size: 0.2rem;
      inline-size: 2.75rem;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--accent-dark), var(--primary-light));
    }

    html[dir='rtl'] #elaa20f04238 .qeff0802e63 {
      transform: scaleX(-1);
    }

    #elaa20f04238 .navbar-nav {
      align-items: center;
      gap: 0.35rem;
      padding-block: 0;
      padding-inline: 0;
    }

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

    #elaa20f04238 .nav-link:hover {
      color: var(--primary-dark) !important;
      background-color: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
      border-color: color-mix(in srgb, var(--primary) 28%, transparent);
      box-shadow: 0 0.15rem 0 color-mix(in srgb, var(--accent) 45%, transparent);
    }

    #elaa20f04238 .navbar-toggler {
      border: 1px solid var(--neutral-250) !important;
      border-radius: 0.65rem;
      padding-block: 0.55rem;
      padding-inline: 0.65rem;
      background: var(--background-primary);
      transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
    }

    #elaa20f04238 .navbar-toggler:hover {
      background: color-mix(in srgb, var(--accent-bg) 40%, var(--background-tertiary));
      border-color: var(--accent-dark) !important;
    }

    #elaa20f04238 .navbar-toggler:focus {
      box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 22%, transparent);
    }

    #elaa20f04238 .q6b6a3ad1b9 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 0.32rem;
      inline-size: 1.35rem;
      block-size: 1rem;
    }

    #elaa20f04238 .q6b6a3ad1b9 i {
      display: block;
      font-style: normal;
      block-size: 2px;
      border-radius: 999px;
      background: var(--primary-dark);
    }

    @media (max-width: 991.98px) {
      #elaa20f04238 .navbar-collapse {
        flex-basis: 100%;
        margin-block-start: 0.75rem;
        padding-block: 1rem;
        padding-inline: 1rem;
        border-radius: 0.85rem;
        border: 1px solid var(--neutral-150);
        background: color-mix(in srgb, var(--neutral-50) 65%, var(--background-tertiary));
      }

      #elaa20f04238 .navbar-nav {
        align-items: stretch;
        gap: 0.5rem;
      }

      #elaa20f04238 .nav-link {
        text-align: center;
        justify-content: center;
      }
    }

    @media (min-width: 992px) {
      #elaa20f04238 .navbar-collapse {
        flex-grow: 0;
      }

      #elaa20f04238 .navbar-nav {
        flex-direction: row;
      }
    }

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

    @media (prefers-reduced-motion: reduce) {
      #elaa20f04238 .qe34ea651c9 {
        animation: none;
      }
    }

#el3c76ea63d8 {
        position: relative;
        overflow: hidden;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        color: var(--text-primary);
        background: linear-gradient(165deg, var(--background-tertiary) 0%, color-mix(in srgb, var(--accent-bg) 18%, var(--background-primary)) 42%, var(--background-primary) 100%);
      }

      #el3c76ea63d8::after {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        width: min(48%, 520px);
        height: 100%;
        background: linear-gradient(200deg, color-mix(in srgb, var(--primary-bg) 35%, transparent), color-mix(in srgb, var(--secondary-bg) 22%, transparent));
        opacity: 0.45;
        pointer-events: none;
        clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
      }

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

      #el3c76ea63d8 .qb20af9aeb1 {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        gap: clamp(2rem, 4vw, 3.5rem);
        align-items: center;
      }

      #el3c76ea63d8 .qcf3b6de9e2 {
        position: absolute;
        inset-inline-start: 0;
        inset-block: 12% 12%;
        width: 5px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--primary), var(--accent), var(--secondary));
        box-shadow: 0 0 24px color-mix(in srgb, var(--accent) 40%, transparent);
        animation: heropulse_q7mxk2p9n4w 5.5s ease-in-out infinite;
      }

      #el3c76ea63d8 .q226396b878 {
        position: relative;
        padding-inline-start: 1.75rem;
      }

      #el3c76ea63d8 .qe5ed73951b {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 0.95rem;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--accent-dark);
        background: color-mix(in srgb, var(--accent-bg) 28%, var(--white));
        border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border-light));
        margin-bottom: 1.25rem;
        white-space: normal;
        max-width: 100%;
        animation: heroreveal_m8k3xp2q9n7w 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      #el3c76ea63d8 .qe5ed73951b i {
        font-size: 0.95rem;
        color: var(--accent);
      }

      #el3c76ea63d8 .qe45e586ca7 {
        font-size: clamp(2.15rem, 4.2vw, 3.15rem);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -0.02em;
        margin-block: 0 1rem;
        margin-inline: 0;
        color: var(--text-primary);
        animation: heroreveal_m8k3xp2q9n7w 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
      }

      #el3c76ea63d8 .qe45e586ca7 em {
        font-style: normal;
        background: linear-gradient(120deg, var(--primary-dark), var(--accent), var(--secondary-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      #el3c76ea63d8 .qb473b25356 {
        font-size: 1.05rem;
        line-height: 1.65;
        color: var(--text-secondary);
        margin-bottom: 1.75rem;
        max-width: 34rem;
        animation: heroreveal_m8k3xp2q9n7w 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
      }

      #el3c76ea63d8 .q3c50440b67 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        margin-bottom: 1.75rem;
        animation: heroreveal_m8k3xp2q9n7w 1s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
      }

      #el3c76ea63d8 .q1e3c8225e0 {
        padding: 0.85rem 0.75rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--border-light);
        box-shadow: 0 12px 28px color-mix(in srgb, var(--neutral-950) 8%, transparent);
      }

      #el3c76ea63d8 .q3450b6df3b {
        font-size: 1.35rem;
        font-weight: 800;
        color: var(--primary-dark);
        line-height: 1.2;
      }

      #el3c76ea63d8 .qc3090dae3b {
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-tertiary);
        margin-top: 0.25rem;
      }

      #el3c76ea63d8 .q799d306a8f {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1.85rem;
        animation: heroreveal_m8k3xp2q9n7w 1.05s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
      }

      #el3c76ea63d8 .q978ea95ebb {
        padding-block: 0.38rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--text-secondary);
        background: color-mix(in srgb, var(--neutral-150) 65%, var(--white));
        border: 1px solid var(--border-light);
      }

      #el3c76ea63d8 .q0513e0ee37 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: center;
        animation: heroreveal_m8k3xp2q9n7w 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
      }

      #el3c76ea63d8 .qe8d8f7f02e {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding-block: 0.85rem;
        padding-inline: 1.75rem;
        border-radius: 999px;
        font-weight: 600;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        border: 1px solid color-mix(in srgb, var(--primary-dark) 70%, var(--neutral-1050));
        box-shadow: 0 14px 32px color-mix(in srgb, var(--primary) 35%, transparent);
        transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
      }

      #el3c76ea63d8 .qe8d8f7f02e:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
        box-shadow: 0 18px 40px color-mix(in srgb, var(--primary-dark) 45%, transparent);
        color: var(--text-light);
      }

      #el3c76ea63d8 .qfc05ec87ad {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding-block: 0.85rem;
        padding-inline: 1.35rem;
        border-radius: 999px;
        font-weight: 600;
        text-decoration: none;
        color: var(--accent-dark);
        background: transparent;
        border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border-light));
        transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
      }

      #el3c76ea63d8 .qfc05ec87ad:hover {
        background: color-mix(in srgb, var(--accent-bg) 22%, var(--white));
        border-color: var(--accent);
        color: var(--accent-dark);
        transform: translateY(-1px);
      }

      #el3c76ea63d8 .qcb6317c94e {
        position: relative;
        animation: heroreveal_m8k3xp2q9n7w 1.15s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
      }

      #el3c76ea63d8 .q80e0beaf36 {
        position: relative;
        aspect-ratio: 1 / 1;
        width: 100%;
        max-width: 420px;
        margin-inline-start: auto;
        margin-inline-end: 0;
        border-radius: 1.75rem;
        padding: 0.65rem;
        background: linear-gradient(145deg, var(--background-tertiary), color-mix(in srgb, var(--primary-bg) 16%, var(--background-tertiary)));
        border: 1px solid var(--border-light);
        box-shadow: 0 28px 60px color-mix(in srgb, var(--neutral-1050) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--white) 80%, var(--border-light));
      }

      #el3c76ea63d8 .q80e0beaf36::before {
        content: '';
        position: absolute;
        inset: -1px;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(135deg, var(--primary-light), var(--accent-light), var(--secondary-light));
        -webkit-mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
        mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.85;
        pointer-events: none;
      }

      #el3c76ea63d8 .qcb6317c94e img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1.35rem;
        display: block;
        border: 1px solid var(--border-light);
      }

      #el3c76ea63d8 .q9ff060e903 {
        position: absolute;
        inset-inline-end: -0.5rem;
        inset-block-end: 12%;
        max-width: 11.5rem;
        padding: 0.75rem 0.85rem;
        border-radius: 1rem;
        background: var(--background-tertiary);
        border: 1px solid var(--border-light);
        box-shadow: 0 16px 36px color-mix(in srgb, var(--neutral-1050) 14%, transparent);
        animation: herofloat_x4k9m2p7nqw 4.2s ease-in-out infinite;
      }

      #el3c76ea63d8 .q9ff060e903 strong {
        display: block;
        font-size: 0.78rem;
        color: var(--text-primary);
        margin-bottom: 0.15rem;
      }

      #el3c76ea63d8 .q9ff060e903 span {
        font-size: 0.68rem;
        color: var(--text-tertiary);
        line-height: 1.35;
      }

      #el3c76ea63d8 .q9ff060e903 i {
        color: var(--secondary);
        font-size: 1.1rem;
        margin-bottom: 0.35rem;
        display: block;
      }

      #el3c76ea63d8 .qe910922027 {
        position: absolute;
        inset-inline-start: 8%;
        inset-block-start: 10%;
        padding-block: 0.4rem;
        padding-inline: 0.75rem;
        border-radius: 999px;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--text-light);
        background: linear-gradient(90deg, var(--accent), var(--accent-dark));
        border: 1px solid color-mix(in srgb, var(--accent-light) 55%, var(--white));
        white-space: normal;
        max-width: 10rem;
        line-height: 1.3;
        box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-dark) 35%, transparent);
        animation: herofloat_x4k9m2p7nqw 4.2s ease-in-out 0.6s infinite;
      }

      #el3c76ea63d8 .qe080445a66 {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 1;
        opacity: 0.4;
        background-image: linear-gradient(color-mix(in srgb, var(--neutral-250) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--neutral-250) 55%, transparent) 1px, transparent 1px);
        background-size: 38px 38px;
        mask-image: radial-gradient(ellipse 80% 70% at 70% 40%, var(--text-primary) 18%, transparent 72%);
        -webkit-mask-image: radial-gradient(ellipse 80% 70% at 70% 40%, var(--text-primary) 18%, transparent 72%);
      }

      @media (max-width: 991.98px) {
        #el3c76ea63d8::after {
          width: 100%;
          height: 42%;
          inset-block-start: auto;
          inset-block-end: 0;
          clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
          opacity: 0.35;
        }

        #el3c76ea63d8 .qb20af9aeb1 {
          grid-template-columns: 1fr;
          gap: 2.5rem;
        }

        #el3c76ea63d8 .q80e0beaf36 {
          margin-inline: auto;
          max-width: 380px;
        }

        #el3c76ea63d8 .q226396b878 {
          padding-inline-start: 1.25rem;
          text-align: center;
        }

        #el3c76ea63d8 .qcf3b6de9e2 {
          inset-block: 8% 8%;
        }

        #el3c76ea63d8 .qb473b25356 {
          margin-inline: auto;
        }

        #el3c76ea63d8 .q799d306a8f {
          justify-content: center;
        }

        #el3c76ea63d8 .q0513e0ee37 {
          justify-content: center;
        }

        #el3c76ea63d8 .q3c50440b67 {
          max-width: 28rem;
          margin-inline: auto;
        }
      }

      @media (max-width: 575.98px) {
        #el3c76ea63d8 .q3c50440b67 {
          grid-template-columns: 1fr;
        }

        #el3c76ea63d8 .q9ff060e903 {
          inset-inline-end: 0.5rem;
          inset-block-end: 8%;
          max-width: 10rem;
        }

        #el3c76ea63d8 .q0513e0ee37 {
          flex-direction: column;
          align-items: stretch;
        }

        #el3c76ea63d8 .qe8d8f7f02e,
        #el3c76ea63d8 .qfc05ec87ad {
          justify-content: center;
          width: 100%;
        }
      }

      @keyframes heropulse_q7mxk2p9n4w {
        0%,
        100% {
          opacity: 1;
          filter: brightness(1);
        }
        50% {
          opacity: 0.75;
          filter: brightness(1.15);
        }
      }

      @keyframes heroreveal_m8k3xp2q9n7w {
        0% {
          opacity: 0;
          transform: translateY(16px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes herofloat_x4k9m2p7nqw {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
      }

#el00c82958e9 {
        padding-block: 100px;
padding-inline: 0;
        background: var(--background-tertiary);
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          width: 500px;
          height: 500px;
          background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
          opacity: 0.08;
          top: 50%;
          inset-inline-start: 50%;
          transform: translate(-50%, -50%);
          border-radius: 50%;
          filter: blur(80px);
          animation: rotateGlow_8kjd92jskal 30s linear infinite;
        }

        .qb4b8555684 {
          text-align: center;
          margin-bottom: 4rem;
          position: relative;
          z-index: 2;

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

          .q53292c0c37 {
            color: var(--text-secondary);
            font-size: 1.15rem;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
          }
        }

        .qf53bde0e4e {
          position: relative;
          z-index: 2;

          .card {
            background: var(--background-tertiary);
            border-radius: 20px;
            padding-block: 3rem;
padding-inline: 2.5rem;
            margin-bottom: 2rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: visible;
            border: 2px solid var(--neutral-150);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 100%;

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

            &:hover {
              transform: translateY(-10px);
              border-color: var(--primary);
              box-shadow: 0 20px 50px rgba(var(--bs-primary-rgb), 0.2);

              &::before {
                opacity: 0.15;
              }

              .q402130fe76 {
                transform: scale(1.1) rotate(5deg);
                background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);

                i {
                  color: var(--white);
                }
              }

              .qf64b406728 {
                opacity: 1;
                transform: translateY(0);
              }
            }

            &.qc02af88f21 {
              border-color: var(--primary);
              box-shadow: 0 15px 40px rgba(var(--bs-primary-rgb), 0.25);

              &::after {
                content: '★';
                position: absolute;
                top: 20px;
                inset-inline-end: 20px;
                font-size: 1.8rem;
                color: var(--secondary);
                animation: sparkle_9djka83jska 3s ease-in-out infinite;
              }

              .q402130fe76 {
                background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                border: 3px solid var(--accent-light);

                i {
                  color: var(--white);
                }
              }

              .qa4ccf821be {
                background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                color: var(--white);
              }
            }

            .q402130fe76 {
              width: 100px;
              height: 100px;
              margin-bottom: 2rem;
              position: relative;
              display: flex;
              align-items: center;
              justify-content: center;
              background: var(--background-primary);
              border-radius: 20px;
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              border: 2px solid var(--neutral-150);

              i {
                font-size: 3rem;
                color: var(--primary);
                transition: color 0.3s ease;
              }
            }

            .qbcd98c1bd1 {
              text-align: center;
              flex-grow: 1;
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 100%;

              .q9795a299cf {
                color: var(--text-primary);
                font-size: 1.75rem;
                font-weight: 700;
                margin-bottom: 1rem;
              }

              .qa4ccf821be {
                color: var(--primary);
                font-weight: 600;
                font-size: 0.95rem;
                margin-bottom: 1.5rem;
                padding-block: 0.6rem;
padding-inline: 1.5rem;
                background: var(--primary-bg);
                border-radius: 12px;
                display: inline-block;
                transition: all 0.3s ease;
                white-space: normal;
                text-align: center;
              }

              .q3ae3ff9ee2 {
                color: var(--text-secondary);
                font-size: 1rem;
                line-height: 1.7;
                margin-block: 10px 5px;
margin-inline: 20px 0;
                padding: 0;
              }

              .qf64b406728 {
                display: flex;
                gap: 2rem;
                margin-top: auto;
                transform: translateY(10px);
                transition: all 0.4s ease;

                .qec3ffa77ab {
                  display: flex;
                  flex-direction: column;
                  align-items: center;

                  .q6df7f4eae8 {
                    font-size: 1.5rem;
                    font-weight: 700;
                    color: var(--primary);
                    margin-bottom: 0.25rem;
                  }

                  .q5ffe9ae300 {
                    font-size: 0.85rem;
                    color: var(--text-tertiary);
                    white-space: normal;
                    text-align: center;
                  }
                }
              }
            }
          }
        }
      }

      @keyframes rotateGlow_8kjd92jskal {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(360deg);
        }
      }

      @keyframes sparkle_9djka83jska {
        0%,
        100% {
          transform: scale(1) rotate(0deg);
          opacity: 1;
        }
        50% {
          transform: scale(1.2) rotate(180deg);
          opacity: 0.7;
        }
      }

      @media (max-width: 768px) {
        #el00c82958e9 {
          padding-block: 70px;
padding-inline: 0;

          .qb4b8555684 {
            .qb2e8cbf5d7 {
              font-size: 2.3rem;
            }

            .q53292c0c37 {
              font-size: 1.05rem;
            }
          }

          .qf53bde0e4e .card {
            padding-block: 2.5rem;
padding-inline: 2rem;

            .q402130fe76 {
              width: 85px;
              height: 85px;

              i {
                font-size: 2.5rem;
              }
            }

            .qbcd98c1bd1 {
              .qf64b406728 {
                gap: 1.5rem;

                .qec3ffa77ab .q6df7f4eae8 {
                  font-size: 1.3rem;
                }
              }
            }
          }
        }
      }

#elc5d48b918c {
        position: relative;
        overflow: hidden;
        padding-block: 5.5rem;
        padding-inline: 0;
        background: linear-gradient(180deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-primary)) 55%, color-mix(in srgb, var(--primary-bg) 18%, var(--background-primary)) 100%);
      }

      #elc5d48b918c::before {
        content: '';
        position: absolute;
        inset-block-start: -8rem;
        inset-inline-end: -6rem;
        width: 22rem;
        height: 22rem;
        border-radius: 50%;
        background: radial-gradient(circle, color-mix(in srgb, var(--primary-bg) 55%, transparent) 0%, transparent 72%);
        pointer-events: none;
      }

      #elc5d48b918c::after {
        content: '';
        position: absolute;
        inset-block-end: -10rem;
        inset-inline-start: -5rem;
        width: 26rem;
        height: 26rem;
        border-radius: 50%;
        background: radial-gradient(circle, color-mix(in srgb, var(--secondary-bg) 50%, transparent) 0%, transparent 70%);
        pointer-events: none;
      }

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

      #elc5d48b918c .qdf794d0325 {
        text-align: center;
        margin-block-end: 3rem;
        max-width: 42rem;
        margin-inline: auto;
      }

      #elc5d48b918c .q61ac133f5b {
        margin: 0;
        font-weight: 700;
        font-size: clamp(2rem, 4vw, 2.75rem);
        line-height: 1.15;
        letter-spacing: -0.02em;
        color: var(--text-primary);
        word-break: normal;
      }

      #elc5d48b918c .q28cf53c672 {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
      }

      #elc5d48b918c .qa2f8eb303c {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding-block: 1.75rem;
        padding-inline: 1.75rem;
        border-radius: 1.75rem;
        border: 1px solid color-mix(in srgb, var(--border-light) 80%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 88%, transparent);
        box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--neutral-950) 8%, transparent);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
        animation: softreveal_m8k3xp2nq7 0.75s ease forwards;
        opacity: 0;
        transform: translateY(1.5rem);
        word-break: normal;
      }

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

      #elc5d48b918c .qa2f8eb303c:nth-child(2) {
        animation-delay: 0.18s;
      }

      #elc5d48b918c .qa2f8eb303c:nth-child(3) {
        animation-delay: 0.28s;
      }

      #elc5d48b918c .qa2f8eb303c:nth-child(4) {
        animation-delay: 0.38s;
      }

      #elc5d48b918c .qa2f8eb303c:hover {
        transform: translateY(-0.35rem);
        box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-950) 12%, transparent);
      }

      #elc5d48b918c .qf2fbd86e0f {
        grid-column: 1;
        grid-row: 1;
        background: linear-gradient(155deg, color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary)) 0%, color-mix(in srgb, var(--primary-light) 18%, var(--background-tertiary)) 100%);
        border-color: color-mix(in srgb, var(--primary-light) 35%, transparent);
      }

      #elc5d48b918c .q7738d29ddc {
        background: linear-gradient(155deg, color-mix(in srgb, var(--secondary-bg) 32%, var(--background-tertiary)) 0%, var(--background-tertiary) 100%);
        border-color: color-mix(in srgb, var(--secondary-light) 35%, transparent);
      }

      #elc5d48b918c .q06f5414645 {
        background: linear-gradient(155deg, color-mix(in srgb, var(--accent-bg) 32%, var(--background-tertiary)) 0%, var(--background-tertiary) 100%);
        border-color: color-mix(in srgb, var(--accent-light) 35%, transparent);
      }

      #elc5d48b918c .q963aab2e59 {
        background: linear-gradient(155deg, color-mix(in srgb, var(--warning-bg) 30%, var(--background-tertiary)) 0%, color-mix(in srgb, var(--info-bg) 18%, var(--background-tertiary)) 100%);
        border-color: color-mix(in srgb, var(--warning-light) 35%, transparent);
      }

      #elc5d48b918c .qe4dd45688e {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-block-end: 1.25rem;
      }

      #elc5d48b918c .qfa8c49184b {
        display: inline-flex;
        align-items: center;
        padding-block: 0.4rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        white-space: normal;
        color: var(--text-light);
        background: var(--primary);
      }

      #elc5d48b918c .q7738d29ddc .qfa8c49184b {
        background: var(--secondary);
      }

      #elc5d48b918c .q06f5414645 .qfa8c49184b {
        background: var(--accent);
      }

      #elc5d48b918c .q963aab2e59 .qfa8c49184b {
        background: var(--warning-color);
      }

      #elc5d48b918c .qb3ad77ba50 {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1.1rem;
        font-size: 1.65rem;
        color: var(--primary);
        background: color-mix(in srgb, var(--primary-bg) 45%, var(--background-tertiary));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary-light) 30%, transparent);
        transition: transform 0.35s ease;
      }

      #elc5d48b918c .qf2fbd86e0f .qb3ad77ba50 {
        width: 4.25rem;
        height: 4.25rem;
        font-size: 2rem;
      }

      #elc5d48b918c .q7738d29ddc .qb3ad77ba50 {
        color: var(--secondary);
        background: color-mix(in srgb, var(--secondary-bg) 45%, var(--background-tertiary));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--secondary-light) 30%, transparent);
      }

      #elc5d48b918c .q06f5414645 .qb3ad77ba50 {
        color: var(--accent);
        background: color-mix(in srgb, var(--accent-bg) 45%, var(--background-tertiary));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-light) 30%, transparent);
      }

      #elc5d48b918c .q963aab2e59 .qb3ad77ba50 {
        color: var(--warning-dark);
        background: color-mix(in srgb, var(--warning-bg) 45%, var(--background-tertiary));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--warning-light) 30%, transparent);
      }

      #elc5d48b918c .qa2f8eb303c:hover .qb3ad77ba50 {
        transform: scale(1.06) rotate(-4deg);
      }

      #elc5d48b918c .qf8badddce9 {
        margin: 0 0 0.75rem;
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--text-primary);
        word-break: normal;
      }

      #elc5d48b918c .qf2fbd86e0f .qf8badddce9 {
        font-size: 1.65rem;
      }

      #elc5d48b918c .q79bdbf1bf8 {
        margin: 0 0 1.5rem;
        flex: 1;
        font-size: 1rem;
        line-height: 1.65;
        color: var(--text-secondary);
        word-break: normal;
      }

      #elc5d48b918c .q37096fc861 {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding-block: 0.65rem;
        padding-inline: 1.35rem;
        border-radius: 999px;
        border: none;
        font-size: 0.92rem;
        font-weight: 600;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
        box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--primary) 28%, transparent);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      #elc5d48b918c .q37096fc861:hover {
        transform: translateY(-0.15rem);
        color: var(--text-light);
        box-shadow: 0 0.75rem 1.75rem color-mix(in srgb, var(--primary) 36%, transparent);
      }

      #elc5d48b918c .q7738d29ddc .q37096fc861 {
        background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);
        box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--secondary) 28%, transparent);
      }

      #elc5d48b918c .q7738d29ddc .q37096fc861:hover {
        box-shadow: 0 0.75rem 1.75rem color-mix(in srgb, var(--secondary) 36%, transparent);
      }

      #elc5d48b918c .q06f5414645 .q37096fc861 {
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
        box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--accent) 28%, transparent);
      }

      #elc5d48b918c .q06f5414645 .q37096fc861:hover {
        box-shadow: 0 0.75rem 1.75rem color-mix(in srgb, var(--accent) 36%, transparent);
      }

      #elc5d48b918c .q963aab2e59 .q37096fc861 {
        background: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-light) 100%);
        box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--warning-color) 28%, transparent);
      }

      #elc5d48b918c .q963aab2e59 .q37096fc861:hover {
        box-shadow: 0 0.75rem 1.75rem color-mix(in srgb, var(--warning-color) 36%, transparent);
      }

      #elc5d48b918c .q33e75d32a1 {
        font-size: 1rem;
        line-height: 1;
      }

      #elc5d48b918c .q502c047ad9 {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        height: 100%;
      }

      #elc5d48b918c .q11dceff584 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
      }

      #elc5d48b918c .qf6d7714559 {
        flex: 1;
      }

      @keyframes softreveal_m8k3xp2nq7 {
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (min-width: 768px) {
        #elc5d48b918c .q28cf53c672 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: repeat(3, minmax(0, 1fr));
          gap: 1.5rem;
        }

        #elc5d48b918c .qf2fbd86e0f {
          grid-column: 1;
          grid-row: 1 / span 2;
          padding-block: 2.25rem;
          padding-inline: 2rem;
        }

        #elc5d48b918c .q7738d29ddc {
          grid-column: 2;
          grid-row: 1;
        }

        #elc5d48b918c .q06f5414645 {
          grid-column: 2;
          grid-row: 2;
        }

        #elc5d48b918c .qbd3ec502b4 {
          grid-column: 1 / span 2;
          grid-row: 3;
          padding-block: 1.75rem;
          padding-inline: 2rem;
        }

        #elc5d48b918c .q502c047ad9 {
          flex-direction: row;
          align-items: center;
          gap: 2rem;
        }

        #elc5d48b918c .q11dceff584 {
          flex-shrink: 0;
          align-items: center;
        }

        #elc5d48b918c .qf6d7714559 {
          flex: 1;
          min-width: 0;
        }

        #elc5d48b918c .qbd3ec502b4 .q79bdbf1bf8 {
          margin-block-end: 0;
        }

        #elc5d48b918c .qbd3ec502b4 .q37096fc861 {
          flex-shrink: 0;
          align-self: center;
        }
      }

#elb8054ab830 {
      .qa82c0abe01 {
          position: relative;
          overflow: hidden;
          background: linear-gradient(180deg, var(--neutral-950), var(--neutral-1050));
      }

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

      .q41dcc94187 {
          display: grid;
          grid-template-columns: 1fr 420px;
          gap: 3rem;
          align-items: center;
      }

      .q6c842cf3ad {
          background: rgba(255,255,255,0.03);
          border: 1px solid rgba(255,255,255,0.08);
          border-radius: 30px;
          padding: 3rem;
      }

      .q5fb380c790 {
          background: linear-gradient(180deg, rgba(92,161,232,0.18), rgba(176,74,150,0.18));
          border-radius: 30px;
          padding: 2rem;
          border: 1px solid rgba(255,255,255,0.08);
      }

      .q5ae58bc93c {
          display: inline-block;
          margin-bottom: 1rem;
          color: var(--secondary-light);
          font-weight: 700;
          letter-spacing: 0.12em;
          text-transform: uppercase;
      }

      .q263efa7898 {
          font-weight: 800;
          margin-bottom: 1.5rem;
      }

      .qe6c319d3ba {
          line-height: 1.9;
          margin-bottom: 2rem;
      }

      .qabf001891a {
          display: inline-flex;
          align-items: center;
          gap: 0.6rem;
          text-decoration: none;
          background: var(--primary);
          color: var(--text-light);
          padding-block: 1rem;
          padding-inline: 2rem;
          border-radius: 999px;
      }

      .qe810116797 {
          display: flex;
          flex-direction: column;
          gap: 1rem;
      }

      .qa344d2e5ca {
          padding: 1rem 1.2rem;
          border-radius: 18px;
          background: rgba(15,23,42,0.6);

          h3 {
              color: var(--text-light);
              margin-bottom: 0.4rem;
          }

          p {
              color: rgba(255,255,255,0.7);
              margin: 0;
          }
      }

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

      @media (max-width: 767.98px) {
          .q6c842cf3ad,
          .q5fb380c790 {
              padding: 1.5rem;
              border-radius: 22px;
          }

          .q263efa7898 {
              font-size: 2rem;
          }

          .qabf001891a {
              width: 100%;
              justify-content: center;
          }
      }
  }

#ela451a07e30 {
  background: var(--background-dark);
  padding: 6rem 1rem;

  .q959c0471be {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 2rem;
    align-items: stretch;
  }

  .q018f9a80fd {
    background: var(--background-tertiary);
    border-radius: 2rem;
    padding: 2.5rem;
  }

  .q14c8ddb356 {
    background: var(--accent);
    color: var(--text-light);
    border-radius: 2rem;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .qc8ca028566 {
      font-size: clamp(2rem, 4vw, 3.4rem);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 1rem;
    }

    .q992fbd14f8 {
      line-height: 1.8;
      margin-bottom: 2rem;
    }

    .q7690b4736e {
      display: grid;
      gap: 1rem;
    }

    .q17ad1a5ebb {
      border: 1px solid var(--accent-light);
      border-radius: 1.25rem;
      padding: 1rem;

      .qf9de940111 {
        font-size: 0.8rem;
        opacity: 0.82;
        margin-bottom: 0.35rem;
      }

      .q5db03c96a0 {
        font-weight: 800;
      }
    }
  }

  .q4dab2bd5fd {
    color: var(--text-primary);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 900;
    margin-bottom: 0.5rem;
  }

  .q2e5a3c2408 {
    color: var(--text-secondary);
    margin-bottom: 2rem;
  }

  .q27a6fb6942 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;

    .q027a745c0a {
      grid-column: 1 / -1;
    }
  }

  .qf4a86c91ee {
    label {
      color: var(--text-primary);
      font-weight: 700;
      margin-bottom: 0.5rem;
      display: block;
    }

    input,
    textarea {
      width: 100%;
      border: 1px solid var(--neutral-250);
      background: var(--background-primary);
      color: var(--text-primary);
      border-radius: 1.25rem;
      padding: 1rem;

      &:focus {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 0.25rem var(--accent-bg);
      }
    }

    textarea {
      min-height: 9rem;
      resize: vertical;
    }
  }

  .q3b00b1e551 {
    margin-block: 1.25rem;
    color: var(--text-secondary);

    a {
      color: var(--accent-dark);
      font-weight: 800;
    }
  }

  .q25a2699c7d {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    border-radius: 999px;
    background: var(--accent);
    color: var(--text-light);
    font-weight: 900;
  }

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

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

    .q018f9a80fd,
    .q14c8ddb356 {
      padding: 1.5rem;
    }

    .q27a6fb6942 {
      grid-template-columns: 1fr;
    }
  }
}

#el6753feb933.q2ab3ad619a {
            position: relative;
            overflow: hidden;
            padding-block: 4.5rem;
            background: linear-gradient(125deg, var(--primary-bg) 0%, var(--background-tertiary) 38%, var(--accent-bg) 100%);
          }
    
          #el6753feb933.q2ab3ad619a::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: repeating-linear-gradient(
              -12deg,
              var(--background-tertiary) 0,
              var(--background-tertiary) 14px,
              var(--warning-bg) 14px,
              var(--warning-bg) 28px
            );
            opacity: 0.14;
            pointer-events: none;
            z-index: 0;
          }
    
          #el6753feb933.q2ab3ad619a::after {
            content: '';
            position: absolute;
            inset-block-start: 1.5rem;
            inset-inline-end: -3rem;
            width: 11rem;
            height: 11rem;
            border-radius: 50%;
            background: radial-gradient(circle, var(--danger-bg) 0%, var(--danger-bg) 35%, var(--background-tertiary) 36%);
            border: 4px solid var(--neutral-1050);
            pointer-events: none;
            z-index: 0;
          }
    
          #el6753feb933 .q9bc874399e {
            position: relative;
            z-index: 1;
          }
    
          #el6753feb933 .qd4549a0526 {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 2.5rem;
            align-items: center;
          }
    
          #el6753feb933 .qa338e4171a {
            padding-block: 2rem;
            padding-inline: 2rem;
            background: var(--white);
            border: 4px solid var(--neutral-1050);
            box-shadow: 10px 10px 0 var(--accent-dark);
            transform: rotate(-0.6deg);
          }
    
          #el6753feb933 .q167fa507c5 {
            display: inline-block;
            margin-block-end: 1rem;
            padding-block: 0.4rem;
            padding-inline: 0.9rem;
            background: var(--danger-color);
            border: 3px solid var(--neutral-1050);
            color: var(--text-light);
            font-weight: 900;
            font-size: 0.78rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            line-height: 1.3;
            box-shadow: 4px 4px 0 var(--neutral-1050);
          }
    
          #el6753feb933 .qd273dd7114 {
            margin-block: 0 1rem;
            margin-inline: 0;
            font-size: clamp(1.85rem, 4vw, 2.75rem);
            font-weight: 950;
            line-height: 1.05;
            color: var(--text-primary);
            text-transform: uppercase;
            letter-spacing: 0.02em;
          }
    
          #el6753feb933 .qe882b74d35 {
            width: 100%;
            max-width: 14rem;
            height: 0.55rem;
            margin-block-end: 1.25rem;
            background: linear-gradient(90deg, var(--primary) 0%, var(--warning-color) 50%, var(--accent) 100%);
            clip-path: polygon(0 100%, 6% 0, 12% 100%, 18% 0, 24% 100%, 30% 0, 36% 100%, 42% 0, 48% 100%, 54% 0, 60% 100%, 66% 0, 72% 100%, 78% 0, 84% 100%, 90% 0, 96% 100%, 100% 0, 100% 100%);
          }
    
          #el6753feb933 .q6976ebf7c6 {
            margin-block: 0 1.5rem;
            margin-inline: 0;
            color: var(--text-secondary);
            font-size: 1.08rem;
            line-height: 1.75;
          }
    
          #el6753feb933 .q84e57b341e {
            margin-block-end: 1.75rem;
            padding-block: 1rem;
            padding-inline: 1.15rem;
            background: linear-gradient(135deg, var(--info-bg) 0%, var(--secondary-bg) 100%);
            border: 3px solid var(--neutral-1050);
            box-shadow: 6px 6px 0 var(--primary-dark);
          }
    
          #el6753feb933 .qe815dff562 {
            margin: 0;
            font-weight: 950;
            font-size: 1.15rem;
            line-height: 1.15;
            color: var(--text-primary);
            text-transform: uppercase;
          }
    
          #el6753feb933 .q296e73692e {
            margin-block-start: 0.35rem;
            margin-block-end: 0;
            margin-inline: 0;
            font-weight: 700;
            color: var(--text-secondary);
            line-height: 1.5;
          }
    
          #el6753feb933 .q5eca55f5e5 {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            text-decoration: none;
            padding-block: 1rem;
            padding-inline: 1.5rem;
            border: 3px solid var(--neutral-1050);
            font-weight: 950;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 0.04em;
            background: linear-gradient(90deg, var(--primary) 0%, var(--warning-color) 100%);
            box-shadow: 7px 7px 0 var(--neutral-1050);
            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
          }
    
          #el6753feb933 .q5eca55f5e5:hover {
            transform: translateY(-3px);
            box-shadow: 9px 9px 0 var(--primary-dark);
            background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 100%);
            color: var(--text-light);
          }
    
          #el6753feb933 .q4001ff57de {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
            max-width: 22rem;
            margin-inline: auto;
          }
    
          #el6753feb933 .qab48304223 {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            min-height: 3.25rem;
            padding-inline: 0.25rem;
          }
    
          #el6753feb933 .q29ac4d4c41 {
            width: 3.25rem;
            height: 3.25rem;
            background: var(--secondary-bg);
            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%);
            flex-shrink: 0;
            animation: popartspin_k8m3n7x2q4w9p 5s ease-in-out infinite;
          }
    
          #el6753feb933 .qb49635b609 {
            background: var(--warning-bg);
            animation-delay: 0.8s;
          }
    
          @keyframes popartspin_k8m3n7x2q4w9p {
            0%,
            100% {
              transform: rotate(0deg);
            }
            50% {
              transform: rotate(14deg);
            }
          }
    
          #el6753feb933 .q7044a22d0b {
            width: 100%;
            max-width: 20rem;
            aspect-ratio: 1 / 1;
            padding: 0.65rem;
            margin: 0;
            background: linear-gradient(160deg, var(--primary) 0%, var(--accent) 45%, var(--secondary) 100%);
            border: 4px solid var(--neutral-1050);
            box-shadow: 12px 12px 0 var(--neutral-1050);
            transform: rotate(2deg);
            transition: transform 0.35s ease, box-shadow 0.35s ease;
          }
    
          #el6753feb933 .q7044a22d0b:hover {
            transform: rotate(0deg) scale(1.02);
            box-shadow: 14px 14px 0 var(--danger-color);
          }
    
          #el6753feb933 .q6551c23f47 {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            aspect-ratio: 1 / 1;
            border: 3px solid var(--white);
            background: var(--neutral-150);
          }
    
          #el6753feb933 .qb098c99a56 {
            display: flex;
            gap: 0.45rem;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            padding-block-start: 0.25rem;
          }
    
          #el6753feb933 .q4fa65148d4 {
            width: 0.65rem;
            height: 0.65rem;
            border-radius: 50%;
            border: 2px solid var(--neutral-1050);
            background: var(--accent);
            flex-shrink: 0;
          }
    
          #el6753feb933 .q4fa65148d4:nth-child(2) {
            background: var(--warning-color);
          }
    
          #el6753feb933 .q4fa65148d4:nth-child(3) {
            background: var(--primary);
          }
    
          #el6753feb933 .q4fa65148d4:nth-child(4) {
            background: var(--secondary);
          }
    
          #el6753feb933 .q4fa65148d4:nth-child(5) {
            background: var(--danger-color);
          }
    
          @media (max-width: 991.98px) {
            #el6753feb933.q2ab3ad619a {
              padding-block: 3.5rem;
            }
    
            #el6753feb933 .qd4549a0526 {
              grid-template-columns: minmax(0, 1fr);
              gap: 2rem;
            }
    
            #el6753feb933 .qa338e4171a {
              transform: rotate(0deg);
              padding-block: 1.65rem;
              padding-inline: 1.5rem;
            }
    
            #el6753feb933 .q4001ff57de {
              order: -1;
            }
    
            #el6753feb933 .q7044a22d0b {
              transform: rotate(0deg);
              max-width: 18rem;
            }
          }
    
          @media (max-width: 575.98px) {
            #el6753feb933.q2ab3ad619a {
              padding-block: 3rem;
            }
    
            #el6753feb933 .qa338e4171a {
              padding-block: 1.35rem;
              padding-inline: 1.15rem;
              box-shadow: 7px 7px 0 var(--accent-dark);
            }
    
            #el6753feb933 .q7044a22d0b {
              box-shadow: 8px 8px 0 var(--neutral-1050);
            }
    
            #el6753feb933 .q5eca55f5e5 {
              width: 100%;
              justify-content: center;
            }
          }
    
          [dir='rtl'] #el6753feb933 .q7044a22d0b:hover {
            transform: rotate(0deg) scale(1.02);
          }

#elf319d34065 {
        position: relative;
        overflow: hidden;
        padding-block: clamp(3.5rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(160deg, var(--neutral-1050) 0%, var(--primary-dark) 48%, var(--accent-dark) 100%);
      }

      #elf319d34065::before {
        content: '';
        position: absolute;
        inset-block-start: -20%;
        inset-inline-end: -15%;
        width: min(55vw, 28rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--primary) 12%, transparent));
        opacity: 0.35;
        pointer-events: none;
      }

      #elf319d34065::after {
        content: '';
        position: absolute;
        inset-block-end: -25%;
        inset-inline-start: -18%;
        width: min(50vw, 24rem);
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle at 70% 60%, color-mix(in srgb, var(--secondary) 40%, transparent), transparent);
        opacity: 0.22;
        pointer-events: none;
      }

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

      #elf319d34065 .qd0868a0d4c {
        border-radius: 1.75rem;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--neutral-250) 65%, transparent);
        background: color-mix(in srgb, var(--background-tertiary) 8%, transparent);
        box-shadow: 0 1.5rem 3rem color-mix(in srgb, var(--neutral-1050) 45%, transparent);
        animation: ctareveal_m4k8n2xp9q7rw 0.85s ease-out both;
      }

      @keyframes ctareveal_m4k8n2xp9q7rw {
        from {
          opacity: 0;
          transform: translateY(1.25rem);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #elf319d34065 .qb509601ced {
        position: relative;
        min-height: 100%;
        padding: clamp(1.25rem, 3vw, 2rem);
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--neutral-1050) 88%, transparent));
      }

      #elf319d34065 .q04a23327d5 {
        position: relative;
        width: min(100%, 22rem);
        aspect-ratio: 1;
        max-width: 100%;
        border-radius: 1.35rem;
        padding: 0.65rem;
        background: linear-gradient(135deg, var(--secondary-light), var(--accent-light));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-light) 22%, transparent);
      }

      #elf319d34065 .q9215a96ca5 {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 0.95rem;
        overflow: hidden;
        background: var(--neutral-850);
      }

      #elf319d34065 .q9215a96ca5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      #elf319d34065 .qf51183191b {
        position: absolute;
        inset-block-end: 1.25rem;
        inset-inline-start: 1.25rem;
        padding-block: 0.4rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--text-primary);
        background: color-mix(in srgb, var(--secondary) 92%, var(--text-light));
        border: 1px solid color-mix(in srgb, var(--text-light) 35%, transparent);
        white-space: normal;
        max-inline-size: 12rem;
        line-height: 1.3;
      }

      #elf319d34065 .qe530257f0b {
        padding-block: clamp(2rem, 4vw, 3rem);
        padding-inline: clamp(1.5rem, 4vw, 3rem);
        background: var(--background-tertiary);
        border-inline-start: 4px solid var(--accent);
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      #elf319d34065 .q1f1d46fe47 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-block-end: 1rem;
      }

      #elf319d34065 .q7a83a557c1 {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: var(--primary);
        box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--primary) 28%, transparent);
      }

      #elf319d34065 .qe991763c46 {
        font-size: 0.8rem;
        font-weight: 600;
        padding-block: 0.35rem;
        padding-inline: 0.75rem;
        border-radius: 999px;
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
        white-space: normal;
        max-inline-size: 16rem;
        line-height: 1.25;
      }

      #elf319d34065 .q693bed037a {
        font-size: clamp(1.85rem, 2.6vw, 2.65rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.03em;
        color: var(--text-primary);
        margin-block-end: 1rem;
      }

      #elf319d34065 .qd1c778c00e {
        background: linear-gradient(120deg, var(--primary-dark), var(--accent-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      #elf319d34065 .q0c596cac91 {
        font-size: 1.05rem;
        line-height: 1.65;
        color: var(--text-secondary);
        margin-block-end: 1.5rem;
        max-inline-size: 38rem;
      }

      #elf319d34065 .q020a64f3eb {
        margin-block-end: 1.75rem;
      }

      #elf319d34065 .q020a64f3eb li {
        display: flex;
        align-items: flex-start;
        gap: 0.65rem;
        margin-block-end: 0.65rem;
        font-size: 0.98rem;
        line-height: 1.5;
        color: var(--text-tertiary);
      }

      #elf319d34065 .q020a64f3eb li:last-child {
        margin-block-end: 0;
      }

      #elf319d34065 .q020a64f3eb .q73b5432616 {
        flex-shrink: 0;
        margin-block-start: 0.15rem;
        font-size: 1.1rem;
        color: var(--success-dark);
      }

      #elf319d34065 .q98318dee91 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
      }

      #elf319d34065 .q579787f22e {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        padding-block: 0.95rem;
        padding-inline: 1.75rem;
        border-radius: 999px;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        border: none;
        box-shadow: 0 0.65rem 1.5rem color-mix(in srgb, var(--primary-dark) 42%, transparent);
        transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
      }

      #elf319d34065 .q579787f22e:hover {
        transform: translateY(-0.15rem);
        background: linear-gradient(135deg, var(--primary-light), var(--primary));
        box-shadow: 0 0.85rem 1.85rem color-mix(in srgb, var(--primary) 38%, transparent);
        color: var(--text-light);
      }

      #elf319d34065 .q579787f22e:active {
        transform: translateY(0);
      }

      #elf319d34065 .q6228620767 {
        display: inline-flex;
        transition: transform 0.25s ease;
      }

      #elf319d34065 .q579787f22e:hover .q6228620767 {
        transform: translateX(0.35rem);
      }

      html[dir='rtl'] #elf319d34065 .q6228620767 {
        transform: scaleX(-1);
      }

      html[dir='rtl'] #elf319d34065 .q579787f22e:hover .q6228620767 {
        transform: scaleX(-1) translateX(-0.35rem);
      }

      @media (max-width: 991.98px) {
        #elf319d34065 .qe530257f0b {
          border-inline-start: none;
          border-block-start: 4px solid var(--accent);
        }
      }

#eld82d9f216e {
        position: relative;
        overflow: hidden;
        padding-block: 5.5rem;
        padding-inline: 0;
        background: linear-gradient(125deg, var(--primary-bg) 0%, var(--accent-bg) 42%, var(--warning-bg) 100%);
      }

      #eld82d9f216e .q316a823b20 {
        position: absolute;
        inset-block-start: -120px;
        inset-inline-end: -80px;
        width: 320px;
        height: 320px;
        border-radius: 45% 55% 52% 48% / 44% 56% 44% 56%;
        background: var(--info-bg);
        opacity: 0.35;
        pointer-events: none;
        z-index: 0;
      }

      #eld82d9f216e .qc0c30ef462 {
        position: absolute;
        inset-block-end: -100px;
        inset-inline-start: -60px;
        width: 260px;
        height: 260px;
        border-radius: 58% 42% 46% 54% / 52% 48% 52% 48%;
        background: var(--secondary-bg);
        opacity: 0.3;
        pointer-events: none;
        z-index: 0;
      }

      #eld82d9f216e .qafba76f305 {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 2.75rem;
        align-items: center;
        padding-block: 2.5rem;
        padding-inline: 2.5rem;
        border-radius: 1.75rem;
        background: var(--background-tertiary);
        border: 3px solid var(--primary-light);
        box-shadow: 0 28px 64px var(--neutral-250);
      }

      #eld82d9f216e .q6a7d6869ba {
        position: relative;
        width: 100%;
        max-width: 420px;
        margin-inline: auto;
      }

      #eld82d9f216e .q26c3934a92 {
        position: absolute;
        inset-block-end: -14px;
        inset-inline-end: -14px;
        width: 72%;
        height: 72%;
        border-radius: 1.25rem;
        background: linear-gradient(145deg, var(--warning-color), var(--danger-light));
        z-index: 0;
        pointer-events: none;
      }

      #eld82d9f216e .q4c299826d1 {
        position: relative;
        z-index: 1;
        aspect-ratio: 1 / 1;
        border-radius: 1.25rem;
        overflow: hidden;
        border: 4px solid var(--primary);
        background: var(--background-secondary);
      }

      #eld82d9f216e .q4c299826d1 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      #eld82d9f216e .q9c593c653b {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
      }

      #eld82d9f216e .q0dba38799f {
        display: inline-block;
        align-self: flex-start;
        padding-block: 0.45rem;
        padding-inline: 1rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--primary), var(--accent));
        color: var(--text-light);
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      #eld82d9f216e .q064d15971a {
        margin: 0;
        font-size: clamp(1.85rem, 3.2vw, 2.75rem);
        font-weight: 800;
        line-height: 1.12;
        background: linear-gradient(92deg, var(--primary-dark), var(--accent-dark));
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
      }

      #eld82d9f216e .q12f763c233 {
        margin: 0;
        color: var(--text-secondary);
        font-size: 1.0625rem;
        line-height: 1.85;
      }

      #eld82d9f216e .qe0d0e284c0 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
        margin-block-start: 0.5rem;
      }

      #eld82d9f216e .q7b42570da6 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.85rem;
        padding-inline: 1.75rem;
        border-radius: 0.75rem;
        border: 2px solid var(--primary-dark);
        background: linear-gradient(135deg, var(--primary), var(--accent));
        color: var(--text-light);
        font-weight: 700;
        text-decoration: none;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        box-shadow: 0 10px 24px var(--primary-bg);
      }

      #eld82d9f216e .q7b42570da6:hover {
        transform: translateY(-3px);
        color: var(--text-light);
        box-shadow: 0 16px 32px var(--accent-bg);
      }

      #eld82d9f216e .q0e5a13cf66 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-block: 0.85rem;
        padding-inline: 1.75rem;
        border-radius: 0.75rem;
        border: 2px solid var(--secondary);
        background: var(--background-tertiary);
        color: var(--secondary-dark);
        font-weight: 700;
        text-decoration: none;
        transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
      }

      #eld82d9f216e .q0e5a13cf66:hover {
        transform: translateY(-3px);
        background: var(--secondary-bg);
        color: var(--text-primary);
      }

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

        #eld82d9f216e .qafba76f305 {
          grid-template-columns: minmax(0, 1fr);
          gap: 2rem;
          padding-block: 1.75rem;
          padding-inline: 1.5rem;
        }

        #eld82d9f216e .q6a7d6869ba {
          max-width: 360px;
        }
      }

@keyframes float_anim_k8x3m2p9q {
        0%,
        100% {
          transform: translateY(0) rotate(0deg);
        }
        50% {
          transform: translateY(-8px) rotate(5deg);
        }
      }

      @keyframes pulse_anim_r7n4k1w5t {
        0%,
        100% {
          opacity: 0.08;
        }
        50% {
          opacity: 0.15;
        }
      }

      #el8c6d836731 {
        position: relative;
        background: radial-gradient(1400px 500px at 50% 0%, rgba(var(--bs-primary-rgb), 0.25), transparent 70%), radial-gradient(1000px 400px at 100% 100%, rgba(var(--bs-primary-rgb), 0.15), transparent 60%),
          linear-gradient(180deg, var(--primary-light) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        box-shadow: 0 -8px 40px -10px rgba(var(--bs-primary-rgb), 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
        border-top: 3px solid var(--primary-dark);
        overflow: hidden;

        .q2164915f11 {
          backdrop-filter: saturate(130%) blur(0.5px);
          position: relative;
          z-index: 1;
        }

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

          .qcb4a4793b0 {
            display: inline-flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
            padding-block: 1rem;
padding-inline: 1.5rem;
            background: rgba(var(--bs-primary-rgb), 0.12);
            border: 2px solid rgba(var(--bs-primary-rgb), 0.25);
            border-radius: 20px;
            backdrop-filter: blur(10px);
            transition: transform 0.3s ease, box-shadow 0.3s ease;

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

            .qa34fd9cd5e {
              width: 56px;
              height: 56px;
              border-radius: 16px;
              background: linear-gradient(145deg, var(--background-tertiary), rgba(var(--bs-primary-rgb), 0.2));
              border: 2px solid rgba(var(--bs-primary-rgb), 0.3);
              display: grid;
              place-items: center;
              font-weight: 800;
              color: var(--primary-dark);
              font-size: 1.5rem;
              box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.15);
            }

            .q25c4d5de3a {
              margin: 0;
              color: var(--text-primary);
              letter-spacing: 1px;
              font-weight: 800;
              text-transform: uppercase;
              font-size: 1.4rem;
              text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }
          }
        }

        .qe06d107cc4 {
          margin-bottom: 2rem;

          .qdf92218fee {
            .q3b5a005a6c {
              color: var(--text-primary);
              font-weight: 700;
              font-size: 1.1rem;
              margin-bottom: 1.25rem;
              text-align: center;
              text-transform: uppercase;
              letter-spacing: 0.5px;
            }

            .qf11d50672f {
              display: flex;
              flex-direction: column;
              gap: 0.65rem;
              align-items: stretch;

              .qa6a809da07 {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 0.65rem;
                padding-block: 0.7rem;
padding-inline: 1.2rem;
                border-radius: 12px;
                background: rgba(var(--bs-primary-rgb), 0.1);
                border: 2px solid rgba(var(--bs-primary-rgb), 0.25);
                color: var(--text-primary);
                text-decoration: none;
                font-weight: 500;
                transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
                backdrop-filter: blur(8px);

                i {
                  font-size: 1.1rem;
                  color: var(--primary-dark);
                  transition: transform 0.25s ease;
                }

                &:hover {
                  transform: translateX(5px);
                  background: rgba(var(--bs-primary-rgb), 0.2);
                  border-color: var(--primary-dark);
                  box-shadow: 0 6px 16px rgba(var(--bs-primary-rgb), 0.2);

                  i {
                    transform: scale(1.15);
                  }
                }

                &:focus-visible {
                  outline: 0;
                  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.4);
                }
              }
            }
          }

          .qd88a5d838c {
            .qa4dac0d087 {
              background: rgba(var(--bs-primary-rgb), 0.12);
              border: 2px solid rgba(var(--bs-primary-rgb), 0.25);
              border-radius: 18px;
              padding: 1.5rem;
              backdrop-filter: blur(10px);
              box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.15);

              .q7dec9fef1a {
                display: flex;
                align-items: flex-start;
                gap: 1rem;
                padding-block: 0.85rem;
padding-inline: 0;
                border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.15);

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

                .q7773b0fbc5 {
                  width: 40px;
                  height: 40px;
                  border-radius: 10px;
                  background: rgba(var(--bs-primary-rgb), 0.15);
                  border: 1px solid rgba(var(--bs-primary-rgb), 0.25);
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-shrink: 0;

                  i {
                    color: var(--primary-dark);
                    font-size: 1.2rem;
                  }
                }

                .q54b6f70911 {
                  flex: 1;
                  color: var(--text-primary);
                  font-size: 0.95rem;
                  line-height: 1.5;

                  strong {
                    color: var(--primary-dark);
                    font-weight: 600;
                  }
                }
              }
            }
          }

          .q4231a7ace9 {
            .qfdb7ecaa10 {
              background: rgba(var(--bs-primary-rgb), 0.12);
              border: 2px solid rgba(var(--bs-primary-rgb), 0.25);
              border-radius: 18px;
              padding: 1.5rem;
              backdrop-filter: blur(10px);
              box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.15);

              .q4afcc69c69 {
                color: var(--text-primary);
                font-weight: 700;
                margin-bottom: 1.25rem;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                font-size: 1.1rem;
              }

              .q1f54be752e {
                display: flex;
                gap: 0.75rem;
                justify-content: center;
                flex-wrap: wrap;
              }

              .q618a308135 {
                width: 48px;
                height: 48px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgba(var(--bs-primary-rgb), 0.15);
                border: 2px solid rgba(var(--bs-primary-rgb), 0.3);
                color: var(--primary-dark);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                outline: 0;
                position: relative;
                overflow: hidden;

                &::before {
                  content: '';
                  position: absolute;
                  top: 50%;
                  inset-inline-start: 50%;
                  width: 0;
                  height: 0;
                  border-radius: 50%;
                  background: var(--primary-dark);
                  transform: translate(-50%, -50%);
                  transition: width 0.4s ease, height 0.4s ease;
                }

                i {
                  font-size: 1.3rem;
                  line-height: 1;
                  position: relative;
                  z-index: 1;
                  transition: color 0.3s ease, transform 0.3s ease;
                }

                &:hover {
                  border-color: var(--primary-dark);
                  transform: translateY(-4px) scale(1.05);
                  box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.3);

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

                  i {
                    color: var(--text-light);
                    transform: rotate(10deg);
                  }
                }

                &:focus-visible {
                  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.4);
                }
              }
            }
          }
        }

        .q02d628e012 {
          border-top: 2px solid rgba(var(--bs-primary-rgb), 0.25);
          margin-top: 2.5rem;
          padding-top: 1.5rem;

          .q18cf3cdd06 {
            color: var(--text-primary);
            font-size: 0.9rem;
            text-align: center;
          }

          .badge {
            background: rgba(var(--bs-primary-rgb), 0.15);
            color: var(--text-primary);
            padding-block: 0.5rem;
padding-inline: 1rem;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.15);
            border: 2px solid rgba(var(--bs-primary-rgb), 0.25);
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.85rem;
            font-weight: 500;
            backdrop-filter: blur(8px);

            i {
              font-size: 1rem;
            }
          }
        }

        .q677b382c17 {
          position: absolute;
          opacity: 0.1;
          color: var(--primary-dark);
          pointer-events: none;
          animation: float_anim_k8x3m2p9q 6s ease-in-out infinite;

          &.q5d14cecd12 {
            top: 1rem;
            inset-inline-end: 1rem;
            font-size: 4rem;
            animation-delay: 0s;
          }

          &.q2c4615c0f0 {
            bottom: 1rem;
            inset-inline-start: 1rem;
            font-size: 3.5rem;
            animation-delay: 2s;
          }

          &.q329b6919ca {
            bottom: 1rem;
            inset-inline-end: 1rem;
            font-size: 3rem;
            animation-delay: 4s;
          }
        }

        .q3cec425aa2 {
          position: fixed;
          inset-inline-end: 1.5rem;
          bottom: 1.5rem;
          z-index: 50;

          .btn {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            border: 2px solid rgba(var(--bs-primary-rgb), 0.4);
            background: rgba(var(--bs-primary-rgb), 0.15);
            color: var(--primary-dark);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.2);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;

            i {
              font-size: 1.5rem;
            }

            &:hover {
              border-color: var(--primary-dark);
              background: var(--primary-dark);
              color: var(--text-light);
              transform: translateY(-4px);
              box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.3);
            }
          }
        }
      }

      @media (max-width: 991.98px) {
        #el8c6d836731 {
          .qe06d107cc4 {
            .qd88a5d838c .qa4dac0d087,
            .q4231a7ace9 .qfdb7ecaa10 {
              padding: 1.25rem;
            }

            .qdf92218fee .qf11d50672f .qa6a809da07 {
              padding-block: 0.6rem;
padding-inline: 1rem;
            }
          }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #el8c6d836731 {
          .q677b382c17 {
            animation: none;
          }

          .qa6a809da07,
          .q618a308135,
          .q3cec425aa2 .btn,
          .qcb4a4793b0 {
            transition: none;
          }
        }
      }