/* ==========================================
   Statistics
========================================== */

.stats-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 1.5rem;

}
.stat-card {

    background: var(--bg-card);

    border: 1px solid var(--border);

    border-radius: var(--radius);

    padding: 2rem;

    text-align: center;

    transition: var(--transition-normal);

}
.stat-card:hover {

    transform: translateY(-5px);

    border-color: rgba(59,130,246,.30);

}
.stat-card h3 {

    font-size: 3rem;

    color: var(--primary);

    margin-bottom: .5rem;

}
.stat-card span {

    color: var(--text-secondary);

    font-size: 1rem;

}
.feature-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 1.5rem;

}
.feature-card {

    background: var(--bg-card);

    border: 1px solid var(--border);

    border-radius: var(--radius);

    padding: 2rem;

    text-decoration: none;

    color: inherit;

    transition:

        transform .3s,

        opacity .5s,

        box-shadow .3s;

    opacity: 0;

    transform: translateY(30px);

    display: flex;

    flex-direction: column;

    height: 100%;

}
.feature-card:hover {

    transform: translateY(-6px);

    border-color: rgba(59,130,246,.35);

    box-shadow: 0 18px 40px rgba(0,0,0,.35);

}
.feature-card.show {

    opacity: 1;

    transform: translateY(0);

}
.feature-icon {

    font-size: 2rem;

    margin-bottom: 1rem;

    transition: .3s;

}
.feature-card:hover .feature-icon {

    transform:

        scale(1.12)

        rotate(-4deg);

}
.feature-card h3 {

    margin-bottom: .75rem;

}
.feature-card p {

    color: var(--text-secondary);

    margin-bottom: 0;

}
/* ==========================================
   Featured Insights
========================================== */

.insight-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px,1fr));

    gap: 1.5rem;

}
.insight-card {

    background: linear-gradient(
        145deg,
        rgba(59,130,246,.08),
        rgba(31,41,55,.95)
    );

    border: 1px solid rgba(59,130,246,.15);

    border-radius: var(--radius);

    padding: 2rem;

    transition: var(--transition-normal);

}
.insight-card:hover {

    transform: translateY(-6px);

    border-color: rgba(59,130,246,.35);

    box-shadow: 0 20px 45px rgba(0,0,0,.35);

}
.insight-label {

    color: var(--primary);

    font-weight: 600;

    margin-bottom: 1rem;

}
.insight-card h3 {

    margin-bottom: .75rem;

}
.insight-value {

    color: var(--text-secondary);

    line-height: 1.6;

}
.insight-card:hover .insight-value {

    color: var(--primary);

}
.season-card {

    text-decoration: none;

    color: inherit;

}
.season-year {

    font-size: 2rem;

    font-weight: 700;

    color: var(--primary);

    margin-bottom: .75rem;

}
.season-link {

    display: inline-block;

    margin-top: 1rem;

    color: var(--primary);

    font-weight: 600;

}
.season-card:hover .season-link {

    transform: translateX(6px);

}