#csshcx3vz {
            --content-x-shift_k9mxq2wpn: 1;
            padding-block: clamp(4rem, 8vw, 7.5rem);
            padding-inline: 0;
            background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 22%, var(--background-primary)) 48%, var(--background-primary) 100%);
            position: relative;
            isolation: isolate;
            overflow: clip;
    
            .x9nwfcs {
              position: relative;
              border-radius: 28px;
              border: 1px solid var(--border-light);
              background: linear-gradient(135deg, color-mix(in srgb, var(--background-tertiary) 94%, var(--primary-bg)) 0%, var(--background-tertiary) 52%, color-mix(in srgb, var(--background-tertiary) 88%, var(--info-bg)) 100%);
              padding-block: clamp(2.25rem, 4vw, 3.25rem);
              padding-inline: clamp(1.25rem, 4vw, 3rem);
              box-shadow: 0 28px 56px color-mix(in srgb, var(--neutral-950) 12%, transparent);
            }
    
            .x9nwfcs::after {
              content: '';
              position: absolute;
              inset-inline-end: -18%;
              inset-block-start: -32%;
              width: min(420px, 55vw);
              height: min(420px, 55vw);
              border-radius: 50%;
              background: radial-gradient(circle at center, color-mix(in srgb, var(--accent-bg) 55%, transparent) 0%, transparent 68%);
              opacity: 0.65;
              z-index: 0;
              pointer-events: none;
            }
    
            .x5g26oc {
              position: relative;
              z-index: 1;
              text-align: center;
              max-width: 52rem;
              margin-inline: auto;
              margin-bottom: clamp(2rem, 5vw, 3rem);
            }
    
            .xin2n5a {
              display: inline-flex;
              align-items: center;
              gap: 0.5rem;
              padding-block: 0.35rem;
              padding-inline: 1rem;
              border-radius: 999px;
              background: color-mix(in srgb, var(--secondary-bg) 35%, var(--background-tertiary));
              border: 1px solid color-mix(in srgb, var(--secondary) 28%, var(--border-light));
              color: var(--secondary-dark);
              font-size: 0.78rem;
              font-weight: 700;
              letter-spacing: 0.14em;
              text-transform: uppercase;
              white-space: normal;
              margin-bottom: 1.25rem;
            }
    
            .xin2n5a::before {
              content: '';
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background: var(--accent);
              flex-shrink: 0;
            }
    
            .x1ig65f {
              color: var(--text-primary);
              font-weight: 800;
              font-size: clamp(2rem, 4.6vw, 3.15rem);
              line-height: 1.12;
              letter-spacing: -0.02em;
              margin-bottom: 1rem;
            }
    
            .xfdojg9 {
              color: var(--text-secondary);
              font-size: clamp(1rem, 2.1vw, 1.12rem);
              line-height: 1.75;
              margin: 0;
              max-width: 42rem;
              margin-inline: auto;
            }
    
            .xgiuqsg {
              position: relative;
              z-index: 1;
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: clamp(1rem, 2.5vw, 1.75rem);
              align-items: stretch;
            }
    
            .x38sv89 {
              grid-column: 1 / -1;
              border-radius: 22px;
              padding-block: clamp(1.75rem, 3vw, 2.35rem);
              padding-inline: clamp(1.35rem, 3vw, 2.35rem);
              border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border-light));
              background: linear-gradient(120deg, color-mix(in srgb, var(--primary-bg) 38%, var(--background-tertiary)) 0%, var(--background-tertiary) 58%, color-mix(in srgb, var(--warning-bg) 22%, var(--background-tertiary)) 100%);
            }
    
            .xtgs4my {
              min-width: 0;
              max-width: min(100%, 42rem);
            }
    
            .x6g4kra {
              display: inline-block;
              padding-block: 0.28rem;
              padding-inline: 0.85rem;
              border-radius: 999px;
              font-size: 0.72rem;
              font-weight: 700;
              letter-spacing: 0.08em;
              text-transform: uppercase;
              color: var(--danger-dark);
              background: color-mix(in srgb, var(--danger-bg) 42%, var(--background-tertiary));
              border: 1px solid color-mix(in srgb, var(--danger-color) 25%, var(--border-light));
              white-space: normal;
              margin-bottom: 0.85rem;
            }
    
            .x6m7kxw {
              font-size: clamp(1.35rem, 2.6vw, 1.75rem);
              font-weight: 800;
              color: var(--text-primary);
              margin-bottom: 0.65rem;
              line-height: 1.2;
            }
    
            .xgzrtwn {
              color: var(--text-secondary);
              font-size: clamp(0.98rem, 2vw, 1.05rem);
              line-height: 1.72;
              margin-bottom: 1.25rem;
            }
    
            .xnb5h55 {
              border-radius: 20px;
              padding-block: clamp(1.5rem, 2.8vw, 2rem);
              padding-inline: clamp(1.25rem, 2.8vw, 1.85rem);
              background: var(--background-tertiary);
              border: 1px solid var(--border-light);
              display: flex;
              flex-direction: column;
              gap: 0.85rem;
              min-height: 100%;
              position: relative;
              overflow: hidden;
              transition: border-color 0.28s ease, box-shadow 0.28s ease;
            }
    
            .xnb5h55::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              inset-block: 0;
              width: 5px;
              background: linear-gradient(180deg, var(--secondary), var(--accent));
              opacity: 0.95;
            }
    
            .xnb5h55:nth-child(3)::before {
              background: linear-gradient(180deg, var(--warning-color), var(--primary));
            }
    
            .xnb5h55:hover {
              border-color: color-mix(in srgb, var(--accent) 45%, var(--border-light));
              box-shadow: 0 20px 44px color-mix(in srgb, var(--accent-dark) 18%, transparent);
            }
    
            .xo9zrpw {
              align-self: flex-start;
              padding-block: 0.26rem;
              padding-inline: 0.75rem;
              border-radius: 999px;
              font-size: 0.7rem;
              font-weight: 700;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              color: var(--info-dark);
              background: color-mix(in srgb, var(--info-bg) 38%, var(--background-tertiary));
              border: 1px solid color-mix(in srgb, var(--info-color) 22%, var(--border-light));
              white-space: normal;
            }
    
            .xd4n8qf {
              font-size: clamp(1.18rem, 2.2vw, 1.42rem);
              font-weight: 800;
              color: var(--text-primary);
              margin: 0;
              line-height: 1.25;
              padding-inline-start: 0.85rem;
            }
    
            .xjk6zi7 {
              margin: 0;
              color: var(--text-secondary);
              font-size: 0.99rem;
              line-height: 1.68;
              flex-grow: 1;
              padding-inline-start: 0.85rem;
            }
    
            .x4svto4 {
              margin-inline-start: 0.85rem;
              margin-top: 0.25rem;
              display: inline-flex;
              align-items: center;
              gap: 0.45rem;
              width: fit-content;
              color: var(--accent-dark);
              font-weight: 700;
              font-size: 0.94rem;
              text-decoration: none;
              border-block-end: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
              padding-block-end: 0.15rem;
            }
    
            .x4svto4::after {
              content: '›';
              font-weight: 700;
              line-height: 1;
              transition: transform 0.22s ease;
              transform: translateX(calc(var(--content-x-shift_k9mxq2wpn) * 0px));
            }
    
            .x4svto4:hover::after {
              transform: translateX(calc(var(--content-x-shift_k9mxq2wpn) * 6px));
            }
    
            .x44ivz8 {
              padding-inline-start: 0.85rem;
              display: flex;
              flex-direction: column;
              gap: 0.85rem;
              flex-grow: 1;
            }
          }
    
          [dir='rtl'] #csshcx3vz {
            --content-x-shift_k9mxq2wpn: -1;
          }
    
          @media (max-width: 991px) {
            #csshcx3vz {
              .xgiuqsg {
                grid-template-columns: 1fr;
              }
            }
          }
    
          @media (max-width: 767px) {
            #csshcx3vz {
              .x9nwfcs {
                border-radius: 22px;
              }
    
              .xnb5h55::before {
                width: 100%;
                height: 5px;
                inset-inline: 0;
                inset-block-start: 0;
                inset-block-end: auto;
              }
    
              .xd4n8qf,
              .xjk6zi7 {
                padding-inline-start: 0;
              }
    
              .x4svto4 {
                margin-inline-start: 0;
              }
    
              .x44ivz8 {
                padding-inline-start: 0;
              }
            }
          }

