Spaces:

Aarav13
/

AuthriX

Sleeping

App Files Files Community

Deepfake Authenticator commited on Apr 25

Commit

25424f3

1 Parent(s): 3337c5d

Remove binary files for HF deployment

Browse files

Files changed (8) hide show

.gitignore +2 -3
stitch_authrix_deepfake_detection_engine/authrix_analysis_results/code.html +0 -328
stitch_authrix_deepfake_detection_engine/authrix_hero_section/code.html +0 -312
stitch_authrix_deepfake_detection_engine/authrix_hero_section_v2/code.html +0 -246
stitch_authrix_deepfake_detection_engine/authrix_kinetic_1/DESIGN.md +0 -159
stitch_authrix_deepfake_detection_engine/authrix_kinetic_2/DESIGN.md +0 -148
stitch_authrix_deepfake_detection_engine/authrix_system_processing/code.html +0 -253
stitch_authrix_deepfake_detection_engine/authrix_upload_center/code.html +0 -234

.gitignore CHANGED Viewed

@@ -33,9 +33,8 @@ backend/uploads/
 Thumbs.db
 desktop.ini
-# Logs
-*.log
-logs/
 # Test artifacts
 *.mp4

 Thumbs.db
 desktop.ini
+# Stitch design files (not needed for deployment)
+stitch_authrix_deepfake_detection_engine/
 # Test artifacts
 *.mp4

stitch_authrix_deepfake_detection_engine/authrix_analysis_results/code.html DELETED Viewed

@@ -1,328 +0,0 @@
-<!DOCTYPE html>
-<html class="dark" lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>AUTHRIX AI - Results Dashboard</title>
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;900&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<script id="tailwind-config">
-        tailwind.config = {
-            darkMode: "class",
-            theme: {
-                extend: {
-                    "colors": {
-                        "inverse-surface": "#dae5da",
-                        "on-error": "#690005",
-                        "surface-tint": "#00e38a",
-                        "error": "#ffb4ab",
-                        "outline-variant": "#3b4b3f",
-                        "outline": "#849587",
-                        "background": "#0c150f",
-                        "surface-container-high": "#232c25",
-                        "secondary-container": "#00e3fd",
-                        "on-surface-variant": "#b9cbbc",
-                        "on-secondary-container": "#00616d",
-                        "on-error-container": "#ffdad6",
-                        "primary": "#f3fff3",
-                        "primary-container": "#00ff9c",
-                        "on-primary": "#00391f",
-                        "surface-bright": "#323c34",
-                        "primary-fixed-dim": "#00e38a",
-                        "tertiary-fixed-dim": "#e4c44f",
-                        "on-secondary-fixed": "#001f24",
-                        "tertiary-fixed": "#ffe17a",
-                        "on-tertiary-container": "#766000",
-                        "on-secondary": "#00363d",
-                        "on-tertiary-fixed": "#231b00",
-                        "on-tertiary": "#3b2f00",
-                        "surface-container-low": "#141e17",
-                        "surface": "#0c150f",
-                        "primary-fixed": "#56ffa7",
-                        "secondary-fixed-dim": "#00daf3",
-                        "on-secondary-fixed-variant": "#004f58",
-                        "inverse-on-surface": "#29332b",
-                        "surface-container": "#18221b",
-                        "on-surface": "#dae5da",
-                        "on-tertiary-fixed-variant": "#554500",
-                        "error-container": "#93000a",
-                        "surface-variant": "#2d3730",
-                        "surface-container-highest": "#2d3730",
-                        "secondary-fixed": "#9cf0ff",
-                        "on-background": "#dae5da",
-                        "on-primary-container": "#007142",
-                        "inverse-primary": "#006d40",
-                        "on-primary-fixed-variant": "#00522f",
-                        "secondary": "#bdf4ff",
-                        "tertiary": "#fffaff",
-                        "surface-dim": "#0c150f",
-                        "on-primary-fixed": "#002110",
-                        "surface-container-lowest": "#07100a",
-                        "tertiary-container": "#ffdd65"
-                    },
-                    "borderRadius": {
-                        "DEFAULT": "0.25rem",
-                        "lg": "0.5rem",
-                        "xl": "0.75rem",
-                        "full": "9999px"
-                    },
-                    "spacing": {
-                        "xs": "4px",
-                        "md": "16px",
-                        "base": "4px",
-                        "sm": "8px",
-                        "xl": "48px",
-                        "lg": "24px",
-                        "gutter": "20px",
-                        "margin": "32px"
-                    },
-                    "fontFamily": {
-                        "h2": ["Space Grotesk"],
-                        "h1": ["Space Grotesk"],
-                        "h3": ["Space Grotesk"],
-                        "label-xs": ["Space Grotesk"],
-                        "data-mono": ["Space Grotesk"],
-                        "body-base": ["Space Grotesk"]
-                    },
-                    "fontSize": {
-                        "h2": ["32px", { "lineHeight": "1.2", "letterSpacing": "-0.01em", "fontWeight": "600" }],
-                        "h1": ["48px", { "lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700" }],
-                        "h3": ["24px", { "lineHeight": "1.3", "letterSpacing": "0em", "fontWeight": "600" }],
-                        "label-xs": ["12px", { "lineHeight": "1", "letterSpacing": "0.1em", "fontWeight": "700" }],
-                        "data-mono": ["14px", { "lineHeight": "1.5", "letterSpacing": "0.05em", "fontWeight": "500" }],
-                        "body-base": ["16px", { "lineHeight": "1.6", "letterSpacing": "0.01em", "fontWeight": "400" }]
-                    }
-                }
-            }
-        }
-    </script>
-<style>
-        .glass-panel {
-            background-color: rgba(35, 44, 37, 0.2);
-            backdrop-filter: blur(20px);
-            box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.05);
-        }
-        .glow-border-primary {
-            border: 1px solid rgba(0, 255, 156, 0.3);
-            box-shadow: 0 0 15px rgba(0, 255, 156, 0.1);
-        }
-        .glow-border-error {
-            border: 1px solid rgba(255, 180, 171, 0.3);
-            box-shadow: 0 0 15px rgba(255, 180, 171, 0.1);
-        }
-        .scanline {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 1px;
-            background: rgba(0, 255, 156, 0.1);
-            animation: scan 4s linear infinite;
-        }
-        @keyframes scan {
-            0% { top: 0; }
-            100% { top: 100%; }
-        }
-        .blinking-cursor::after {
-            content: '_';
-            animation: blink 1s step-end infinite;
-        }
-        @keyframes blink {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0; }
-        }
-    </style>
-</head>
-<body class="bg-background text-on-surface font-body-base min-h-screen flex flex-col relative overflow-x-hidden selection:bg-primary-container selection:text-on-primary-container">
-<!-- Ambient Particles/Glows -->
-<div class="fixed inset-0 pointer-events-none z-0">
-<div class="absolute top-[-20%] left-[-10%] w-[50%] h-[50%] bg-primary-container/5 rounded-full blur-[120px]"></div>
-<div class="absolute bottom-[-20%] right-[-10%] w-[40%] h-[40%] bg-error/5 rounded-full blur-[100px]"></div>
-</div>
-<!-- TopNavBar -->
-<header class="fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 h-16 bg-emerald-950/20 backdrop-blur-xl border-b border-emerald-500/20 shadow-[0_4_20px_rgba(0,0,0,0.5)]">
-<div class="flex items-center gap-md">
-<span class="font-h3 text-h3 font-black tracking-tighter text-emerald-400 drop-shadow-[0_0_8px_rgba(0,255,156,0.5)]">AUTHRIX AI</span>
-</div>
-<nav class="hidden md:flex gap-lg">
-<a class="font-label-xs text-label-xs uppercase text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] px-3 py-1 rounded" href="#">Dashboard</a>
-<a class="font-label-xs text-label-xs uppercase text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] px-3 py-1 rounded" href="#">Agents</a>
-<a class="font-label-xs text-label-xs uppercase text-emerald-400 border-b-2 border-emerald-400 pb-1 px-3 py-1" href="#">Logs</a>
-<a class="font-label-xs text-label-xs uppercase text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] px-3 py-1 rounded" href="#">Network</a>
-</nav>
-<div class="flex items-center gap-sm">
-<button class="text-emerald-400 hover:text-emerald-300 p-2 rounded-full hover:bg-emerald-400/10 transition-colors">
-<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 0;">sensors</span>
-</button>
-<button class="text-emerald-400 hover:text-emerald-300 p-2 rounded-full hover:bg-emerald-400/10 transition-colors">
-<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 0;">memory</span>
-</button>
-<button class="text-emerald-400 hover:text-emerald-300 p-2 rounded-full hover:bg-emerald-400/10 transition-colors">
-<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 0;">speed</span>
-</button>
-<button class="bg-primary-container text-on-primary-container font-label-xs text-label-xs uppercase px-4 py-2 rounded-DEFAULT ml-md shadow-[0_0_15px_rgba(0,255,156,0.3)] hover:bg-primary-fixed transition-colors">
-                GET STARTED
-            </button>
-</div>
-</header>
-<main class="flex-grow pt-[80px] pb-xl px-gutter max-w-[1600px] mx-auto w-full z-10 flex flex-col gap-lg">
-<!-- Cinematic Banner -->
-<section class="glass-panel glow-border-primary rounded-xl relative overflow-hidden flex flex-col md:flex-row items-center justify-between p-lg md:p-margin min-h-[300px]">
-<div class="scanline"></div>
-<!-- Background Image -->
-<div class="absolute inset-0 opacity-20 mix-blend-overlay pointer-events-none" data-alt="Abstract digital matrix code falling in a futuristic high-tech environment with green hues" style="background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuCm6V5yQ3vKXnTfGWeqxvXPbNe2CvDhwLr4NreMaQM6OFtThX8-JDMNwORYSjTMxIXoCBzt8MticyWVNk4DNbUyoBJIlb4YsCoXkDzWVT3TThqqe3qzdYl-Jui2WDP5m7Oz3o0WWKG7NnnUmBUtZsaD8xv6cx0LodaRq6UhOxWBNDs1jbiBuzpNZ7n9tfrz4HYvK-nCymTLcymqGCsvfntziWmX7JJpsLc30o5fYaQrhz-l3htAV2sSSgwetQmTdz3-IlSPRaiYNGY'); background-size: cover; background-position: center;"></div>
-<div class="relative z-10 flex flex-col md:flex-row items-center gap-margin w-full">
-<!-- Circular Badge -->
-<div class="relative w-48 h-48 rounded-full border-4 border-primary-container flex items-center justify-center shadow-[0_0_30px_rgba(0,255,156,0.4)] flex-shrink-0">
-<div class="absolute inset-0 rounded-full border border-primary-container animate-[spin_10s_linear_infinite] opacity-50"></div>
-<div class="absolute inset-2 rounded-full border border-dashed border-primary-container animate-[spin_15s_linear_infinite_reverse] opacity-30"></div>
-<div class="text-center">
-<span class="material-symbols-outlined text-primary-container text-5xl mb-2" style="font-variation-settings: 'FILL' 1;">verified_user</span>
-<h2 class="font-h3 text-h3 text-primary-container uppercase tracking-widest drop-shadow-[0_0_5px_rgba(0,255,156,0.8)]">AUTHENTIC</h2>
-</div>
-</div>
-<div class="flex-grow text-center md:text-left flex flex-col gap-sm">
-<p class="font-data-mono text-data-mono text-primary-container/80 uppercase tracking-widest">Analysis Complete // ID: 8992-AX</p>
-<h1 class="font-h1 text-h1 text-on-surface">Confidence Score</h1>
-<div class="font-h1 text-[80px] leading-none text-primary-container drop-shadow-[0_0_15px_rgba(0,255,156,0.6)] font-black">98.7%</div>
-</div>
-</div>
-</section>
-<!-- Main Dashboard Grid -->
-<div class="grid grid-cols-1 lg:grid-cols-12 gap-lg flex-grow">
-<!-- Left: Insights Panel -->
-<div class="lg:col-span-4 flex flex-col gap-md">
-<h3 class="font-label-xs text-label-xs text-outline uppercase tracking-widest border-b border-surface-variant pb-2">Primary Vectors</h3>
-<div class="glass-panel rounded-lg p-md flex items-start gap-md hover:glow-border-primary transition-all duration-300 transform hover:-translate-y-1">
-<div class="w-10 h-10 rounded-full bg-surface-container-highest flex items-center justify-center flex-shrink-0 border border-surface-variant">
-<span class="material-symbols-outlined text-primary-container" style="font-variation-settings: 'FILL' 0;">face</span>
-</div>
-<div>
-<h4 class="font-body-base text-body-base font-semibold text-on-surface">Facial Morphology</h4>
-<p class="font-data-mono text-data-mono text-on-surface-variant mt-1 text-sm">Consistent geometry. No micro-warping detected in periocular region.</p>
-<div class="mt-3 flex items-center gap-2">
-<div class="h-1 flex-grow bg-surface-container-highest rounded-full overflow-hidden">
-<div class="h-full bg-primary-container w-[95%]"></div>
-</div>
-<span class="font-data-mono text-data-mono text-primary-container text-xs">95%</span>
-</div>
-</div>
-</div>
-<div class="glass-panel rounded-lg p-md flex items-start gap-md hover:glow-border-primary transition-all duration-300 transform hover:-translate-y-1">
-<div class="w-10 h-10 rounded-full bg-surface-container-highest flex items-center justify-center flex-shrink-0 border border-surface-variant">
-<span class="material-symbols-outlined text-primary-container" style="font-variation-settings: 'FILL' 0;">graphic_eq</span>
-</div>
-<div>
-<h4 class="font-body-base text-body-base font-semibold text-on-surface">Audio Spectral Analysis</h4>
-<p class="font-data-mono text-data-mono text-on-surface-variant mt-1 text-sm">Natural harmonic resonance. No synthetic vocal fry identified.</p>
-<div class="mt-3 flex items-center gap-2">
-<div class="h-1 flex-grow bg-surface-container-highest rounded-full overflow-hidden">
-<div class="h-full bg-primary-container w-[99%]"></div>
-</div>
-<span class="font-data-mono text-data-mono text-primary-container text-xs">99%</span>
-</div>
-</div>
-</div>
-<div class="glass-panel rounded-lg p-md flex items-start gap-md hover:glow-border-error transition-all duration-300 transform hover:-translate-y-1">
-<div class="w-10 h-10 rounded-full bg-surface-container-highest flex items-center justify-center flex-shrink-0 border border-surface-variant">
-<span class="material-symbols-outlined text-error" style="font-variation-settings: 'FILL' 0;">visibility</span>
-</div>
-<div>
-<h4 class="font-body-base text-body-base font-semibold text-on-surface">Lighting/Shadow Consistency</h4>
-<p class="font-data-mono text-data-mono text-on-surface-variant mt-1 text-sm">Minor specular highlight anomaly detected on frame 412. Flagged for review.</p>
-<div class="mt-3 flex items-center gap-2">
-<div class="h-1 flex-grow bg-surface-container-highest rounded-full overflow-hidden">
-<div class="h-full bg-error w-[42%]"></div>
-</div>
-<span class="font-data-mono text-data-mono text-error text-xs">42%</span>
-</div>
-</div>
-</div>
-</div>
-<!-- Right: Diagnostics/Metadata -->
-<div class="lg:col-span-8 flex flex-col gap-md">
-<h3 class="font-label-xs text-label-xs text-outline uppercase tracking-widest border-b border-surface-variant pb-2">System Diagnostics</h3>
-<div class="glass-panel rounded-lg flex-grow p-md font-data-mono text-data-mono text-sm relative overflow-hidden flex flex-col">
-<div class="scanline"></div>
-<div class="flex justify-between items-center border-b border-surface-variant/50 pb-sm mb-sm text-on-surface-variant">
-<span>METADATA_STREAM</span>
-<span class="text-primary-container animate-pulse">ACTIVE</span>
-</div>
-<div class="flex-grow space-y-2 text-on-surface-variant overflow-y-auto pr-2">
-<div class="flex">
-<span class="text-outline w-32 shrink-0">SOURCE_HASH:</span>
-<span class="text-primary-container break-all">a8f9c2e4b5d6...7f8e9a0b1c2d3</span>
-</div>
-<div class="flex">
-<span class="text-outline w-32 shrink-0">FRAME_COUNT:</span>
-<span>1440 @ 60FPS</span>
-</div>
-<div class="flex">
-<span class="text-outline w-32 shrink-0">ENCODING:</span>
-<span>H.265/HEVC Main 10 Profile</span>
-</div>
-<div class="flex">
-<span class="text-outline w-32 shrink-0">RESOLUTION:</span>
-<span>3840x2160 (4K UHD)</span>
-</div>
-<div class="my-4 border-t border-surface-variant/30 border-dashed"></div>
-<div class="text-primary-container opacity-80">&gt; INIT NEURAL_NET_V4.2</div>
-<div class="text-primary-container opacity-80">&gt; LOADING WEIGHTS... DONE</div>
-<div class="text-primary-container opacity-80">&gt; ANALYZING SPATIAL_TEMPORAL_NOISE</div>
-<div class="text-primary-container opacity-80">&gt; EXTRACTING BIOMETRIC_FEATURES</div>
-<div class="text-primary-container opacity-80">&gt; CROSS_REFERENCING KNOWN_GAN_MODELS</div>
-<div class="text-on-surface mt-4 blinking-cursor">&gt; SYSTEM_READY</div>
-</div>
-</div>
-</div>
-</div>
-<!-- Bottom: Timeline Graph (Stylized Representation) -->
-<section class="glass-panel rounded-xl p-lg flex flex-col gap-md">
-<h3 class="font-label-xs text-label-xs text-outline uppercase tracking-widest border-b border-surface-variant pb-2">Probability Timeline</h3>
-<div class="h-48 w-full relative flex items-end pt-4">
-<!-- Grid Lines -->
-<div class="absolute inset-0 flex flex-col justify-between pointer-events-none opacity-20">
-<div class="w-full h-px bg-outline"></div>
-<div class="w-full h-px bg-outline"></div>
-<div class="w-full h-px bg-outline"></div>
-<div class="w-full h-px bg-outline"></div>
-</div>
-<!-- Fake Graph Line (CSS Stylized) -->
-<div class="w-full h-full relative z-10 flex items-end border-b border-l border-surface-variant">
-<!-- Data points / segments -->
-<div class="h-[20%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)]"></div>
-<div class="h-[15%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)] transform -translate-y-2"></div>
-<div class="h-[25%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)] transform -translate-y-4"></div>
-<div class="h-[10%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)]"></div>
-<div class="h-[30%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)] transform -translate-y-6"></div>
-<!-- Anomaly Spike -->
-<div class="h-[80%] w-[5%] bg-error/20 border-t-2 border-l border-r border-error shadow-[0_0_20px_rgba(255,180,171,0.4)] relative group">
-<div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 bg-surface-container-highest border border-error text-error font-data-mono text-xs px-2 py-1 rounded hidden group-hover:block whitespace-nowrap z-20">
-                            Spike: Frame 412
-                        </div>
-</div>
-<div class="h-[35%] w-[15%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)] transform -translate-y-8"></div>
-<div class="h-[20%] w-[10%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)] transform -translate-y-2"></div>
-<div class="h-[15%] w-[20%] border-t-2 border-primary-container shadow-[0_-5px_10px_rgba(0,255,156,0.2)]"></div>
-</div>
-</div>
-<div class="flex justify-between font-data-mono text-data-mono text-xs text-outline mt-2">
-<span>00:00:00</span>
-<span>00:01:12</span>
-<span>00:02:24</span>
-</div>
-</section>
-</main>
-<!-- Footer -->
-<footer class="w-full py-8 px-10 flex flex-col md:flex-row justify-between items-center opacity-80 bg-black border-t border-emerald-900/30 font-data-mono text-[10px] uppercase tracking-[0.2em] cursor-crosshair z-10 relative">
-<span class="text-emerald-500 mb-4 md:mb-0">© 2024 AUTHRIX COMMAND. SYSTEM_STATE: VIGILANT</span>
-<div class="flex gap-md">
-<a class="text-emerald-900 hover:text-emerald-300 transition-all" href="#">Kernel</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all" href="#">Protocol</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all" href="#">Override</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all" href="#">Diagnostics</a>
-</div>
-</footer>
-</body></html>

