<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brooklandc | Secure Portal</title>
<style>
body { background-color: #0f172a; color: #f8fafc; font-family: -apple-system, system-ui, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; overflow: hidden; }
.card { text-align: center; border: 1px solid #1e293b; padding: 4rem 2rem; border-radius: 16px; background: #1e293b; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); max-width: 400px; width: 90%; }
.icon { font-size: 3rem; margin-bottom: 1rem; color: #38bdf8; }
h1 { margin: 0; font-size: 2rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #f8fafc; }
p { color: #94a3b8; margin-top: 1rem; font-size: 1.1rem; line-height: 1.5; }
.status { display: inline-flex; align-items: center; gap: 8px; margin-top: 2rem; padding: 6px 12px; background: #0f172a; border-radius: 20px; border: 1px solid #334155; font-size: 0.8rem; color: #10b981; }
.dot { height: 8px; width: 8px; background-color: #10b981; border-radius: 50%; display: inline-block; box-shadow: 0 0 8px #10b981; }
.email-box { margin-top: 2rem; cursor: pointer; padding: 12px; background: #0f172a; border-radius: 8px; border: 1px dashed #38bdf8; color: #38bdf8; transition: all 0.3s; }
.email-box:hover { background: #38bdf8; color: #0f172a; }
</style>
</head>
<body>
<div class="card">
<div class="icon">🛡️</div>
<h1>BROOKLANDC</h1>
<p>Private Domain & Verified Identity Gateway</p>
<div class="status"><span class="dot"></span> System Active</div>
<div class="email-box" onclick="copyEmail()">secure@brooklandc.com</div>
</div>
<script>
function copyEmail() {
navigator.clipboard.writeText('secure@brooklandc.com');
alert('Email copied to clipboard!');
}
</script>
</body>
</html>