<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Internal Access - Graves Innovations</title>

<style>
body {
  background-color: #0d0d0d;
  color: #d0d0d0;
  font-family: Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding-top: 120px;
}

h1 {
  color: #2f5cff;
}

input {
  padding: 10px;
  margin: 10px;
  background-color: #1a1a1a;
  border: 1px solid #2f5cff;
  color: #ffffff;
  width: 220px;
}

button {
  padding: 10px 20px;
  background-color: #2f5cff;
  border: none;
  color: white;
  cursor: pointer;
}

button:hover {
  background-color: #1f3fb8;
}

#message {
  margin-top: 15px;
  color: #ff4c4c;
}
</style>

<script>
function checkPassword() {
  var password = document.getElementById("password").value;

  if (password === "ECHO1997") {
    window.location.href = "classified.html";
  } else {
    document.getElementById("message").textContent = "Access Denied.";
  }
}
</script>

</head>

<body>

<h1>Internal Access Portal</h1>
<p>Authorized Personnel Only</p>

<input type="password" id="password" placeholder="Enter Access Key">
<br>
<button onclick="checkPassword()">Access</button>

<p id="message"></p>

</body>
</html>