.stats{
    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:linear-gradient(
        135deg,
        #0b1b2b 0%,
        #10253b 100%
    );
}

.stats::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-220px;
    top:-260px;
    border-radius:50%;
    background:rgba(184,155,94,.06);
    filter:blur(30px);
}

.stats::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-180px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
}

.stats-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:28px;
    max-width:1100px;
    margin:0 auto;
}

.stat{
    position:relative;
    overflow:hidden;
    padding:42px 36px;
    border-radius:26px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.03)
        );
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:
        inset 0 1px rgba(255,255,255,.08),
        0 18px 40px rgba(0,0,0,.18);
    opacity:0;
    transform:translateY(60px);
    transition:
        transform .55s ease,
        opacity .8s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease;
}

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

.stat:nth-child(1){transition-delay:.05s;}
.stat:nth-child(2){transition-delay:.18s;}
.stat:nth-child(3){transition-delay:.31s;}
.stat:nth-child(4){transition-delay:.44s;}

.stat::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(
        90deg,
        var(--gold),
        #f5dfaa
    );
    opacity:.95;
}

.stat::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-45%;
    width:70%;
    height:250%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );
    transform:rotate(25deg);
    transition:left .8s ease;
}

.stat:hover{
    transform:translateY(-12px);
    border-color:rgba(184,155,94,.45);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.05)
        );
    box-shadow:
        inset 0 1px rgba(255,255,255,.12),
        0 28px 60px rgba(0,0,0,.28);
}

.stat:hover::after{
    left:130%;
}

.stat-icon{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            rgba(184,155,94,.20),
            rgba(184,155,94,.08)
        );
    border:1px solid rgba(255,255,255,.08);
    color:var(--gold);
    font-size:28px;
    transition:.35s;
}

.stat:hover .stat-icon{
    transform:rotate(-8deg) scale(1.08);
    background:
        linear-gradient(
            135deg,
            rgba(184,155,94,.35),
            rgba(184,155,94,.15)
        );
}

.stat h3{
    font-size:3.5rem;
    font-weight:800;
    line-height:1;
    letter-spacing:-2px;
    color:#f5e6bb;
    margin-bottom:16px;
    transition:.35s;
}

.stat:hover h3{
    transform:translateX(3px);
}

.stat p{
    color:#d8dee7;
    font-size:1rem;
    line-height:1.7;
    opacity:.92;
}

@media(max-width:1000px){
    .stats-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:650px){
    .stats-grid{
        grid-template-columns:1fr;
    }
    .stat{
        padding:36px 30px;
    }
}