.menu{
background:linear-gradient(90deg,#1e293b,#111827);
padding:14px 0;
border-bottom:2px solid #38bdf8;
box-shadow:0 5px 20px rgba(0,0,0,0.5);
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

.menu a{
color:#e2e8f0;
font-weight:600;
padding:12px 22px;
border-radius:12px;
background:rgba(255,255,255,0.05);
transition:all 0.3s ease;
position:relative;
letter-spacing:0.5px;
}

.menu a:hover{
background:#38bdf8;
color:#0f172a;
transform:translateY(-3px) scale(1.05);
box-shadow:0 8px 20px rgba(56,189,248,0.5);
}

.menu a:after{
content:"";
position:absolute;
width:0%;
height:3px;
bottom:0;
left:0;
background:#dc2626;
transition:0.3s;
border-radius:2px;
}

.menu a:hover:after{
width:100%;
}

.info-img {
    width: 300px; 
    height: auto;
}