/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: Arial, sans-serif;
  background:#fff; color:#222;
  display:flex; flex-direction:column;
  min-height:100vh;
}

/* Navbar */
.navbar {
  display:flex; justify-content:space-between; align-items:center;
  background:#002868; padding:15px 20px; position:relative;
}
.logo-text { font-size:1.5rem; font-weight:bold; color:white; }
.nav-links { list-style:none; display:flex; gap:20px; }
.nav-links a {
  text-decoration:none; color:white; font-weight:500; transition:0.3s;
}
.nav-links a:hover { color:#ff0000; }
.menu-toggle { display:none; font-size:28px; color:white; cursor:pointer; }

/* Home */
.home { flex:1; display:flex; justify-content:center; align-items:center;
  background:linear-gradient(to bottom,#f9f9f9,#e6e6e6); position:relative; }
.logo-container { position:relative; display:inline-block; overflow: hidden; }
.company-logo { width:300px; height:auto; position:relative; z-index:1; }
.shine { position:absolute; top:0; left:-75%; width:50%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);
  transform:skewX(-25deg); animation:shine 3s infinite; }
@keyframes shine { 0%{left:-75%;} 100%{left:125%;} }

/* Footer */
footer { background:#002868; color:white; text-align:center; padding:15px; font-size:0.9rem; }

/* Content */
.content { flex:1; padding:50px; text-align:center; }

/* Responsive */
@media (max-width:768px){
  .nav-links { display:none; flex-direction:column; background:#002868;
    position:absolute; top:60px; right:20px; padding:10px; border:1px solid #ccc; z-index: 9999; }
  .nav-links.show { display:flex; }
  .menu-toggle { display:block; }
  .company-logo { width:200px; }
}