/* ===================================================== */
/*                    CARDS MINEPIXEL                    */
/* ===================================================== */


.card{

position:relative;

background:

linear-gradient(

145deg,

rgba(30,30,40,.9),

rgba(15,15,20,.9)

);

border:1px solid rgba(255,255,255,.08);

border-radius:22px;

padding:35px;

overflow:hidden;

transition:.35s ease;

}



/* Ligne lumineuse */

.card::before{

content:"";

position:absolute;

top:0;

left:0;

height:3px;

width:0%;

background:

linear-gradient(

90deg,

var(--primary),

var(--secondary)

);

transition:.35s;

}



.card:hover::before{

width:100%;

}



/* Effet déplacement */

.card:hover{

transform:

translateY(-12px);

border-color:

rgba(125,77,255,.6);

box-shadow:

0 20px 60px rgba(0,0,0,.45),

0 0 30px rgba(125,77,255,.15);

}





/* Icônes */

.card-icon{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

font-size:35px;

border-radius:18px;

background:

rgba(125,77,255,.15);

margin-bottom:25px;

}





/* Titres */

.card h3{

font-size:25px;

margin-bottom:15px;

color:white;

}



.card p{

font-size:16px;

color:var(--text-light);

}





/* ===================================================== */
/*                CARTE STATISTIQUE                      */
/* ===================================================== */


.stats-grid .card{

text-align:center;

padding:40px 25px;

}



.stats-grid .card:hover{

transform:

translateY(-10px)

scale(1.03);

}



.stats-grid .card h3{

color:var(--primary-light);

font-size:55px;

}





/* ===================================================== */
/*                 CARTE NEWS                           */
/* ===================================================== */


.news-card{

min-height:260px;

display:flex;

flex-direction:column;

justify-content:space-between;

}



.news-card .date{

font-size:14px;

color:var(--text-dark);

}





/* ===================================================== */
/*                 CARTE SAISON                         */
/* ===================================================== */


.season-card{

background:

linear-gradient(

180deg,

rgba(125,77,255,.18),

rgba(15,15,20,.9)

);

}



.season-card h3{

font-size:30px;

}





/* ===================================================== */
/*                 CARTE WIKI                           */
/* ===================================================== */


.wiki-card{

display:flex;

align-items:center;

gap:20px;

padding:25px;

background:

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

border-radius:18px;

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

transition:.3s;

}



.wiki-card:hover{

background:

rgba(125,77,255,.12);

transform:

translateX(8px);

}



.wiki-card .icon{

font-size:35px;

}






/* ===================================================== */
/*                 GLASS CARD                           */
/* ===================================================== */


.glass-card{

background:

rgba(255,255,255,.05);

backdrop-filter:

blur(20px);

border:

1px solid rgba(255,255,255,.1);

border-radius:25px;

}





/* ===================================================== */
/*                 MOBILE                               */
/* ===================================================== */


@media(max-width:650px){


.card{

padding:25px;

}


.card h3{

font-size:22px;

}



}