<!DOCTYPE html>
<html lang="en">
<head>
    <!-- ... other meta tags ... -->
    
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
    
    <!-- Cyberpunk Theme -->
    <link rel="stylesheet" href="/assets/css/cyberpunk-theme.css">
    
    <!-- Cyberpunk Effects -->
    <script src="/assets/js/cyberpunk-effects.js" defer></script>
</head>
<body>
    <!-- Loader Component -->
    <div id="cyber-loader" class="cyber-loader">
        <!-- Loader content from previous response -->
    </div>
    
    <!-- Rest of your content -->
    <button class="cyber-button">Click Me</button>
    <div class="cyber-panel">
        <!-- Panel content -->
    </div>
    <table class="cyber-table">
        <!-- Table content -->
    </table>
    <input type="text" class="cyber-input">
    <div class="fade-in">
        <!-- Content that fades in -->
    </div>
</body>
</html> 