stitch_authrix_deepfake_detection_engine/authrix_hero_section/code.html DELETED Viewed

@@ -1,312 +0,0 @@
-<!DOCTYPE html>
-<html class="dark" lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Authrix - Deepfake Detection Platform</title>
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&amp;family=Space+Grotesk:wght@600;700;900&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<script id="tailwind-config">
-        tailwind.config = {
-            darkMode: "class",
-            theme: {
-                extend: {
-                    "colors": {
-                        "inverse-surface": "#e5e2e1",
-                        "primary-container": "#00ff9c",
-                        "on-secondary-fixed": "#002022",
-                        "on-tertiary-fixed-variant": "#930010",
-                        "primary-fixed-dim": "#00e38a",
-                        "surface-dim": "#131313",
-                        "on-background": "#e5e2e1",
-                        "primary-fixed": "#56ffa7",
-                        "surface-variant": "#353534",
-                        "surface-container": "#201f1f",
-                        "surface-tint": "#00e38a",
-                        "on-secondary-fixed-variant": "#004f54",
-                        "secondary-container": "#00eefc",
-                        "error": "#ffb4ab",
-                        "surface": "#131313",
-                        "tertiary": "#fffbff",
-                        "tertiary-fixed": "#ffdad6",
-                        "outline": "#849587",
-                        "on-primary-fixed": "#002110",
-                        "on-tertiary-fixed": "#410003",
-                        "outline-variant": "#3b4b3f",
-                        "tertiary-container": "#ffd6d2",
-                        "surface-container-lowest": "#0e0e0e",
-                        "on-surface": "#e5e2e1",
-                        "tertiary-fixed-dim": "#ffb3ac",
-                        "surface-container-low": "#1c1b1b",
-                        "surface-container-highest": "#353534",
-                        "on-tertiary-container": "#c7041a",
-                        "background": "#131313",
-                        "on-secondary-container": "#00686f",
-                        "surface-container-high": "#2a2a2a",
-                        "error-container": "#93000a",
-                        "on-secondary": "#00363a",
-                        "primary": "#f3fff3",
-                        "on-primary-fixed-variant": "#00522f",
-                        "on-primary": "#00391f",
-                        "surface-bright": "#3a3939",
-                        "inverse-primary": "#006d40",
-                        "secondary": "#d3fbff",
-                        "inverse-on-surface": "#313030",
-                        "secondary-fixed": "#7df4ff",
-                        "on-tertiary": "#680008",
-                        "on-error-container": "#ffdad6",
-                        "secondary-fixed-dim": "#00dbe9",
-                        "on-surface-variant": "#b9cbbc",
-                        "on-error": "#690005",
-                        "on-primary-container": "#007142"
-                    },
-                    "borderRadius": {
-                        "DEFAULT": "0.125rem",
-                        "lg": "0.25rem",
-                        "xl": "0.5rem",
-                        "full": "0.75rem"
-                    },
-                    "spacing": {
-                        "margin": "48px",
-                        "unit": "4px",
-                        "container-max": "1440px",
-                        "gutter": "24px",
-                        "grid-overlay": "32px"
-                    },
-                    "fontFamily": {
-                        "h1-display": ["Space Grotesk"],
-                        "h2-technical": ["Space Grotesk"],
-                        "label-caps": ["Space Grotesk"],
-                        "body-main": ["Inter"],
-                        "body-light": ["Inter"]
-                    },
-                    "fontSize": {
-                        "h1-display": ["48px", { "lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700" }],
-                        "h2-technical": ["32px", { "lineHeight": "1.2", "letterSpacing": "0.01em", "fontWeight": "600" }],
-                        "label-caps": ["11px", { "lineHeight": "1", "letterSpacing": "0.15em", "fontWeight": "600" }],
-                        "body-main": ["16px", { "lineHeight": "1.6", "letterSpacing": "0em", "fontWeight": "400" }],
-                        "body-light": ["14px", { "lineHeight": "1.5", "letterSpacing": "0.03em", "fontWeight": "300" }]
-                    }
-                }
-            }
-        }
-    </script>
-<style>
-        body {
-            background-color: #050505;
-            background-image:
-                linear-gradient(rgba(0, 255, 156, 0.02) 1px, transparent 1px),
-                linear-gradient(90deg, rgba(0, 255, 156, 0.02) 1px, transparent 1px);
-            background-size: 32px 32px;
-            color: #e5e2e1;
-            position: relative;
-            overflow-x: hidden;
-        }
-        .scan-line {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 2px;
-            background: rgba(0, 255, 156, 0.3);
-            box-shadow: 0 0 10px rgba(0, 255, 156, 0.5), 0 0 20px rgba(0, 255, 156, 0.2);
-            animation: scan 4s linear infinite;
-            z-index: 10;
-            pointer-events: none;
-        }
-        @keyframes scan {
-            0% { top: 0; opacity: 0; }
-            10% { opacity: 1; }
-            90% { opacity: 1; }
-            100% { top: 100%; opacity: 0; }
-        }
-        .ambient-glow {
-            position: absolute;
-            width: 60vw;
-            height: 60vw;
-            border-radius: 50%;
-            background: radial-gradient(circle, rgba(0, 238, 252, 0.05) 0%, rgba(0, 0, 0, 0) 70%);
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            z-index: -1;
-            pointer-events: none;
-        }
-        .glass-panel {
-            background: rgba(19, 19, 19, 0.6);
-            backdrop-filter: blur(12px);
-            -webkit-backdrop-filter: blur(12px);
-            border: 1px solid rgba(255, 255, 255, 0.05);
-            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
-        }
-        .orb-container {
-            position: relative;
-            width: 400px;
-            height: 400px;
-            perspective: 1000px;
-        }
-        .orb-core {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 120px;
-            height: 120px;
-            border-radius: 50%;
-            background: radial-gradient(circle, rgba(0, 255, 156, 0.8) 0%, rgba(0, 255, 156, 0.2) 60%, transparent 100%);
-            box-shadow: 0 0 60px rgba(0, 255, 156, 0.4);
-            z-index: 2;
-        }
-        .ring {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            border-radius: 50%;
-            border: 1px solid rgba(0, 238, 252, 0.3);
-            transform-style: preserve-3d;
-        }
-        .ring-1 { width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; transform: rotateX(60deg) rotateY(20deg); border-top-color: rgba(0, 255, 156, 0.8); }
-        .ring-2 { width: 280px; height: 280px; margin-top: -140px; margin-left: -140px; transform: rotateX(40deg) rotateY(-30deg); border-right-color: rgba(0, 238, 252, 0.6); }
-        .ring-3 { width: 360px; height: 360px; margin-top: -180px; margin-left: -180px; transform: rotateX(80deg) rotateY(10deg); border-bottom-color: rgba(255, 180, 171, 0.4); }
-        .btn-primary {
-            background-color: #00ff9c;
-            color: #002110;
-            transition: all 0.3s ease;
-            box-shadow: 0 0 15px rgba(0, 255, 156, 0.3);
-        }
-        .btn-primary:hover {
-            background-color: #56ffa7;
-            box-shadow: 0 0 25px rgba(0, 255, 156, 0.5);
-            transform: translateY(-2px);
-        }
-        .btn-secondary {
-            background: transparent;
-            color: #e5e2e1;
-            border: 1px solid rgba(0, 255, 156, 0.5);
-            transition: all 0.3s ease;
-        }
-        .btn-secondary:hover {
-            border-color: #00ff9c;
-            box-shadow: 0 0 15px rgba(0, 255, 156, 0.2);
-            background: rgba(0, 255, 156, 0.05);
-        }
-    </style>
-</head>
-<body class="min-h-screen flex flex-col font-body-main text-body-main antialiased selection:bg-primary-container selection:text-on-primary-fixed">
-<div class="scan-line"></div>
-<div class="ambient-glow"></div>
-<!-- TopNavBar -->
-<nav class="bg-zinc-950/30 backdrop-blur-xl fixed top-0 w-full z-50 border-b border-white/5 shadow-[0_8px_32px_0_rgba(0,0,0,0.8)]">
-<div class="flex justify-between items-center px-8 py-4 w-full max-w-screen-2xl mx-auto">
-<div class="text-2xl font-black text-white tracking-tighter italic">Authrix</div>
-<div class="hidden md:flex gap-8 items-center">
-<a class="font-['Space_Grotesk'] font-medium tracking-tight text-zinc-400 font-medium hover:text-emerald-300 hover:bg-white/5 transition-all duration-300 ease-out px-3 py-2 rounded-md active:scale-95 transition-transform" href="#">Technology</a>
-<a class="font-['Space_Grotesk'] font-medium tracking-tight text-emerald-400 font-bold border-b-2 border-emerald-400 pb-1 hover:text-emerald-300 hover:bg-white/5 transition-all duration-300 ease-out px-3 py-2 rounded-md active:scale-95 transition-transform" href="#">Solutions</a>
-<a class="font-['Space_Grotesk'] font-medium tracking-tight text-zinc-400 font-medium hover:text-emerald-300 hover:bg-white/5 transition-all duration-300 ease-out px-3 py-2 rounded-md active:scale-95 transition-transform" href="#">Intelligence</a>
-<a class="font-['Space_Grotesk'] font-medium tracking-tight text-zinc-400 font-medium hover:text-emerald-300 hover:bg-white/5 transition-all duration-300 ease-out px-3 py-2 rounded-md active:scale-95 transition-transform" href="#">Security</a>
-</div>
-<div class="flex items-center gap-4">
-<button class="hidden lg:flex items-center justify-center w-10 h-10 rounded-full hover:bg-white/10 transition-colors text-zinc-400">
-<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 0;">language</span>
-</button>
-<button class="hidden lg:flex items-center justify-center w-10 h-10 rounded-full hover:bg-white/10 transition-colors text-zinc-400">
-<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 0;">account_circle</span>
-</button>
-<button class="font-['Space_Grotesk'] font-medium tracking-tight text-emerald-400 border border-emerald-400/30 px-5 py-2 rounded-md hover:bg-emerald-400/10 transition-colors">
-                    Get Started
-                </button>
-</div>
-</div>
-</nav>
-<!-- Main Hero Section -->
-<main class="flex-grow flex items-center justify-center pt-24 pb-12 px-6 lg:px-8 relative z-10 w-full max-w-container-max mx-auto">
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-8 items-center w-full">
-<!-- Hero Left: Content -->
-<div class="flex flex-col items-start max-w-2xl">
-<div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-primary-container/30 bg-primary-container/5 mb-8">
-<span class="w-2 h-2 rounded-full bg-primary-container animate-pulse"></span>
-<span class="font-label-caps text-label-caps text-primary-container uppercase tracking-widest">AI-Powered Authenticity Engine</span>
-</div>
-<h1 class="font-h1-display text-h1-display text-on-surface mb-6 leading-tight">
-                    Verify Reality in <br/>
-<span class="text-transparent bg-clip-text bg-gradient-to-r from-primary-container to-secondary-container">Real-Time</span>
-</h1>
-<p class="font-body-main text-body-main text-on-surface-variant mb-10 max-w-lg leading-relaxed">
-                    Detect deepfake videos and synthetic voices using multi-agent AI intelligence with explainable insights. Protect your digital perimeter with military-grade precision.
-                </p>
-<div class="flex flex-col sm:flex-row gap-4 w-full sm:w-auto">
-<button class="btn-primary font-h2-technical text-[16px] font-semibold px-8 py-4 rounded-md flex items-center justify-center gap-2">
-<span class="material-symbols-outlined text-[20px]" style="font-variation-settings: 'FILL' 1;">troubleshoot</span>
-                        Analyze Video
-                    </button>
-<button class="btn-secondary font-h2-technical text-[16px] font-medium px-8 py-4 rounded-md flex items-center justify-center gap-2">
-                        View Demo
-                        <span class="material-symbols-outlined text-[20px]">play_circle</span>
-</button>
-</div>
-<!-- Trust Indicators Glass Card -->
-<div class="mt-16 glass-panel rounded-lg p-6 w-full max-w-md">
-<div class="flex justify-between items-center mb-4">
-<span class="font-label-caps text-label-caps text-on-surface-variant">System Status</span>
-<div class="flex items-center gap-2 text-primary-container">
-<span class="material-symbols-outlined text-sm">check_circle</span>
-<span class="font-body-light text-body-light text-xs">Operational</span>
-</div>
-</div>
-<div class="h-1 w-full bg-surface-container-high rounded-full overflow-hidden">
-<div class="h-full bg-primary-container w-full relative">
-<div class="absolute top-0 right-0 h-full w-1/2 bg-gradient-to-l from-white/40 to-transparent animate-pulse"></div>
-</div>
-</div>
-</div>
-</div>
-<!-- Hero Right: 3D Visual -->
-<div class="flex justify-center items-center relative h-[500px] w-full">
-<!-- Background Mesh/Particles abstraction -->
-<div class="absolute inset-0 z-0 opacity-20 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTIwIDBMMCAyMEwyMCA0MEw0MCAyMEwyMCAweiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBmZjljIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+PC9zdmc+')]"></div>
-<div class="orb-container">
-<div class="orb-core"></div>
-<div class="ring ring-1"></div>
-<div class="ring ring-2"></div>
-<div class="ring ring-3"></div>
-<!-- Decorative Data Points -->
-<div class="absolute top-1/4 left-1/4 glass-panel px-3 py-1.5 rounded text-xs text-primary-container font-h2-technical z-10 shadow-[0_0_10px_rgba(0,255,156,0.2)]">
-                        99.8% Match
-                    </div>
-<div class="absolute bottom-1/4 right-1/4 glass-panel px-3 py-1.5 rounded text-xs text-secondary-container font-h2-technical z-10 shadow-[0_0_10px_rgba(0,238,252,0.2)]">
-                        Audio Sync OK
-                    </div>
-</div>
-</div>
-</div>
-</main>
-<!-- Footer -->
-<footer class="bg-zinc-950 w-full py-12 px-8 border-t border-white/5 mt-auto relative z-20">
-<div class="flex flex-col md:flex-row justify-between items-center w-full max-w-screen-2xl mx-auto">
-<div class="text-lg font-bold text-emerald-400 mb-6 md:mb-0">
-                Authrix
-            </div>
-<div class="flex flex-wrap justify-center gap-6 md:gap-8 mb-6 md:mb-0">
-<a class="font-['Space_Grotesk'] text-xs uppercase tracking-widest text-zinc-500 hover:text-emerald-300 transition-colors opacity-80 hover:opacity-100" href="#">Privacy Protocol</a>
-<a class="font-['Space_Grotesk'] text-xs uppercase tracking-widest text-zinc-500 hover:text-emerald-300 transition-colors opacity-80 hover:opacity-100" href="#">Terms of Engagement</a>
-<a class="font-['Space_Grotesk'] text-xs uppercase tracking-widest text-zinc-500 hover:text-emerald-300 transition-colors opacity-80 hover:opacity-100" href="#">API Documentation</a>
-<a class="font-['Space_Grotesk'] text-xs uppercase tracking-widest text-zinc-500 hover:text-emerald-300 transition-colors opacity-80 hover:opacity-100" href="#">Support</a>
-</div>
-<div class="font-['Space_Grotesk'] text-xs uppercase tracking-widest text-zinc-500">
-                © 2024 Authrix Intelligence Systems. All rights reserved.
-            </div>
-</div>
-</footer>
-</body></html>

