body{
    font-family:Arial,sans-serif;
    background:#f4f7fb;
}

.hero{
    padding:100px 0;
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    color:white;
}

.hero h1{
    font-size:60px;
    font-weight:800;
}

.hero p{
    margin-top:20px;
    font-size:18px;
}

.category-card,
.product-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    transition:0.3s;
}

.category-card:hover,
.product-card:hover{
    transform:translateY(-5px);
}

.product-card img{
}