.vp-fintech-wallet {
    background:
        radial-gradient(circle at 82% 18%, rgba(27, 198, 171, 0.12), transparent 32%),
        radial-gradient(circle at 12% 76%, rgba(124, 196, 255, 0.09), transparent 30%),
        #05070d;
    border-top: 1px solid rgba(124, 196, 255, 0.08);
}

.vp-fintech-wallet__inner {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 100px;
    align-items: start;
}

.vp-fintech-wallet__content {
    position: sticky;
    top: 120px;
}

.vp-fintech-wallet__title {
    max-width: 760px;
}

.vp-fintech-wallet__text {
    max-width: 620px;
    margin: 34px 0 0;
}

.vp-fintech-wallet__cards {
    display: grid;
    gap: 28px;
}

.vp-fintech-wallet__card {
    position: relative;
    overflow: hidden;
    min-height: 280px;
    border-radius: 34px;
    padding: 34px;
}

.vp-fintech-wallet__card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    right: -90px;
    top: -90px;
    background: radial-gradient(circle, rgba(124, 196, 255, 0.14), transparent 68%);
    pointer-events: none;
}

.vp-fintech-wallet__card--primary {
    min-height: 380px;
    background:
        radial-gradient(circle at 82% 20%, rgba(27, 198, 171, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(16, 39, 54, 0.96), rgba(7, 17, 29, 0.92));
    border-color: rgba(27, 198, 171, 0.18);
}

.vp-fintech-wallet__card strong {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 720px;
    margin-top: 42px;
    color: #ffffff;
    font-size: clamp(36px, 4.2vw, 82px);
    line-height: 0.92;
    letter-spacing: -0.07em;
    font-weight: 700;
}

.vp-fintech-wallet__card p {
    position: relative;
    z-index: 2;
    max-width: 560px;
    margin: 28px 0 0;
    color: rgba(226, 241, 255, 0.66);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
}

@media (max-width: 1080px) {
    .vp-fintech-wallet__inner {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .vp-fintech-wallet__content {
        position: relative;
        top: auto;
    }
}

@media (max-width: 720px) {

    .vp-fintech-wallet__card,
    .vp-fintech-wallet__card--primary {
        min-height: auto;
        border-radius: 28px;
        padding: 26px;
    }

    .vp-fintech-wallet__card strong {
        margin-top: 34px;
        font-size: clamp(34px, 11vw, 58px);
    }

    .vp-fintech-wallet__card p {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* =========================================================
   WALLET SYSTEM — PREMIUM INTERACTION LAYER
========================================================= */

.vp-fintech-wallet::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px);
    background-size: 84px 84px;
    opacity: .55;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, transparent 92%);
}

.vp-fintech-wallet__cards {
    position: relative;
    z-index: 2;
}

.vp-fintech-wallet__card {
    transform: translateZ(0);
    transition:
        transform .55s cubic-bezier(.16, 1, .3, 1),
        border-color .55s ease,
        box-shadow .55s ease,
        background .55s ease;
}

/* .vp-fintech-wallet__card::after {
    content: "0x7A9F...USDT";
    position: absolute;
    right: 34px;
    bottom: 50px;
    z-index: 2;
    color: rgba(124, 196, 255, .46);
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .55;
} */

.vp-fintech-wallet__card::after {
    content: "";
    position: relative;
    z-index: 2;

    display: block;
    width: 100%;
    height: 8px;

    margin-top: auto;

    border-radius: 999px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, .06);
}

.vp-fintech-wallet__card::after {
    background:
        linear-gradient(90deg,
            rgba(var(--theme-glow, 124, 196, 255), .28),
            rgba(255, 255, 255, .12));
}

.vp-fintech-wallet__card::before {
    content: "";
    position: absolute;

    left: -30%;
    bottom: 28px;

    width: 26%;
    height: 8px;

    border-radius: 999px;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .95),
            transparent);

    opacity: 0;

    pointer-events: none;
}

.vp-fintech-wallet__card.is-active::before {
    animation: fintechWalletLineMove 2.2s linear infinite;
}

@keyframes fintechWalletLineMove {

    0% {
        left: -30%;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

.vp-fintech-wallet__card span {
    position: relative;
    z-index: 2;
    display: inline-flex;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(124, 196, 255, .15);
    background: rgba(255, 255, 255, .04);
    color: rgba(164, 216, 255, .86);
    font-size: 11px;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vp-fintech-wallet__card.is-active {
    transform: translateY(-10px) scale(1.015);
    border-color: rgba(27, 198, 171, .38);
    box-shadow:
        0 42px 120px rgba(0, 0, 0, .52),
        0 0 64px rgba(27, 198, 171, .16),
        0 0 0 1px rgba(255, 255, 255, .05) inset;
}

.vp-fintech-wallet__card.is-active::before {
    background:
        radial-gradient(circle, rgba(27, 198, 171, .28), transparent 68%);
}

.vp-fintech-wallet__card.is-active::after {
    opacity: 1;
    color: rgba(110, 231, 214, .72);
}

.vp-fintech-wallet__card.is-dimmed {
    opacity: .66;
    transform: scale(.985);
}

@media (max-width: 720px) {

    .vp-fintech-wallet__card.is-active,
    .vp-fintech-wallet__card.is-dimmed {
        transform: none;
    }
}

.vp-fintech-wallet__card {
    transition:
        transform .65s cubic-bezier(.16, 1, .3, 1),
        opacity .65s ease,
        border-color .65s ease,
        box-shadow .65s ease,
        background .65s ease;
}

.vp-fintech-wallet__card.is-pulse {
    animation: fintechWalletPulse .7s ease;
}

.vp-fintech-wallet.is-wallet-pulse::before {
    animation: fintechWalletAmbient 1.2s ease;
}

@keyframes fintechWalletPulse {

    0% {
        transform: translateY(-10px) scale(1);
    }

    45% {
        transform: translateY(-14px) scale(1.025);
    }

    100% {
        transform: translateY(-10px) scale(1);
    }
}

@keyframes fintechWalletAmbient {

    0% {
        opacity: .55;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .55;
    }
}