stitch_authrix_deepfake_detection_engine/authrix_hero_section_v2/code.html DELETED Viewed

@@ -1,246 +0,0 @@
-<!DOCTYPE html>
-<html class="dark" lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Authrix - AI Command Center</title>
-<!-- Google Fonts -->
-<link href="https://fonts.googleapis.com" rel="preconnect"/>
-<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
-<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
-<!-- Material Symbols -->
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<!-- Tailwind CSS -->
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<!-- Tailwind Config -->
-<script id="tailwind-config">
-      tailwind.config = {
-        darkMode: "class",
-        theme: {
-          extend: {
-            "colors": {
-                    "inverse-surface": "#dae5da",
-                    "on-error": "#690005",
-                    "surface-tint": "#00e38a",
-                    "error": "#ffb4ab",
-                    "outline-variant": "#3b4b3f",
-                    "outline": "#849587",
-                    "background": "#0c150f",
-                    "surface-container-high": "#232c25",
-                    "secondary-container": "#00e3fd",
-                    "on-surface-variant": "#b9cbbc",
-                    "on-secondary-container": "#00616d",
-                    "on-error-container": "#ffdad6",
-                    "primary": "#f3fff3",
-                    "primary-container": "#00ff9c",
-                    "on-primary": "#00391f",
-                    "surface-bright": "#323c34",
-                    "primary-fixed-dim": "#00e38a",
-                    "tertiary-fixed-dim": "#e4c44f",
-                    "on-secondary-fixed": "#001f24",
-                    "tertiary-fixed": "#ffe17a",
-                    "on-tertiary-container": "#766000",
-                    "on-secondary": "#00363d",
-                    "on-tertiary-fixed": "#231b00",
-                    "on-tertiary": "#3b2f00",
-                    "surface-container-low": "#141e17",
-                    "surface": "#0c150f",
-                    "primary-fixed": "#56ffa7",
-                    "secondary-fixed-dim": "#00daf3",
-                    "on-secondary-fixed-variant": "#004f58",
-                    "inverse-on-surface": "#29332b",
-                    "surface-container": "#18221b",
-                    "on-surface": "#dae5da",
-                    "on-tertiary-fixed-variant": "#554500",
-                    "error-container": "#93000a",
-                    "surface-variant": "#2d3730",
-                    "surface-container-highest": "#2d3730",
-                    "secondary-fixed": "#9cf0ff",
-                    "on-background": "#dae5da",
-                    "on-primary-container": "#007142",
-                    "inverse-primary": "#006d40",
-                    "on-primary-fixed-variant": "#00522f",
-                    "secondary": "#bdf4ff",
-                    "tertiary": "#fffaff",
-                    "surface-dim": "#0c150f",
-                    "on-primary-fixed": "#002110",
-                    "surface-container-lowest": "#07100a",
-                    "tertiary-container": "#ffdd65"
-            },
-            "borderRadius": {
-                    "DEFAULT": "0.25rem",
-                    "lg": "0.5rem",
-                    "xl": "0.75rem",
-                    "full": "9999px"
-            },
-            "spacing": {
-                    "xs": "4px",
-                    "md": "16px",
-                    "base": "4px",
-                    "sm": "8px",
-                    "xl": "48px",
-                    "lg": "24px",
-                    "gutter": "20px",
-                    "margin": "32px"
-            },
-            "fontFamily": {
-                    "h2": ["Space Grotesk"],
-                    "h1": ["Space Grotesk"],
-                    "h3": ["Space Grotesk"],
-                    "label-xs": ["Space Grotesk"],
-                    "data-mono": ["Space Grotesk"],
-                    "body-base": ["Space Grotesk"]
-            },
-            "fontSize": {
-                    "h2": ["32px", {"lineHeight": "1.2", "letterSpacing": "-0.01em", "fontWeight": "600"}],
-                    "h1": ["48px", {"lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700"}],
-                    "h3": ["24px", {"lineHeight": "1.3", "letterSpacing": "0em", "fontWeight": "600"}],
-                    "label-xs": ["12px", {"lineHeight": "1", "letterSpacing": "0.1em", "fontWeight": "700"}],
-                    "data-mono": ["14px", {"lineHeight": "1.5", "letterSpacing": "0.05em", "fontWeight": "500"}],
-                    "body-base": ["16px", {"lineHeight": "1.6", "letterSpacing": "0.01em", "fontWeight": "400"}]
-            }
-          }
-        }
-      }
-    </script>
-<style>
-        .material-symbols-outlined {
-            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-        }
-    </style>
-</head>
-<body class="bg-background text-on-surface min-h-screen flex flex-col relative overflow-x-hidden font-body-base">
-<!-- Atmospheric Background Layers -->
-<div class="fixed inset-0 z-0 pointer-events-none">
-<!-- Scan Lines Simulation -->
-<div class="absolute inset-0 bg-[linear-gradient(rgba(0,0,0,0)_50%,rgba(0,0,0,0.25)_50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06))] bg-[size:100%_4px,3px_100%] opacity-20"></div>
-<!-- Technical Grid -->
-<div class="absolute inset-0 bg-[linear-gradient(to_right,#3b4b3f_1px,transparent_1px),linear-gradient(to_bottom,#3b4b3f_1px,transparent_1px)] bg-[size:48px_48px] opacity-10"></div>
-<!-- Ambient Radial Glow -->
-<div class="absolute top-1/4 -right-1/4 w-[800px] h-[800px] bg-primary-container/5 rounded-full blur-[120px]"></div>
-</div>
-<!-- TopNavBar Shared Component -->
-<nav class="fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 h-16 bg-emerald-950/20 backdrop-blur-xl border-b border-emerald-500/20 shadow-[0_4_20px_rgba(0,0,0,0.5)] font-['Space_Grotesk'] tracking-wider uppercase text-xs">
-<!-- Brand Logo -->
-<div class="flex items-center">
-<span class="text-2xl font-black tracking-tighter text-emerald-400 drop-shadow-[0_0_8px_rgba(0,255,156,0.5)]">AUTHRIX AI</span>
-</div>
-<!-- Navigation Links (Hidden on small screens) -->
-<div class="hidden md:flex items-center space-x-lg">
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-1 px-2 rounded-sm active:scale-95 transition-transform duration-150" href="#">Dashboard</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-1 px-2 rounded-sm active:scale-95 transition-transform duration-150" href="#">Agents</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-1 px-2 rounded-sm active:scale-95 transition-transform duration-150" href="#">Logs</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-1 px-2 rounded-sm active:scale-95 transition-transform duration-150" href="#">Network</a>
-</div>
-<!-- Trailing Actions -->
-<div class="flex items-center space-x-md">
-<!-- Search Icon (Search bar on right logic) -->
-<button class="text-emerald-800/60 hover:text-emerald-400 transition-colors flex items-center justify-center p-1 rounded-full hover:bg-emerald-400/10">
-<span class="material-symbols-outlined text-lg">search</span>
-</button>
-<!-- Icon Actions -->
-<div class="hidden lg:flex items-center space-x-sm border-r border-emerald-500/20 pr-md mr-sm">
-<button class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-sm active:scale-95 transition-transform duration-150"><span class="material-symbols-outlined text-lg">sensors</span></button>
-<button class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-sm active:scale-95 transition-transform duration-150"><span class="material-symbols-outlined text-lg">memory</span></button>
-<button class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-sm active:scale-95 transition-transform duration-150"><span class="material-symbols-outlined text-lg">speed</span></button>
-</div>
-<!-- Primary Action -->
-<button class="text-emerald-400 border border-emerald-400/50 hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] px-sm py-1 rounded-DEFAULT active:scale-95 transition-transform duration-150 font-bold">
-                GET STARTED
-            </button>
-</div>
-</nav>
-<!-- Main Content Canvas -->
-<main class="flex-grow relative z-10 flex flex-col justify-center pt-[100px] pb-xl px-6 md:px-gutter max-w-7xl mx-auto w-full">
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-xl items-center min-h-[716px]">
-<!-- Left Column: Command Console Content -->
-<div class="flex flex-col items-start space-y-md">
-<!-- Status Badge -->
-<div class="inline-flex items-center gap-2 bg-surface-container/40 border border-outline/30 backdrop-blur-md px-sm py-xs rounded-none shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]">
-<span class="w-2 h-2 rounded-full bg-primary-container shadow-[0_0_8px_#00ff9c] animate-pulse"></span>
-<span class="font-label-xs text-label-xs text-on-surface-variant uppercase tracking-widest">AI-Powered Authenticity Engine</span>
-</div>
-<!-- Main Headline -->
-<h1 class="font-h1 text-h1 text-on-surface drop-shadow-md">
-                    Verify Reality <br class="hidden md:block"/>
-                    in <span class="text-transparent bg-clip-text bg-gradient-to-r from-primary-container to-secondary-container">Real-Time</span>
-</h1>
-<!-- Subtext -->
-<p class="font-body-base text-body-base text-on-surface-variant max-w-lg mt-sm mb-lg">
-                    Deploy advanced neural networks to detect deepfakes, synthetic media, and manipulated data streams with military-grade precision. Establish an unbreakable perimeter of truth.
-                </p>
-<!-- Action Group -->
-<div class="flex flex-wrap items-center gap-md mt-sm">
-<!-- Primary CTA -->
-<button class="group relative px-lg py-sm bg-primary-container text-on-primary font-label-xs text-label-xs uppercase tracking-wider rounded-DEFAULT overflow-hidden transition-all duration-300 hover:shadow-[0_0_30px_rgba(0,255,156,0.4)] active:scale-95">
-<span class="relative z-10 flex items-center gap-2">
-                            Analyze Video
-                            <span class="material-symbols-outlined text-[16px]">radar</span>
-</span>
-<!-- Neon sweep effect -->
-<div class="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/40 to-transparent group-hover:animate-[shimmer_1s_infinite]"></div>
-</button>
-<!-- Secondary CTA -->
-<button class="px-lg py-sm bg-transparent border border-surface-tint/50 text-surface-tint font-label-xs text-label-xs uppercase tracking-wider rounded-DEFAULT hover:bg-surface-tint/10 hover:border-surface-tint transition-all duration-300 active:scale-95 shadow-[inset_0_0_10px_rgba(0,227,138,0)] hover:shadow-[inset_0_0_15px_rgba(0,227,138,0.2)]">
-                        View Demo
-                    </button>
-</div>
-<!-- Micro-data readouts -->
-<div class="flex items-center gap-lg mt-xl pt-lg border-t border-outline/20 w-full max-w-md">
-<div>
-<div class="font-data-mono text-data-mono text-primary-container">99.9%</div>
-<div class="font-label-xs text-[10px] text-outline mt-1 uppercase">Accuracy Rate</div>
-</div>
-<div class="w-px h-8 bg-outline/30"></div>
-<div>
-<div class="font-data-mono text-data-mono text-secondary-container">&lt;15ms</div>
-<div class="font-label-xs text-[10px] text-outline mt-1 uppercase">Latency Ping</div>
-</div>
-</div>
-</div>
-<!-- Right Column: Visualizer -->
-<div class="relative w-full aspect-square max-w-lg mx-auto flex items-center justify-center lg:justify-end">
-<!-- Tech Frame -->
-<div class="absolute inset-0 bg-surface-container-low/20 backdrop-blur-3xl rounded-full border border-outline/10 shadow-[inset_0_0_40px_rgba(0,0,0,0.8)] flex items-center justify-center overflow-hidden">
-<!-- Decorative Scanning Rings -->
-<div class="absolute w-[120%] h-[120%] border border-primary-container/10 rounded-full animate-[spin_20s_linear_infinite]"></div>
-<div class="absolute w-[100%] h-[100%] border border-secondary-container/20 rounded-full border-dashed animate-[spin_15s_linear_infinite_reverse]"></div>
-<div class="absolute w-[80%] h-[80%] border-2 border-primary-container/5 rounded-full"></div>
-<!-- Core Visual -->
-<div class="relative w-3/4 h-3/4 rounded-full overflow-hidden mix-blend-screen shadow-[0_0_60px_rgba(0,255,156,0.2)]">
-<img alt="3D glowing cybernetic orb visualization" class="w-full h-full object-cover object-center opacity-80" data-alt="Abstract 3D glowing cybernetic orb with concentric energy waves, neon emerald green and cyan light emitting from a dark core, futuristic high-tech data visualization aesthetic, dark void background" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAfjdr7a8Q86RDUDxW_XWXXmcIjP7JOyIcxR4xcrlyRQZmNeR_EenBL8QBXKm6GcHvwWsudOrefOpJ8iocKhqnG1eqqCIBpbIqEbbtgJLZlHjST1TxCI-TBoazDTYTnr-Lf6jMuMrrGKFRgWai675Vl0mgUwTbVz2lfL1OG_DrEnls6BoPqHRRX_RkxpE1mSNEqDTqkA0AqzoMCdoikLZbabr5YYlZfdq7lO9fh37RM5ICH1o9BBOqolMlclMSDtd04scZIRgjvhMQ"/>
-<!-- Overlay gradient to mesh with background -->
-<div class="absolute inset-0 bg-gradient-to-t from-background via-transparent to-transparent"></div>
-</div>
-</div>
-<!-- Floating HUD elements -->
-<div class="absolute top-10 -left-4 bg-surface/80 backdrop-blur-md border border-outline/30 px-sm py-1 font-data-mono text-[10px] text-primary-container">SYS.OPT.OK</div>
-<div class="absolute bottom-20 -right-4 bg-surface/80 backdrop-blur-md border border-outline/30 px-sm py-1 font-data-mono text-[10px] text-secondary-container flex items-center gap-1">
-<span class="material-symbols-outlined text-[12px]">sync</span> LIVE
-                </div>
-</div>
-</div>
-</main>
-<!-- Footer Shared Component -->
-<footer class="w-full py-8 px-10 flex flex-col md:flex-row justify-between items-center opacity-80 bg-black border-t border-emerald-900/30 relative z-10 font-mono text-[10px] uppercase tracking-[0.2em]">
-<!-- Copyright -->
-<div class="text-emerald-500 mb-4 md:mb-0">
-            © 2024 AUTHRIX COMMAND. SYSTEM_STATE: VIGILANT
-        </div>
-<!-- Links -->
-<div class="flex items-center space-x-md">
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Kernel</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Protocol</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Override</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Diagnostics</a>
-</div>
-</footer>
-<!-- Inline styles for custom animations that Tailwind standard config doesn't cover natively without arbitrary values,
-         using minimal standard tailwind approach where possible, falling back to basic CSS for the shimmer -->
-<style>
-        @keyframes shimmer {
-            100% { transform: translateX(100%); }
-        }
-    </style>
-</body></html>

