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

.hero{
    background:linear-gradient(135deg,#ff6b35,#ff914d);
    color:white;
    padding:70px;
    border-radius:20px;
}

.restaurant-card{
    transition:.3s;
    border-radius:15px;
    overflow:hidden;
}

.restaurant-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.category-card{
    background:white;
    padding:20px;
    border-radius:15px;
    text-align:center;
    cursor:pointer;
    transition:.3s;
}

.category-card:hover{
    background:#ff6b35;
    color:white;
}

.food-card{
    border-radius:15px;
    overflow:hidden;
}

.food-card:hover{
    transform:scale(1.03);
}