.card{

    position:relative;

    overflow:hidden;

    background:linear-gradient(145deg,#15293b,#112233);

    border-radius:24px;

    padding:30px;

    box-shadow:

        0 18px 45px rgba(0,0,0,.35);

    transition:.30s;

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

}

.card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-110px;

    top:-110px;

    background:rgba(39,185,255,.07);

    border-radius:50%;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 30px 60px rgba(0,0,0,.40);

}

.card h2{

    font-size:20px;

    margin-bottom:18px;

}

.metric{

    font-size:50px;

    font-weight:800;

}

.subtitle{

    color:#9ab3c5;

}

.table-card{

    background:#14283c;

    border-radius:18px;

    padding:25px;

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

}