body {
  font-family: 'Exo 2', sans-serif;
  margin:0; padding:0; line-height:1.6;
  background:#f4f4f9; color:#222;
}
header {
  background: linear-gradient(90deg, #0f2027, #203a43, #2c5364);
  color:#fff; padding:20px; text-align:center;
}
header .logo {
  height:60px; float:left; margin-right:15px;
}
header h1 {
  font-family:'Orbitron', sans-serif;
  font-size:2em; margin:0;
}
nav ul {
  list-style:none; padding:0; display:flex; justify-content:center;
}
nav ul li { margin:0 15px; }
nav ul li a {
  color:#fff; text-decoration:none; font-weight:600;
  transition: color 0.3s ease;
}
nav ul li a:hover { color:#00d4ff; }
section { padding:40px 20px; max-width:1000px; margin:auto; }
section h2 {
  font-family:'Orbitron', sans-serif;
  color:#203a43; border-bottom:2px solid #00d4ff;
  display:inline-block; padding-bottom:5px;
}
.project {
  margin-bottom:30px; background:#fff; padding:15px;
  border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1);
}
.project img {
  max-width:100%; border-radius:6px; margin-bottom:10px;
}
.download-btn {
  display:inline-block;
  margin-top:15px;
  padding:10px 20px;
  background:#00d4ff;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  border-radius:6px;
  transition: background 0.3s ease;
}
.download-btn:hover {
  background:#203a43;
}
footer {
  background:#203a43; color:#fff; text-align:center;
  padding:15px; font-size:0.9em;
}