.features{

    width:1200px;
    max-width:92%;
    margin:80px auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

}

.card{

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

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

    border-radius:22px;

    padding:35px;

    backdrop-filter:blur(15px);

    transition:.35s;

}

.card:hover{

    transform:translateY(-12px);

    box-shadow:0 20px 45px rgba(24,183,255,.20);

}

.card-icon{

    font-size:54px;

    margin-bottom:20px;

}

.card h3{

    font-family:Orbitron,sans-serif;

    margin-bottom:18px;

    color:#fff;

}

.card p{

    color:#bfc9d8;

    line-height:1.8;

    margin-bottom:25px;

}

.card a{

    color:#7CFF4D;

    text-decoration:none;

    font-weight:700;

}

@media(max-width:1000px){

.features{

grid-template-columns:1fr;

}

}