.cards{

    width:min(1200px,90%);

    margin:auto;

    display:grid;

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

    gap:35px;

    padding-bottom:70px;

}

.card{

    background:var(--glass);

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

    border-radius:24px;

    padding:35px;

    text-align:center;

    text-decoration:none;

    color:white;

    backdrop-filter:blur(18px);

    transition:.35s;

}

.card img{

    width:70px;

    margin-bottom:20px;

}

.card h2{

    margin-bottom:10px;

    font-size:24px;

}

.card span{

    color:#cbd5e1;

}

.card:hover{

    transform:translateY(-10px);

    border-color:#3b82f6;

    box-shadow:0 20px 50px rgba(59,130,246,.35);

}

.card:hover img{

    transform:scale(1.1);

    transition:.4s;

}