stitch_authrix_deepfake_detection_engine/authrix_kinetic_1/DESIGN.md DELETED Viewed

@@ -1,159 +0,0 @@
----
-name: Authrix Kinetic
-colors:
-  surface: '#0c150f'
-  surface-dim: '#0c150f'
-  surface-bright: '#323c34'
-  surface-container-lowest: '#07100a'
-  surface-container-low: '#141e17'
-  surface-container: '#18221b'
-  surface-container-high: '#232c25'
-  surface-container-highest: '#2d3730'
-  on-surface: '#dae5da'
-  on-surface-variant: '#b9cbbc'
-  inverse-surface: '#dae5da'
-  inverse-on-surface: '#29332b'
-  outline: '#849587'
-  outline-variant: '#3b4b3f'
-  surface-tint: '#00e38a'
-  primary: '#f3fff3'
-  on-primary: '#00391f'
-  primary-container: '#00ff9c'
-  on-primary-container: '#007142'
-  inverse-primary: '#006d40'
-  secondary: '#bdf4ff'
-  on-secondary: '#00363d'
-  secondary-container: '#00e3fd'
-  on-secondary-container: '#00616d'
-  tertiary: '#fffaff'
-  on-tertiary: '#3b2f00'
-  tertiary-container: '#ffdd65'
-  on-tertiary-container: '#766000'
-  error: '#ffb4ab'
-  on-error: '#690005'
-  error-container: '#93000a'
-  on-error-container: '#ffdad6'
-  primary-fixed: '#56ffa7'
-  primary-fixed-dim: '#00e38a'
-  on-primary-fixed: '#002110'
-  on-primary-fixed-variant: '#00522f'
-  secondary-fixed: '#9cf0ff'
-  secondary-fixed-dim: '#00daf3'
-  on-secondary-fixed: '#001f24'
-  on-secondary-fixed-variant: '#004f58'
-  tertiary-fixed: '#ffe17a'
-  tertiary-fixed-dim: '#e4c44f'
-  on-tertiary-fixed: '#231b00'
-  on-tertiary-fixed-variant: '#554500'
-  background: '#0c150f'
-  on-background: '#dae5da'
-  surface-variant: '#2d3730'
-typography:
-  h1:
-    fontFamily: Space Grotesk
-    fontSize: 48px
-    fontWeight: '700'
-    lineHeight: '1.1'
-    letterSpacing: -0.02em
-  h2:
-    fontFamily: Space Grotesk
-    fontSize: 32px
-    fontWeight: '600'
-    lineHeight: '1.2'
-    letterSpacing: -0.01em
-  h3:
-    fontFamily: Space Grotesk
-    fontSize: 24px
-    fontWeight: '600'
-    lineHeight: '1.3'
-    letterSpacing: 0em
-  body-base:
-    fontFamily: Space Grotesk
-    fontSize: 16px
-    fontWeight: '400'
-    lineHeight: '1.6'
-    letterSpacing: 0.01em
-  data-mono:
-    fontFamily: Space Grotesk
-    fontSize: 14px
-    fontWeight: '500'
-    lineHeight: '1.5'
-    letterSpacing: 0.05em
-  label-xs:
-    fontFamily: Space Grotesk
-    fontSize: 12px
-    fontWeight: '700'
-    lineHeight: '1'
-    letterSpacing: 0.1em
-spacing:
-  base: 4px
-  xs: 4px
-  sm: 8px
-  md: 16px
-  lg: 24px
-  xl: 48px
-  gutter: 20px
-  margin: 32px
----
-## Brand & Style
-The design system is engineered to evoke the high-stakes environment of a state-of-the-art cybersecurity lab and a futuristic AI command center. It targets elite technical operators who require high-precision data visualization and a sense of absolute control. The aesthetic is "Industrial-Futurism"—combining the raw, structural feel of hardware with the ethereal, cinematic quality of advanced software interfaces.
-The brand personality is authoritative, vigilant, and cutting-edge. Every interface element should feel like a piece of high-end equipment rather than a standard web component. The user experience is built on the tension between deep obsidian voids and vibrant, hyper-focused energy emissions (neon glows), creating a sense of immense power being harnessed through a precise digital lens.
-## Colors
-The palette is anchored in a "Deep Space" foundation, utilizing Zinc-950 and pure blacks to maximize the luminous impact of the accent colors.
-- **Primary Neon Green (#00ff9c):** Used for active states, successful validations, and primary calls to action. It represents "System GO" and operational health.
-- **Cyan Secondary (#00e5ff):** Dedicated to data visualization, information overlays, and secondary interactive elements. It provides a "scanning" or "holographic" feel.
-- **Alert Red (#ff3e3e):** Reserved strictly for critical system breaches, errors, and destructive actions.
-- **Neutrals:** A range of Zinc grays (900 to 400) provide structural hierarchy.
-The color application relies heavily on luminescence; colors are rarely flat but are instead accompanied by subtle radial glows and inner shadows to simulate light emitting from within the screen.
-## Typography
-This design system utilizes **Space Grotesk** across all levels to maintain a cohesive, technical identity.
-- **Headlines:** Use Bold or Semi-Bold weights. High-level headers should feel architectural and commanding.
-- **Body Text:** Standard reading weights prioritize legibility against the dark background.
-- **Metadata & Technical Readouts:** Use the uppercase "data-mono" styling to simulate terminal outputs and sensor readings.
-- **Emphasis:** Rather than italics, use color shifts (to Primary Neon) or weight increases to highlight critical information.
-## Layout & Spacing
-The design system employs a **Modular Grid System** with a high-density rhythm. The spacing is tight and deliberate, reflecting the efficiency of a command console.
-- **Grid:** A 12-column fluid grid for main layouts, with a 20px gutter to ensure data density without crowding.
-- **Rhythm:** All margins and padding follow a 4px baseline.
-- **Density:** Use "Compact" spacing for data tables and "Spacious" spacing for dashboard overviews.
-- **Borders as Spacing:** In many instances, thin 1px borders with 10% opacity are used in place of whitespace to define structural sections, reinforcing the industrial aesthetic.
-## Elevation & Depth
-Depth in this design system is achieved through **Luminous Layering** rather than traditional shadows.
-1.  **Glassmorphism:** Surfaces use a 10-20% opacity fill with a heavy (20px-40px) backdrop blur. This creates a "frosted laboratory glass" effect.
-2.  **Inner Shadows:** Use subtle, dark inner shadows on the top and left edges to create an "etched" or "recessed" look for input fields and containers.
-3.  **Border Glows:** Elements at higher elevation levels (e.g., modals) feature a 1px solid border with an outer "bloom" or neon glow effect using the Primary or Secondary color.
-4.  **Atmospheric Particles:** Background layers should feature very low-opacity animated particles or scan lines to give the UI a sense of "living" energy.
-## Shapes
-The design system adopts a **Sharp (0px)** philosophy for its core structural elements. This reinforces the industrial, high-precision nature of the brand.
-- **Containers & Buttons:** Square corners suggest rigidity and technical accuracy.
-- **Active Indicators:** Small 45-degree clipped corners can be used on decorative elements or active "tabs" to add a futuristic, military-spec feel.
-- **Icons:** Must be stroke-based, using a consistent 1.5px or 2px weight, echoing the geometric precision of the typography.
-## Components
-- **Buttons:** Primary buttons feature a solid #00ff9c background with black text. On hover, they emit a strong radial neon glow. Secondary buttons are "Ghost" style with a 1px glowing border.
-- **Input Fields:** Recessed into the background using inner shadows. The bottom border "lights up" with Cyan when focused. Use monospace font for input values.
-- **Cards:** These are the primary glassmorphic containers. They feature a subtle "Scan Line" animation overlay (a 1px line moving vertically at 2% opacity).
-- **Status Chips:** Small, rectangular tags with no border-radius. They use a "pulse" animation for active states (a soft glow that expands and contracts).
-- **Data Grids:** High-density tables with subtle horizontal separators. Row hovers should trigger a full-width Cyan highlight at 5% opacity.
-- **Command Line Interface (CLI) Modules:** Specialized components for raw data input, featuring a blinking underscore cursor and Primary color text.
-- **Progress Gauges:** Circular or linear indicators using "segmented" bars rather than solid fills to emphasize the mechanical, digital readout style.

stitch_authrix_deepfake_detection_engine/authrix_kinetic_2/DESIGN.md DELETED Viewed

@@ -1,148 +0,0 @@
----
-name: Authrix Kinetic
-colors:
-  surface: '#131313'
-  surface-dim: '#131313'
-  surface-bright: '#3a3939'
-  surface-container-lowest: '#0e0e0e'
-  surface-container-low: '#1c1b1b'
-  surface-container: '#201f1f'
-  surface-container-high: '#2a2a2a'
-  surface-container-highest: '#353534'
-  on-surface: '#e5e2e1'
-  on-surface-variant: '#b9cbbc'
-  inverse-surface: '#e5e2e1'
-  inverse-on-surface: '#313030'
-  outline: '#849587'
-  outline-variant: '#3b4b3f'
-  surface-tint: '#00e38a'
-  primary: '#f3fff3'
-  on-primary: '#00391f'
-  primary-container: '#00ff9c'
-  on-primary-container: '#007142'
-  inverse-primary: '#006d40'
-  secondary: '#d3fbff'
-  on-secondary: '#00363a'
-  secondary-container: '#00eefc'
-  on-secondary-container: '#00686f'
-  tertiary: '#fffbff'
-  on-tertiary: '#680008'
-  tertiary-container: '#ffd6d2'
-  on-tertiary-container: '#c7041a'
-  error: '#ffb4ab'
-  on-error: '#690005'
-  error-container: '#93000a'
-  on-error-container: '#ffdad6'
-  primary-fixed: '#56ffa7'
-  primary-fixed-dim: '#00e38a'
-  on-primary-fixed: '#002110'
-  on-primary-fixed-variant: '#00522f'
-  secondary-fixed: '#7df4ff'
-  secondary-fixed-dim: '#00dbe9'
-  on-secondary-fixed: '#002022'
-  on-secondary-fixed-variant: '#004f54'
-  tertiary-fixed: '#ffdad6'
-  tertiary-fixed-dim: '#ffb3ac'
-  on-tertiary-fixed: '#410003'
-  on-tertiary-fixed-variant: '#930010'
-  background: '#131313'
-  on-background: '#e5e2e1'
-  surface-variant: '#353534'
-typography:
-  h1-display:
-    fontFamily: Space Grotesk
-    fontSize: 48px
-    fontWeight: '700'
-    lineHeight: '1.1'
-    letterSpacing: -0.02em
-  h2-technical:
-    fontFamily: Space Grotesk
-    fontSize: 32px
-    fontWeight: '600'
-    lineHeight: '1.2'
-    letterSpacing: 0.01em
-  body-main:
-    fontFamily: Inter
-    fontSize: 16px
-    fontWeight: '400'
-    lineHeight: '1.6'
-    letterSpacing: 0em
-  body-light:
-    fontFamily: Inter
-    fontSize: 14px
-    fontWeight: '300'
-    lineHeight: '1.5'
-    letterSpacing: 0.03em
-  label-caps:
-    fontFamily: Space Grotesk
-    fontSize: 11px
-    fontWeight: '600'
-    lineHeight: '1'
-    letterSpacing: 0.15em
-rounded:
-  sm: 0.125rem
-  DEFAULT: 0.25rem
-  md: 0.375rem
-  lg: 0.5rem
-  xl: 0.75rem
-  full: 9999px
-spacing:
-  unit: 4px
-  gutter: 24px
-  margin: 48px
-  container-max: 1440px
-  grid-overlay: 32px
----
-## Brand & Style
-The design system is engineered to evoke the atmosphere of a high-security AI research facility—clandestine, powerful, and hyper-intelligent. The visual narrative centers on "The Guardian in the Machine," balancing cold, technical precision with the ethereal glow of advanced neural networks.
-The style is a sophisticated fusion of **Cinematic Glassmorphism** and **Technical Minimalism**. It utilizes deep layers of transparency and light to create a sense of infinite digital depth. Every interaction should feel like a high-stakes command within a tactical operations center, blending the sleek automotive precision of Tesla’s interface with the information-dense, holographic aesthetics of futuristic head-up displays (HUDs).
-Targeting high-level security architects and C-suite executives, the UI prioritizes "Perceived Intelligence"—where the interface feels like it is thinking alongside the user through subtle animations, particle transitions, and reactive luminescence.
-## Colors
-The palette is anchored by a "True Deep" black (#050505) to provide a canvas for light-based hierarchy.
-- **Neon Green (#00ff9c):** The primary kinetic color, used for active states, successful encryptions, and "Safe" status indicators.
-- **Cyan Glow (#00f0ff):** Used for secondary accents, data visualization, and soft atmospheric backlighting.
-- **Subtle Red (#ff3b3b):** Reserved strictly for critical breaches and system warnings; it should feel alarming but polished, never vibrating against the black background.
-- **Grayscale:** Uses high-opacity whites for headings and low-opacity "Oxygen" blues for subtext to maintain the cinematic atmosphere.
-## Typography
-This design system utilizes a dual-font strategy. **Space Grotesk** provides a technical, geometric edge for headings and data labels, reinforcing the "AI Lab" aesthetic. **Inter** is utilized for body copy and dense technical logs to ensure maximum legibility at smaller scales.
-Headings should be treated as structural elements—bold and authoritative. Subtext and secondary labels use lighter weights with increased letter spacing to mimic the look of a digital readout or tactical terminal. All capitalized labels should have a minimum of 0.1em tracking.
-## Layout & Spacing
-The layout philosophy follows a **Subtle Grid** model. All layouts are based on a 4px baseline unit, ensuring mathematical rhythm. A 12-column fluid grid is used for primary dashboard layouts, but it is visually reinforced by a background "grid mesh"—a very faint 32px x 32px grid pattern (opacity 2-4%) that anchors the UI elements.
-Padding is generous to convey a "premium" feel. Layouts should utilize "Safe Zones" around critical data visualizations, allowing the UI to breathe despite high information density. Elements are often grouped in modular clusters to mimic a HUD-style modularity.
-## Elevation & Depth
-Depth in this design system is achieved through **Luminous Layering** rather than traditional shadows.
-- **Glassmorphism:** Primary containers use a 10-20px backdrop blur with a 1px "inner-glow" border (white at 5-10% opacity).
-- **Z-Axis Tiering:** Elements closer to the user have a brighter, more defined border and a soft Cyan or Green "under-glow" (box-shadow with 40px spread, 10% opacity).
-- **Parallax Particles:** Use a subtle particle background on a separate Z-layer to create a sense of environmental volume.
-- **Tonal Stepping:** The background is #050505, cards are "glass" at 3% white, and hovered elements increase to 8% white.
-## Shapes
-The shape language is "Soft-Technical." We use a **Soft (0.25rem)** base radius to maintain a modern, engineered feel without the aggression of sharp 90-degree corners.
-- **Primary Radius:** 4px for inputs, buttons, and small widgets.
-- **Container Radius:** 8px for large dashboard cards.
-- **Specialty Shapes:** Use 45-degree chamfered corners (clipped corners) on decorative elements or "Scan" buttons to heighten the futuristic military-grade aesthetic.
-## Components
-- **Buttons:** Primary buttons feature a solid #00ff9c fill with black text. Secondary buttons are "Ghost" style with a 1px primary border and a soft neon outer glow on hover.
-- **Input Fields:** Semi-transparent dark backgrounds with an animated "bottom-line" that expands from the center when focused, glowing in Secondary Cyan.
-- **Data Chips:** Small, pill-shaped with high letter-spacing labels. Status chips for "Active" should have a pulsing 4px dot icon.
-- **Cards:** Defined by "Glass" surfaces. Use a subtle top-left to bottom-right linear gradient (white at 5% to transparent).
-- **Security Scanners:** Custom components including circular progress rings with "rotating data" segments and particle-line scans moving vertically across the component area.
-- **Alerts:** Red borders with a low-opacity red background tint. The text should remain white for readability, while the icon carries the red warning color.

stitch_authrix_deepfake_detection_engine/authrix_system_processing/code.html DELETED Viewed

@@ -1,253 +0,0 @@
-<!DOCTYPE html>
-<html class="dark" lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>AUTHRIX AI - Analysis State</title>
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<script id="tailwind-config">
-        tailwind.config = {
-            darkMode: "class",
-            theme: {
-                extend: {
-                    colors: {
-                        "inverse-surface": "#dae5da",
-                        "on-error": "#690005",
-                        "surface-tint": "#00e38a",
-                        "error": "#ffb4ab",
-                        "outline-variant": "#3b4b3f",
-                        "outline": "#849587",
-                        "background": "#0c150f",
-                        "surface-container-high": "#232c25",
-                        "secondary-container": "#00e3fd",
-                        "on-surface-variant": "#b9cbbc",
-                        "on-secondary-container": "#00616d",
-                        "on-error-container": "#ffdad6",
-                        "primary": "#f3fff3",
-                        "primary-container": "#00ff9c",
-                        "on-primary": "#00391f",
-                        "surface-bright": "#323c34",
-                        "primary-fixed-dim": "#00e38a",
-                        "tertiary-fixed-dim": "#e4c44f",
-                        "on-secondary-fixed": "#001f24",
-                        "tertiary-fixed": "#ffe17a",
-                        "on-tertiary-container": "#766000",
-                        "on-secondary": "#00363d",
-                        "on-tertiary-fixed": "#231b00",
-                        "on-tertiary": "#3b2f00",
-                        "surface-container-low": "#141e17",
-                        "surface": "#0c150f",
-                        "primary-fixed": "#56ffa7",
-                        "secondary-fixed-dim": "#00daf3",
-                        "on-secondary-fixed-variant": "#004f58",
-                        "inverse-on-surface": "#29332b",
-                        "surface-container": "#18221b",
-                        "on-surface": "#dae5da",
-                        "on-tertiary-fixed-variant": "#554500",
-                        "error-container": "#93000a",
-                        "surface-variant": "#2d3730",
-                        "surface-container-highest": "#2d3730",
-                        "secondary-fixed": "#9cf0ff",
-                        "on-background": "#dae5da",
-                        "on-primary-container": "#007142",
-                        "inverse-primary": "#006d40",
-                        "on-primary-fixed-variant": "#00522f",
-                        "secondary": "#bdf4ff",
-                        "tertiary": "#fffaff",
-                        "surface-dim": "#0c150f",
-                        "on-primary-fixed": "#002110",
-                        "surface-container-lowest": "#07100a",
-                        "tertiary-container": "#ffdd65"
-                    },
-                    borderRadius: {
-                        "DEFAULT": "0.25rem",
-                        "lg": "0.5rem",
-                        "xl": "0.75rem",
-                        "full": "9999px"
-                    },
-                    spacing: {
-                        "xs": "4px",
-                        "md": "16px",
-                        "base": "4px",
-                        "sm": "8px",
-                        "xl": "48px",
-                        "lg": "24px",
-                        "gutter": "20px",
-                        "margin": "32px"
-                    },
-                    fontFamily: {
-                        "h2": ["Space Grotesk"],
-                        "h1": ["Space Grotesk"],
-                        "h3": ["Space Grotesk"],
-                        "label-xs": ["Space Grotesk"],
-                        "data-mono": ["Space Grotesk"],
-                        "body-base": ["Space Grotesk"]
-                    },
-                    fontSize: {
-                        "h2": ["32px", { lineHeight: "1.2", letterSpacing: "-0.01em", fontWeight: "600" }],
-                        "h1": ["48px", { lineHeight: "1.1", letterSpacing: "-0.02em", fontWeight: "700" }],
-                        "h3": ["24px", { lineHeight: "1.3", letterSpacing: "0em", fontWeight: "600" }],
-                        "label-xs": ["12px", { lineHeight: "1", letterSpacing: "0.1em", fontWeight: "700" }],
-                        "data-mono": ["14px", { lineHeight: "1.5", letterSpacing: "0.05em", fontWeight: "500" }],
-                        "body-base": ["16px", { lineHeight: "1.6", letterSpacing: "0.01em", fontWeight: "400" }]
-                    }
-                }
-            }
-        }
-    </script>
-<style>
-        .scan-line {
-            background: linear-gradient(to bottom, transparent, rgba(0, 255, 156, 0.2), transparent);
-            height: 2px;
-            width: 100%;
-            position: absolute;
-            top: 0;
-            left: 0;
-            opacity: 0.5;
-        }
-        .noise-bg {
-            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
-            opacity: 0.05;
-            mix-blend-mode: overlay;
-            pointer-events: none;
-        }
-        .glass-panel {
-            background: rgba(35, 44, 37, 0.2);
-            backdrop-filter: blur(20px);
-            border: 1px solid rgba(0, 255, 156, 0.1);
-            box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05);
-        }
-        .glow-border-active {
-            border: 1px solid rgba(0, 255, 156, 0.5);
-            box-shadow: 0 0 15px rgba(0, 255, 156, 0.2);
-        }
-    </style>
-</head>
-<body class="bg-background text-on-background min-h-screen font-body-base overflow-hidden relative">
-<!-- Ambient Background Elements -->
-<div class="absolute inset-0 noise-bg z-0"></div>
-<div class="absolute top-0 left-0 w-full h-full z-0 overflow-hidden">
-<div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-surface-container-high/30 via-background to-background"></div>
-<div class="absolute top-1/4 left-1/4 w-96 h-96 bg-primary-container/5 rounded-full blur-[100px] pointer-events-none"></div>
-</div>
-<div class="scan-line z-0" style="top: 30%"></div>
-<!-- Central Content Area -->
-<div class="relative z-10 container mx-auto px-6 h-screen flex flex-col items-center justify-center">
-<!-- Top Header Info -->
-<div class="w-full max-w-3xl mb-xl text-center">
-<h1 class="font-h1 text-h1 text-primary-container drop-shadow-[0_0_8px_rgba(0,255,156,0.3)] mb-sm">SYSTEM_STATE: ANALYSIS</h1>
-<p class="font-data-mono text-data-mono text-primary-fixed-dim/70 tracking-[0.2em] uppercase">Initiating Deep Inspection Protocol</p>
-</div>
-<!-- Main Bento Grid Layout for Analysis Console -->
-<div class="w-full max-w-4xl grid grid-cols-1 md:grid-cols-12 gap-gutter">
-<!-- Visual / Orb Section (Left/Top) -->
-<div class="md:col-span-5 glass-panel rounded-xl p-lg flex flex-col items-center justify-center relative min-h-[300px] border-outline/20">
-<div class="absolute top-sm left-sm font-label-xs text-label-xs text-outline tracking-widest uppercase">Target Vector</div>
-<!-- Central Rotating Orb Visual -->
-<div class="relative w-48 h-48 rounded-full border border-primary-container/30 shadow-[0_0_30px_rgba(0,255,156,0.1)] flex items-center justify-center">
-<div class="absolute inset-2 rounded-full border border-dashed border-primary-container/40"></div>
-<div class="absolute inset-6 rounded-full bg-surface-container-high shadow-inner flex items-center justify-center overflow-hidden">
-<img alt="Abstract glowing grid structure representing data analysis" class="w-full h-full object-cover opacity-60 mix-blend-screen" data-alt="Abstract glowing geometric grid structure with vibrant cyan and emerald neon lights against dark background, technological feel" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDJdb_uls8CdiY4F9nfTubj-C8Q_ONhUf9a91ObNEcp65p0OrntMRuJI0C38IGnMHouwLDXGGbfpcWSmv6_t0RoIQeoLXUtfGy6tuTwxIiSMVBXHrKIT08HzkIeO5xTy_BpvPKs9thCqsvR5RCtdcWERQuAN62JbBXAJLgRBam6AqZTLX4Oj4W4nhE02AfHC__Ef2UmE41kdBX9auPEFAlMFjX3YJoY7MBXyjN3PK5EufCBhz4A2AIvR0fJlYbAN-JPfn57NzQba80"/>
-</div>
-<div class="absolute inset-0 rounded-full border-t-2 border-primary-container/80 blur-[2px]"></div>
-<span class="material-symbols-outlined absolute text-primary-container text-4xl drop-shadow-[0_0_10px_rgba(0,255,156,0.8)]">troubleshoot</span>
-</div>
-<div class="mt-lg text-center w-full">
-<div class="font-data-mono text-data-mono text-on-surface-variant flex items-center justify-between w-full border-b border-outline/10 pb-xs mb-xs">
-<span>DATA_STREAM</span>
-<span class="text-secondary-fixed">ACTIVE</span>
-</div>
-<div class="font-data-mono text-data-mono text-on-surface-variant flex items-center justify-between w-full border-b border-outline/10 pb-xs">
-<span>THROUGHPUT</span>
-<span class="text-tertiary-container">2.4 TB/s</span>
-</div>
-</div>
-</div>
-<!-- Dynamic Status List Section (Right/Bottom) -->
-<div class="md:col-span-7 glass-panel rounded-xl p-lg flex flex-col justify-center gap-md border-outline/20">
-<div class="flex justify-between items-center mb-sm">
-<div class="font-label-xs text-label-xs text-outline tracking-widest uppercase">Processing Pipeline</div>
-<div class="font-data-mono text-data-mono text-primary-container bg-primary-container/10 px-2 py-1 rounded">68% COMPLETE</div>
-</div>
-<!-- Step 1: Completed -->
-<div class="flex flex-col gap-xs opacity-60">
-<div class="flex justify-between items-center">
-<div class="flex items-center gap-sm">
-<span class="material-symbols-outlined text-outline text-sm">check_circle</span>
-<span class="font-data-mono text-data-mono text-on-surface">Extracting frames...</span>
-</div>
-<span class="font-data-mono text-data-mono text-outline">100%</span>
-</div>
-<div class="w-full h-1 bg-surface-container-highest overflow-hidden">
-<div class="h-full bg-outline w-full"></div>
-</div>
-</div>
-<!-- Step 2: Completed -->
-<div class="flex flex-col gap-xs opacity-60">
-<div class="flex justify-between items-center">
-<div class="flex items-center gap-sm">
-<span class="material-symbols-outlined text-outline text-sm">check_circle</span>
-<span class="font-data-mono text-data-mono text-on-surface">Detecting faces...</span>
-</div>
-<span class="font-data-mono text-data-mono text-outline">100%</span>
-</div>
-<div class="w-full h-1 bg-surface-container-highest overflow-hidden">
-<div class="h-full bg-outline w-full"></div>
-</div>
-</div>
-<!-- Step 3: Active Processing -->
-<div class="flex flex-col gap-xs glow-border-active bg-primary-container/5 p-sm -mx-sm rounded-lg">
-<div class="flex justify-between items-center">
-<div class="flex items-center gap-sm">
-<span class="material-symbols-outlined text-primary-container text-sm animate-pulse">memory</span>
-<span class="font-data-mono text-data-mono text-primary-container font-bold">Running model inference...</span>
-</div>
-<span class="font-data-mono text-data-mono text-primary-container">42%</span>
-</div>
-<!-- Segmented Progress Bar for Active State -->
-<div class="w-full h-2 bg-surface-container-highest flex gap-[2px]">
-<div class="h-full bg-primary-container/80 flex-1 shadow-[0_0_8px_rgba(0,255,156,0.5)]"></div>
-<div class="h-full bg-primary-container/80 flex-1 shadow-[0_0_8px_rgba(0,255,156,0.5)]"></div>
-<div class="h-full bg-primary-container/80 flex-1 shadow-[0_0_8px_rgba(0,255,156,0.5)]"></div>
-<div class="h-full bg-primary-container/80 flex-1 shadow-[0_0_8px_rgba(0,255,156,0.5)]"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-<div class="h-full bg-primary-container/20 flex-1"></div>
-</div>
-</div>
-<!-- Step 4: Pending -->
-<div class="flex flex-col gap-xs opacity-30 mt-sm">
-<div class="flex justify-between items-center">
-<div class="flex items-center gap-sm">
-<span class="material-symbols-outlined text-outline text-sm">hourglass_empty</span>
-<span class="font-data-mono text-data-mono text-on-surface">Analyzing audio patterns...</span>
-</div>
-<span class="font-data-mono text-data-mono text-outline">0%</span>
-</div>
-<div class="w-full h-1 bg-surface-container-highest overflow-hidden">
-<div class="h-full bg-outline w-0"></div>
-</div>
-</div>
-<!-- CLI Feedback Area -->
-<div class="mt-auto bg-surface-container-highest/50 border border-outline/10 p-sm rounded font-data-mono text-data-mono text-xs text-primary-fixed-dim/60 shadow-inner">
-                    &gt; [SYS] Fetching neural weights... OK<br/>
-                    &gt; [SYS] Allocating tensor buffers... OK<br/>
-                    &gt; [INF] Batch 0x7F processing... <span class="text-primary-container animate-pulse">_</span>
-</div>
-</div>
-</div>
-<!-- Cancel Action (Ghost Button) -->
-<div class="mt-xl">
-<button class="font-data-mono text-data-mono text-error border border-error/50 px-lg py-sm rounded bg-error/5 hover:bg-error/10 hover:shadow-[0_0_15px_rgba(255,180,171,0.2)] transition-all flex items-center gap-xs">
-<span class="material-symbols-outlined text-sm">cancel</span>
-                 ABORT SEQUENCE
-             </button>
-</div>
-</div>
-</body></html>

stitch_authrix_deepfake_detection_engine/authrix_upload_center/code.html DELETED Viewed

@@ -1,234 +0,0 @@
-<!DOCTYPE html>
-<html class="dark" lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Authrix - Secure Data Ingest</title>
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
-<script id="tailwind-config">
-        tailwind.config = {
-            darkMode: "class",
-            theme: {
-                extend: {
-                    colors: {
-                        "inverse-surface": "#dae5da",
-                        "on-error": "#690005",
-                        "surface-tint": "#00e38a",
-                        "error": "#ffb4ab",
-                        "outline-variant": "#3b4b3f",
-                        "outline": "#849587",
-                        "background": "#0c150f",
-                        "surface-container-high": "#232c25",
-                        "secondary-container": "#00e3fd",
-                        "on-surface-variant": "#b9cbbc",
-                        "on-secondary-container": "#00616d",
-                        "on-error-container": "#ffdad6",
-                        "primary": "#f3fff3",
-                        "primary-container": "#00ff9c",
-                        "on-primary": "#00391f",
-                        "surface-bright": "#323c34",
-                        "primary-fixed-dim": "#00e38a",
-                        "tertiary-fixed-dim": "#e4c44f",
-                        "on-secondary-fixed": "#001f24",
-                        "tertiary-fixed": "#ffe17a",
-                        "on-tertiary-container": "#766000",
-                        "on-secondary": "#00363d",
-                        "on-tertiary-fixed": "#231b00",
-                        "on-tertiary": "#3b2f00",
-                        "surface-container-low": "#141e17",
-                        "surface": "#0c150f",
-                        "primary-fixed": "#56ffa7",
-                        "secondary-fixed-dim": "#00daf3",
-                        "on-secondary-fixed-variant": "#004f58",
-                        "inverse-on-surface": "#29332b",
-                        "surface-container": "#18221b",
-                        "on-surface": "#dae5da",
-                        "on-tertiary-fixed-variant": "#554500",
-                        "error-container": "#93000a",
-                        "surface-variant": "#2d3730",
-                        "surface-container-highest": "#2d3730",
-                        "secondary-fixed": "#9cf0ff",
-                        "on-background": "#dae5da",
-                        "on-primary-container": "#007142",
-                        "inverse-primary": "#006d40",
-                        "on-primary-fixed-variant": "#00522f",
-                        "secondary": "#bdf4ff",
-                        "tertiary": "#fffaff",
-                        "surface-dim": "#0c150f",
-                        "on-primary-fixed": "#002110",
-                        "surface-container-lowest": "#07100a",
-                        "tertiary-container": "#ffdd65"
-                    },
-                    borderRadius: {
-                        "DEFAULT": "0.25rem",
-                        "lg": "0.5rem",
-                        "xl": "0.75rem",
-                        "full": "9999px"
-                    },
-                    spacing: {
-                        "xs": "4px",
-                        "md": "16px",
-                        "base": "4px",
-                        "sm": "8px",
-                        "xl": "48px",
-                        "lg": "24px",
-                        "gutter": "20px",
-                        "margin": "32px"
-                    },
-                    fontFamily: {
-                        "h2": ["Space Grotesk"],
-                        "h1": ["Space Grotesk"],
-                        "h3": ["Space Grotesk"],
-                        "label-xs": ["Space Grotesk"],
-                        "data-mono": ["Space Grotesk"],
-                        "body-base": ["Space Grotesk"]
-                    },
-                    fontSize: {
-                        "h2": ["32px", { lineHeight: "1.2", letterSpacing: "-0.01em", fontWeight: "600" }],
-                        "h1": ["48px", { lineHeight: "1.1", letterSpacing: "-0.02em", fontWeight: "700" }],
-                        "h3": ["24px", { lineHeight: "1.3", letterSpacing: "0em", fontWeight: "600" }],
-                        "label-xs": ["12px", { lineHeight: "1", letterSpacing: "0.1em", fontWeight: "700" }],
-                        "data-mono": ["14px", { lineHeight: "1.5", letterSpacing: "0.05em", fontWeight: "500" }],
-                        "body-base": ["16px", { lineHeight: "1.6", letterSpacing: "0.01em", fontWeight: "400" }]
-                    }
-                }
-            }
-        }
-    </script>
-<style>
-        .scan-line {
-            background: linear-gradient(to bottom, transparent 0%, rgba(0, 255, 156, 0.1) 50%, transparent 100%);
-            animation: scan 4s linear infinite;
-        }
-        @keyframes scan {
-            0% { transform: translateY(-100%); }
-            100% { transform: translateY(200%); }
-        }
-    </style>
-</head>
-<body class="bg-background text-on-background min-h-screen flex flex-col font-body-base overflow-x-hidden selection:bg-primary-container selection:text-on-primary">
-<!-- Atmospheric Layering -->
-<div class="fixed inset-0 pointer-events-none z-0">
-<div class="absolute inset-0 bg-[linear-gradient(to_right,#8495870a_1px,transparent_1px),linear-gradient(to_bottom,#8495870a_1px,transparent_1px)] bg-[size:3rem_3rem]"></div>
-<div class="absolute top-[20%] left-[30%] w-[40vw] h-[40vw] bg-surface-tint/5 rounded-full blur-[120px] mix-blend-screen"></div>
-<div class="absolute bottom-[10%] right-[20%] w-[35vw] h-[35vw] bg-secondary-container/5 rounded-full blur-[100px] mix-blend-screen"></div>
-</div>
-<!-- TopNavBar (Shared Component) -->
-<header class="bg-emerald-950/20 backdrop-blur-xl border-emerald-500/20 fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 h-16 w-full border-b shadow-[0_4_20px_rgba(0,0,0,0.5)]">
-<div class="flex items-center gap-8">
-<span class="text-2xl font-black tracking-tighter text-emerald-400 drop-shadow-[0_0_8px_rgba(0,255,156,0.5)]">AUTHRIX AI</span>
-<nav class="hidden md:flex gap-6 font-['Space_Grotesk'] tracking-wider uppercase text-xs">
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-2 px-3 rounded-DEFAULT" href="#">Dashboard</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-2 px-3 rounded-DEFAULT" href="#">Agents</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-2 px-3 rounded-DEFAULT" href="#">Logs</a>
-<a class="text-emerald-800/60 hover:text-emerald-400 transition-colors hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] py-2 px-3 rounded-DEFAULT" href="#">Network</a>
-</nav>
-</div>
-<div class="flex items-center gap-4">
-<div class="flex gap-3 text-emerald-400">
-<span class="material-symbols-outlined hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-DEFAULT cursor-pointer">sensors</span>
-<span class="material-symbols-outlined hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-DEFAULT cursor-pointer">memory</span>
-<span class="material-symbols-outlined hover:bg-emerald-400/10 hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] p-1 rounded-DEFAULT cursor-pointer">speed</span>
-</div>
-<button class="bg-primary-container text-on-primary font-['Space_Grotesk'] tracking-wider uppercase text-xs px-4 py-2 font-bold hover:shadow-[0_0_15px_rgba(0,255,156,0.3)] transition-all">GET STARTED</button>
-</div>
-</header>
-<!-- Main Content Canvas -->
-<main class="flex-grow relative z-10 flex flex-col items-center justify-center pt-32 pb-24 px-6">
-<!-- Upload Panel Container -->
-<div class="w-full max-w-3xl flex flex-col gap-8">
-<!-- Header Section -->
-<div class="text-center space-y-2">
-<h1 class="font-h2 text-h2 text-primary-container drop-shadow-[0_0_12px_rgba(0,255,156,0.4)]">SECURE INGEST PORTAL</h1>
-<p class="font-data-mono text-data-mono text-on-surface-variant">Awaiting encrypted payload via protocol AX-9.</p>
-</div>
-<!-- Primary Upload Zone (Glassmorphic) -->
-<div class="relative bg-surface-container/40 backdrop-blur-2xl border border-outline/20 rounded-xl overflow-hidden group hover:border-primary-container/50 transition-colors duration-500 shadow-[inset_0_1px_1px_rgba(255,255,255,0.05),0_0_30px_rgba(0,0,0,0.5)]">
-<!-- Inner scan line effect -->
-<div class="absolute inset-0 w-full h-[2px] scan-line pointer-events-none opacity-50"></div>
-<div class="p-10 flex flex-col items-center justify-center border-2 border-dashed border-outline-variant/50 m-4 rounded-lg bg-surface-container-low/30 hover:bg-primary-container/5 hover:border-primary-container hover:shadow-[0_0_40px_rgba(0,255,156,0.1)_inset] transition-all duration-300 cursor-pointer min-h-[300px]">
-<div class="w-24 h-24 rounded-full bg-surface-variant flex items-center justify-center mb-6 shadow-[inset_0_2px_4px_rgba(0,0,0,0.4)] group-hover:bg-surface-container-highest transition-colors">
-<span class="material-symbols-outlined text-[48px] text-on-surface-variant group-hover:text-primary-container drop-shadow-[0_0_8px_transparent] group-hover:drop-shadow-[0_0_12px_rgba(0,255,156,0.8)] transition-all duration-300" style="font-variation-settings: 'FILL' 1;">
-                            cloud_upload
-                        </span>
-</div>
-<h3 class="font-h3 text-h3 text-on-surface mb-2">INITIALIZE UPLOAD</h3>
-<p class="font-body-base text-body-base text-on-surface-variant mb-6 text-center max-w-sm">Drag and drop verified .DAT, .BIN, or .LOG packets here, or click to browse terminal files.</p>
-<div class="flex items-center gap-2 font-label-xs text-label-xs text-outline tracking-widest">
-<span class="w-1.5 h-1.5 rounded-full bg-outline"></span>
-                        MAXIMUM PAYLOAD: 5GB
-                        <span class="w-1.5 h-1.5 rounded-full bg-outline"></span>
-</div>
-</div>
-</div>
-<!-- Upload Queue / Recent Activity (Minimalist Data Grid style) -->
-<div class="mt-8 flex flex-col gap-4">
-<div class="flex items-center justify-between border-b border-outline/20 pb-2">
-<h4 class="font-label-xs text-label-xs text-primary-container uppercase tracking-widest flex items-center gap-2">
-<span class="w-2 h-2 bg-primary-container shadow-[0_0_8px_rgba(0,255,156,0.8)]"></span>
-                        ACTIVE QUEUE
-                    </h4>
-<span class="font-data-mono text-[10px] text-on-surface-variant">SYS_TIME: 14:02:09</span>
-</div>
-<!-- Queue Items -->
-<div class="grid grid-cols-1 gap-2">
-<!-- Item 1: Uploading -->
-<div class="bg-surface-container-low border border-outline-variant/30 rounded-DEFAULT p-4 flex flex-col gap-3 relative overflow-hidden">
-<div class="absolute bottom-0 left-0 h-[1px] bg-primary-container w-[45%] shadow-[0_0_5px_rgba(0,255,156,0.8)]"></div>
-<div class="flex justify-between items-start">
-<div class="flex items-center gap-3">
-<span class="material-symbols-outlined text-primary-container text-[20px]">description</span>
-<div>
-<div class="font-data-mono text-data-mono text-on-surface">nexus_core_dump_v4.bin</div>
-<div class="font-label-xs text-[10px] text-on-surface-variant mt-1">1.2 GB / 2.8 GB</div>
-</div>
-</div>
-<span class="font-label-xs text-[10px] border border-primary-container/50 text-primary-container px-2 py-1 bg-primary-container/10">UPLOADING 45%</span>
-</div>
-</div>
-<!-- Item 2: Scanning -->
-<div class="bg-surface-container-low border border-outline-variant/30 rounded-DEFAULT p-4 flex flex-col gap-3">
-<div class="flex justify-between items-start">
-<div class="flex items-center gap-3">
-<span class="material-symbols-outlined text-secondary-container text-[20px]">radar</span>
-<div>
-<div class="font-data-mono text-data-mono text-on-surface">auth_log_sector7.dat</div>
-<div class="font-label-xs text-[10px] text-on-surface-variant mt-1">450 MB</div>
-</div>
-</div>
-<span class="font-label-xs text-[10px] border border-secondary-container/50 text-secondary-container px-2 py-1 bg-secondary-container/10 shadow-[0_0_10px_rgba(0,227,253,0.2)_inset]">SCANNING</span>
-</div>
-</div>
-<!-- Item 3: Verified -->
-<div class="bg-surface-container-low border border-outline-variant/30 rounded-DEFAULT p-4 flex flex-col gap-3 opacity-60">
-<div class="flex justify-between items-start">
-<div class="flex items-center gap-3">
-<span class="material-symbols-outlined text-outline text-[20px]">check_circle</span>
-<div>
-<div class="font-data-mono text-data-mono text-on-surface line-through decoration-outline/50">legacy_key_archive.log</div>
-<div class="font-label-xs text-[10px] text-outline mt-1">12 MB</div>
-</div>
-</div>
-<span class="font-label-xs text-[10px] border border-outline/50 text-outline px-2 py-1">VERIFIED</span>
-</div>
-</div>
-</div>
-</div>
-</div>
-</main>
-<!-- Footer (Shared Component) -->
-<footer class="bg-black border-emerald-900/30 full-width border-t w-full py-8 px-10 flex flex-col md:flex-row justify-between items-center opacity-80 z-50 relative mt-auto">
-<div class="text-emerald-500 font-mono text-[10px] uppercase tracking-[0.2em] mb-4 md:mb-0">
-            © 2024 AUTHRIX COMMAND. SYSTEM_STATE: VIGILANT
-        </div>
-<nav class="flex gap-6 font-mono text-[10px] uppercase tracking-[0.2em]">
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Kernel</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Protocol</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Override</a>
-<a class="text-emerald-900 hover:text-emerald-300 transition-all cursor-crosshair" href="#">Diagnostics</a>
-</nav>
-</footer>
-</body></html>