body { background-color: #000; color: #00ff00; font-family: 'Courier New', Courier, 
  monospace; margin: 0; padding: 20px;
}
.terminal { max-width: 800px; margin: auto; padding: 20px; border: 2px solid #00ff00; 
  background-color: #111;
}
h1 { color: #00ff00; text-align: center; margin-bottom: 20px;
}
.prompt { color: #0f0; font-weight: bold; margin-bottom: 10px;
}
.articles { list-style-type: none; padding: 0;
}
.articles li { margin: 10px 0;
}
.title { color: #0ff; font-weight: bold;
}
.pagination { text-align: center; margin-top: 20px;
}
.pagination a { color: #0f0; text-decoration: none; margin: 0 10px; padding: 5px 10px; 
  border: 1px solid #0f0;
}
.pagination a.active { background-color: #0f0; color: #000;
}

.login-form { display: flex; flex-direction: column; max-width: 300px; margin: 20px auto;
}
.login-form label { margin-top: 10px; color: #0f0;
}
.login-form input { background-color: #000; border: 1px solid #0f0; color: #0f0; padding: 5px; font-family: 'Courier New', Courier, monospace;
}
.login-form button { margin-top: 15px; background-color: #0f0; color: #000; border: none; padding: 8px; cursor: pointer; font-weight: bold;
}
.login-form button:hover { background-color: #0c0;
}
.note { text-align: center; margin-top: 20px; font-style: italic; color: #0f0;
}