/* Information Engineering Page Styles */
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: #f8f9fa;
    color: #222;
    line-height: 1.6;
}
ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: inherit;
}

ul li a:hover {
    background: #f0f0f0;
}
.page-section {
    min-height:60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:3rem;
}
.page-section img {
    max-width:340px;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(40,53,147,0.1);
}
@media (max-width: 900px) {
    .page-section { flex-direction: column; text-align: center; }
    .page-section img { margin: 0 auto; }
}