.categories-hero{

padding:90px 20px;

text-align:center;

background:#f7f8fc;

}

.categories-hero h1{

font-size:52px;

font-weight:700;

color:#1f2b46;

}

.categories-hero p{

max-width:700px;

margin:20px auto;

font-size:18px;

color:#666;

}

.categories-section{

padding:80px 20px;

}

.categories-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.category-card{

background:#fff;

padding:35px;

border-radius:18px;

text-align:center;

text-decoration:none;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.3s;

}

.category-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(108,76,241,.2);

}

.category-icon{

font-size:50px;

margin-bottom:20px;

}

.category-card h3{

font-size:22px;

color:#1f2b46;

margin-bottom:10px;

}

.category-card p{

color:#666;

}