/* =========================================
FILE: cards.css
========================================= */

.card{
    position:relative;

    background:var(--card-bg);

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

    border-radius:var(--radius-24);

    overflow:hidden;

    transition:var(--transition);
}

.card:hover{
    transform:translateY(-10px);
}

.card-glow{
    position:absolute;

    top:-80px;
    left:50%;

    transform:translateX(-50%);

    width:240px;
    height:180px;

    background:radial-gradient(
        circle,
        rgba(255,0,0,0.35),
        transparent 70%
    );

    filter:blur(50px);
}