<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>V-TEK SYSTEMS: INTERNAL REPORT #87-A</title>

<style type="text/css">

body {

background-color: #002980;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Ctext x='50%25' y='50%25' fill='rgba(255, 255, 255, 0.07)' font-family='Arial, sans-serif' font-size='24' font-weight='bold' text-anchor='middle' transform='rotate(-45, 75, 75)'%3EV-Tek%3C/text%3E%3C/svg%3E");

font-family: "Times New Roman", Times, serif;

color: #000000;

margin: 0;

padding: 0;

}

#login-overlay {

position: fixed;

top: 0; left: 0; width: 100%; height: 100%;

background-color: #002980;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Ctext x='50%25' y='50%25' fill='rgba(255, 255, 255, 0.07)' font-family='Arial, sans-serif' font-size='24' font-weight='bold' text-anchor='middle' transform='rotate(-45, 75, 75)'%3EV-Tek%3C/text%3E%3C/svg%3E");

display: flex;

justify-content: center;

align-items: center;

z-index: 1000;

}

.win95-window {

background-color: #c0c0c0;

border: 2px outset #ffffff;

padding: 2px;

width: 300px;

box-shadow: 2px 2px 0 #000;

}

.win95-title {

background-color: #000080;

color: white;

padding: 3px 5px;

font-weight: bold;

font-size: 12px;

display: flex;

justify-content: space-between;

}

.win95-content {

padding: 15px;

font-size: 13px;

}

.win95-button {

background-color: #c0c0c0;

border: 2px outset #ffffff;

padding: 4px 10px;

cursor: pointer;

}

.report-container {

background-color: #ffffff;

border: 4px double #808080;

padding: 20px;

margin-top: 30px;

margin-bottom: 30px;

}

h1 {

color: #000080;

border-bottom: 2px solid #000080;

text-align: center;

}

.metadata {

background-color: #c0c0c0;

border: 1px inset #ffffff;

padding: 10px;

font-weight: bold;

margin-bottom: 20px;

}

.data-table {

border-collapse: collapse;

width: 100%;

}

.data-table th {

background-color: #808080;

color: #ffffff;

border: 1px solid #000000;

padding: 5px;

}

.data-table td {

border: 1px solid #000000;

padding: 5px;

}

.footer {

font-size: 0.8em;

text-align: center;

margin-top: 20px;

}

</style>

<div id="login-overlay">

<div class="win95-window">

<div class="win95-title"><span>System Login</span></div>

<div class="win95-content">

<p>Access restricted to V-TEK personnel only.</p>

User: <input type="text" id="user" style="width:100%"><br><br>

Pass: <input type="password" id="pass" style="width:100%"><br><br>

<button class="win95-button" onclick="doLogin()">Login</button>

</div>

</div>

<table width="650" align="center" cellpadding="0" cellspacing="0">

<tr>

<td>

<div class="report-container">

<h1>INTERNAL RESEARCH REPORT</h1>

<div class="metadata">

SUBJECT: Project "Organic Artificial Interfacing" (O.A.I.)<br>

DATE: OCTOBER 12, 1987<br>

PREPARED BY: V-TEK RESEARCH DIV.<br>

CLASSIFICATION: LEVEL 4 - EYES ONLY

</div>

<p><b>EXECUTIVE SUMMARY (Report #87-A):</b></p>

<p>Initial testing of the O.A.I. protocols has yielded unexpected results in the Sector 4 maintenance tunnels. The integration of biosynthetic tissue with standard robotics shows 400% higher conductivity than traditional copper wiring.</p>

<table class="data-table">

<tr>

<th>Test Phase</th>

<th>Stability (%)</th>

<th>Status</th>

</tr>

<tr>

<td>Neural Link Alpha</td>

<td>82.4%</td>

<td>SUCCESS</td>

</tr>

<tr>

<td>Dermal Grafting</td>

<td>14.2%</td>

<td><font color="#ff0000">CRITICAL FAILURE</font></td>

</tr>

</table>

<p align="center">

<hr width="50%">

<a href="search.html">BACK TO MAIN TERMINAL</a>

</p>

</div>

<p class="footer">Site optimized for Netscape Navigator 4.0<br>Hit Counter: 000452</p>

</td>

</tr>

<script type="text/javascript">

var userField = document.getElementById('user');

var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*";

// Scramble effect for the username field

var scrambleInterval = setInterval(function() {

if (document.activeElement !== userField) {

var text = "";

for (var i = 0; i < 10; i++) {

text += chars.charAt(Math.floor(Math.random() * chars.length));

}

userField.value = text;

}

}, 100);

function doLogin() {

clearInterval(scrambleInterval);

document.getElementById('login-overlay').style.display = 'none';

}