/* ==========================================
   STATISTICS SECTION
========================================== */

.statistics{

    margin-top:40px;

    margin-bottom:40px;

}

.statistics-wrapper{

    padding:34px;

}

/* ==========================================
   HEADER
========================================== */

.statistics-header{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:28px;

}

.statistics-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:1.3rem;

    background:rgba(0,140,255,.12);

    border:2px solid rgba(0,140,255,.25);

}

.statistics-header h2{

    margin:0;

    color:#ffffff;

    font-size:1.8rem;

    font-weight:800;

    letter-spacing:.5px;

}

/* ==========================================
   GRID
========================================== */

.statistics-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}
/* ==========================================
   STAT CARD
========================================== */

.stat-card{

    display:flex;

    align-items:center;

    gap:20px;

    padding:24px;

    min-height:106px;

    border-radius:14px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(44,125,255,.35);

    transition:.25s ease;

}

.stat-card:hover{

    transform:translateY(-3px);

    border-color:rgba(72,170,255,.65);

    box-shadow:0 12px 24px rgba(0,0,0,.20);

}

.stat-icon{

    width:64px;

    height:64px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:1.35rem;

    flex-shrink:0;

}

/* Icon Colors */

.result-icon{

    background:linear-gradient(180deg,#3E89FF,#215DFF);

}

.date-icon{

    background:linear-gradient(180deg,#8D5BFF,#5A32FF);

}

.period-icon{

    background:linear-gradient(180deg,#2ED573,#18A558);

}

.time-icon{

    background:linear-gradient(180deg,#FF9F43,#FF6B00);

}

/* Text */

.stat-content{

    display:flex;

    flex-direction:column;

}

.stat-title{

    color:#BFD5FF;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:.4px;

    margin-bottom:6px;

}

.stat-value{

    color:#ffffff;

    font-size:1.85rem;

    font-weight:800;

    line-height:1.1;

}