.popular-tools{

    padding:100px 0;

}

.tools-grid{

    display:grid;

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

    gap:24px;

}

.tool-card{

    background:var(--color-surface);

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

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

    padding:28px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    font-size:22px;

    font-weight:700;

    transition:var(--transition);

    box-shadow:var(--shadow-sm);

}

.tool-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

    border-color:var(--color-primary);

}

.tool-card span{

    color:var(--color-primary);

}