.statistik-wrapper{
    background:#f8fafc;
    padding:80px 0;
}

.statistik-heading{
    font-size:2.3rem;
    color:#0f172a;
    margin-bottom:12px;
}

.statistik-subtitle{
    font-size:1rem;
    color:#64748b;
}

.statistik-card{
    border-radius:28px;
    padding:28px 20px;
    text-align:center;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    color:white;
    box-shadow:0 20px 40px rgba(0,0,0,0.10);
    margin-bottom:30px;
    min-height:260px;
}

.statistik-card:hover{
    transform:translateY(-10px) scale(1.04);
    box-shadow:0 30px 60px rgba(0,0,0,0.16);
}

.statistik-icon{
    width:88px;
    height:88px;
    margin:auto;
    margin-bottom:20px;
    border-radius:26px;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(12px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:44px;
    transition:all .35s ease;
}

.statistik-card:hover .statistik-icon{
    transform:scale(1.20);
}

.statistik-number{
    font-family:'Inter',sans-serif;
    font-size:3rem;
    font-weight:900;
    margin-bottom:10px;
    line-height:1;
}

.statistik-title{
    font-size:1rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    opacity:.96;
}

@media(max-width:768px){

.statistik-heading{
    font-size:1.8rem;
}

.statistik-card{
    min-height:auto;
    padding:24px 16px;
}

.statistik-icon{
    width:72px;
    height:72px;
    font-size:34px;
}

.statistik-number{
    font-family:'Inter',sans-serif;
    font-size:2.2rem;
}

}

.statistik-card:active .statistik-icon{
    transform:rotate(360deg) scale(1.25);
    transition:all .6s ease;
}


.statistik-icon{
    transition:
    transform .8s ease,
    background .4s ease,
    box-shadow .4s ease;
}

.statistik-card:hover .statistik-icon{
    transform:scale(1.20) rotate(12deg);
}

.statistik-card:active .statistik-icon{
    transform:scale(1.25) rotate(360deg);
}


.statistik-header{
    margin-bottom:60px;
}

.statistik-heading{
    display:inline-block;
    background:linear-gradient(135deg,#0f172a,#1e293b);
    color:white;
    font-size:2rem;
    font-weight:900;
    line-height:1.5;
    padding:22px 40px;
    border-radius:24px;
    box-shadow:0 20px 40px rgba(15,23,42,0.18);
    max-width:1000px;
    text-transform:uppercase;
    letter-spacing:1px;
}

@media(max-width:768px){

.statistik-heading{
    font-size:1.1rem;
    padding:18px 22px;
    border-radius:18px;
    line-height:1.7;
}

}

.statistik-heading{
    transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
    cursor:pointer;
}

.statistik-heading:hover{
    transform:translateY(-6px) scale(1.03);
    background:linear-gradient(135deg,#1d4ed8,#2563eb);
    box-shadow:0 30px 60px rgba(37,99,235,0.28);
}

.statistik-heading:hover::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:24px;
    animation:statistikGlow 1.2s infinite;
}

@keyframes statistikGlow{

0%{
    box-shadow:0 0 0 rgba(255,255,255,0);
}

50%{
    box-shadow:0 0 35px rgba(255,255,255,0.28);
}

100%{
    box-shadow:0 0 0 rgba(255,255,255,0);
}

}


.statistik-wrapper{
    position:relative;
}


.statistik-wrapper{
    position:relative;
}


.statistik-wrapper{
    position:relative;
}

.statistik-wrapper::after{
    content:'✦ ✦ ✦';
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    width:100%;
    max-width:1200px;
    margin:85px auto 0;
    color:#2563eb;
    font-size:24px;
    letter-spacing:14px;
    position:relative;
}

.statistik-wrapper::before{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-88px;
    width:100%;
    max-width:1200px;
    height:2px;
    background:
    linear-gradient(
        90deg,
        transparent,
        #2563eb,
        #7c3aed,
        #ec4899,
        transparent
    );
    box-shadow:
    0 0 20px rgba(37,99,235,0.25),
    0 0 40px rgba(124,58,237,0.18);
}

@media(max-width:768px){

.statistik-wrapper::after{
    font-size:18px;
    letter-spacing:8px;
    margin-top:65px;
}

.statistik-wrapper::before{
    bottom:-68px;
}

}


/* RESPONSIVE MOBILE */
@media(max-width:480px){
    .statistik-heading { font-size: 1.3rem !important; }
    .statistik-number { font-size: 2rem !important; }
    .statistik-card { min-height: 180px !important; padding: 20px 14px !important; }
}

/* TABLET - 2 kolom statistik */
@media(min-width:600px) and (max-width:992px){
    .row.justify-content-center > .col-lg-4,
    .row.justify-content-center > .col-md-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}