body{
background:#f4f6f9;
font-family:system-ui;

}

.header-nav{
 background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%) !important;
border-bottom:2px solid #e879f9;
box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
body{
min-height:100vh;
display:flex;
flex-direction:column;
}

.page-wrapper{
flex:1;
}

.footer{
background:#e4fa84;
color:white;
}
.hero{
position:relative;
padding:100px 20px;
background:linear-gradient(135deg,#fb923c,#f8934b,#facc15);
background-size:cover;
background-position:center;
overflow:hidden;
display:flex;
flex-direction:column;
border-radius:12px;
}
.hero h2{
    font-weight:700;
    color:rgb(192, 253, 48);
}

.hero p{
    font-size:18px;
   color:whitesmoke;
    margin-bottom:0;
}



.hero{
padding:60px 30px;
}

.hero-title{
font-weight:700;
color:#0f172a;
font-size:32px;
}

.hero-sub{
color:#475569;
margin-top:10px;
font-size:16px;
}

.hero-img{
height:350px;
object-fit:contain;
}

.menu-card{
background:#e6f0ff;
padding:30px;
border-radius:14px;
text-align:center;
transition:0.3s;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.menu-card:hover{
transform:translateY(-5px);
}

.menu-card i{
font-size:30px;
color:#2563eb;
display:block;
margin-bottom:10px;
}

footer{
background:#0f172a;
color:white;
}