first commit

frontend/app/css/header_CBPNK.css

@@ -0,0 +1,66 @@
+.cyberpunk {
+    background: #0a0a1a;
+    padding: 1rem 5%;
+    font-family: 'Courier New', monospace;
+    color: #00ff88;
+    position: fixed;
+    width: 100%;
+    top: 0;
+    z-index: 1000;
+}
+
+.cyberpunk .glitch-logo {
+    font-size: 1.8rem;
+    position: relative;
+}
+
+.cyberpunk .glitch-logo span {
+    animation: glitch 1.5s infinite;
+}
+
+@keyframes glitch {
+    0% { transform: skew(0deg); }
+    20% { transform: skew(2deg); }
+    40% { transform: skew(-1deg); }
+    60% { transform: skew(1deg); }
+    80% { transform: skew(-2deg); }
+    100% { transform: skew(0deg); }
+}
+
+.cyberpunk .subtitle {
+    font-size: 0.9rem;
+    opacity: 0.8;
+}
+
+.cyberpunk .neon-nav ul {
+    display: flex;
+    list-style: none;
+    gap: 1.5rem;
+}
+
+.cyberpunk .neon-nav a {
+    color: #00ff88;
+    text-decoration: none;
+    position: relative;
+}
+
+.cyberpunk .neon-nav a::after {
+    content: '';
+    position: absolute;
+    bottom: -5px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background: #00ff88;
+    transition: width 0.3s;
+}
+
+.cyberpunk .neon-nav a:hover::after {
+    width: 100%;
+}
+
+.cyberpunk .status-bar {
+    font-size: 0.8rem;
+    margin-top: 0.5rem;
+    color: #ff6b35;
+}