.stats-section {
    padding-top: 78px;
    padding-bottom: 84px;
    border-top: 1px solid rgba(255, 255, 255, .055)
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
}

.stat-card {
    background: linear-gradient(135deg, #22252b, #1d2025);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 23px 24px 20px;
    min-height: 176px;
    position: relative;
    overflow: hidden;
    transition: transform .3s, border-color .3s
}

.stat-card:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    right: -45px;
    top: -45px;
    background: #d8b66b0b;
    filter: blur(12px);
    transition: background .3s
}

.stat-card:hover {
    transform: translateY(-4px);
    border-color: #d8b66b45
}

.stat-card:hover:after {
    background: #d8b66b20
}

.stat-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: var(--gold);
    background: #d8b66b13;
    border: 1px solid #d8b66b22;
    font-size: 16px
}

.stat-label {
    font-size: 11px;
    color: #a5a7ad;
    margin-top: 18px
}

.stat-value {
    font: 800 30px/1.2 var(--display);
    letter-spacing: -.05em;
    margin-top: 3px
}

.stat-foot {
    font-size: 9px;
    color: #747981;
    margin-top: 11px;
    display: flex;
    align-items: center;
    gap: 7px
}

.stat-foot .status-dot {
    width: 4px;
    height: 4px;
    opacity: .8
}

.stat-card {
    isolation: isolate
}

.stat-card:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    background: linear-gradient(120deg, #d8b66b0a, transparent 55%);
    transition: opacity .35s
}

.stat-card:hover:before {
    opacity: 1
}

.stat-icon {
    transition: transform .3s, background .3s
}

.stat-card:hover .stat-icon {
    transform: translateY(-2px) rotate(-4deg);
    background: #d8b66b20
}

.stat-value {
    font-variant-numeric: tabular-nums
}