<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROSHDIKA | Nexus AI Ultra Ultimate</title>
<script src="https://cdn.tailwindcss.com"></script>
<!-- Firebase SDKs -->
<script src="https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js" type="module"></script>
<script src="https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js" type="module"></script>
<script src="https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js" type="module"></script>
<script>
window.tailwind.config = {
theme: {
extend: {
colors: {
'neon-blue': '#00f2ff',
'deep-void': '#020617',
'cyber-cyan': '#00d4ff',
'warning-orange': '#f59e0b'
}
}
}
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&family=Share+Tech+Mono&display=swap');
body {
background-color: #020617;
background-image: radial-gradient(circle at 50% 50%, rgba(0, 242, 255, 0.05) 0%, transparent 70%);
color: #e2e8f0;
font-family: 'Cairo', sans-serif;
height: 100vh;
overflow: hidden;
margin: 0;
}
.tech-card {
background: rgba(15, 23, 42, 0.8);
border: 1px solid rgba(0, 242, 255, 0.2);
backdrop-filter: blur(15px);
box-shadow: 0 0 30px rgba(0, 242, 255, 0.1);
}
.neon-text {
color: #00f2ff;
text-shadow: 0 0 10px rgba(0, 242, 255, 0.6);
}
.admin-only { display: none; }
.input-cyber {
background: rgba(0, 242, 255, 0.05);
border: 1px solid rgba(0, 242, 255, 0.2);