#css82tur3 {
        position: relative;
        background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--background-secondary) 100%);
        border-top: 1px solid rgba(var(--bs-primary-rgb), 0.2);
        overflow: hidden;

        &::before {
            content: "";
            position: absolute;
            top: -140px;
            inset-inline-end: -140px;
            width: 360px;
            height: 360px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(var(--bs-primary-rgb), 0.16), transparent 60%);
            pointer-events: none;
        }

        .x6oq4tr {
            position: relative;
            z-index: 1;
            padding-block: 2.25rem;
padding-inline: 0;
        }

        .x9y38s0 {
            display: grid;
            gap: 1.25rem;
            grid-template-columns: 1fr;

            @media (min-width: 992px) {
                grid-template-columns: 1fr 1fr;
                align-items: start;
            }
        }

        .x26i4qu {
            background: rgba(255, 255, 255, 0.78);
            border: 1px solid rgba(var(--bs-primary-rgb), 0.16);
            border-radius: 18px;
            padding: 1.5rem;
            box-shadow: 0 18px 45px -34px rgba(var(--bs-primary-rgb), 0.35);
        }

        .x2upwve {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-bottom: 0.9rem;
            margin-bottom: 0.9rem;
            border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.14);

            h5 {
                margin: 0;
                color: var(--primary-dark);
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 1px;
            }

            .xmnrrpb {
                display: inline-flex;
                align-items: center;
                gap: 0.45rem;
                padding-block: 0.35rem;
padding-inline: 0.75rem;
                border-radius: 999px;
                background: rgba(var(--bs-primary-rgb), 0.08);
                border: 1px solid rgba(var(--bs-primary-rgb), 0.14);
                color: var(--text-secondary);
                font-weight: 800;
                font-size: 0.85rem;

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

        .x37qmmp {
            display: grid;
            gap: 0.55rem;
            color: var(--text-secondary);
            font-size: 0.95rem;

            .xpjykxh {
                display: flex;
                align-items: flex-start;
                gap: 0.7rem;

                i {
                    color: var(--primary);
                    transform: translateY(2px);
                }

                span {
                    color: var(--primary);
                    font-weight: 800;
                }
            }
        }

        .xeuoflf {
            display: grid;
            gap: 0.6rem;
            grid-template-columns: 1fr;

            @media (min-width: 576px) {
                grid-template-columns: 1fr 1fr;
            }

            a {
                text-decoration: none;
                color: var(--text-secondary);
                border: 1px solid rgba(var(--bs-primary-rgb), 0.14);
                background: rgba(var(--bs-primary-rgb), 0.05);
                border-radius: 14px;
                padding-block: 0.75rem;
padding-inline: 0.85rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                transition: all 0.25s ease;

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

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

        .xrc6k8c {
            margin-top: 1rem;
            text-align: center;

            .x38ijdv {
                color: var(--text-secondary);
                font-weight: 900;
                margin-bottom: 0.85rem;
            }

            .xfhy2fz {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 0.7rem;
            }

            .xhw2fj1 {
                width: 44px;
                height: 44px;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 14px;
                background: var(--background-tertiary);
                border: 2px solid rgba(var(--bs-primary-rgb), 0.18);
                color: var(--primary);
                transition: all 0.25s ease;

                &:hover {
                    background: var(--primary-dark);
                    color: var(--white);
                    transform: translateY(-2px);
                    box-shadow: 0 10px 26px -18px rgba(var(--bs-primary-rgb), 0.5);
                }
            }
        }

        .x8b1cnf {
            margin-top: 1.25rem;
            background: rgba(var(--bs-primary-rgb), 0.05);
            border-top: 1px solid rgba(var(--bs-primary-rgb), 0.14);
            padding-block: 1rem;
padding-inline: 0;
            text-align: center;
            font-size: 0.9rem;
            color: var(--text-tertiary);
        }
    }