matrix update

src/features/Header.tsx

@@ -5,7 +5,7 @@ import { LanguageToggle } from "./ToggleLanguge";
 
 export function Header({ onMenuClick }: { onMenuClick: () => void }) {
   return (
-    <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 shadow-sm pt-[env(safe-area-inset-top)]">
+    <header className="sticky top-0 z-50 w-full border-b border-white/10 bg-transparent pt-[env(safe-area-inset-top)]">
       {/* Используем grid для идеальной центровки */}
       <div className="grid h-16 w-full grid-cols-[auto_1fr_auto] items-center px-4">
         {/* Слева: Бургер (занимает место по контенту) */}

src/features/SplashScreen.tsx

@@ -2,7 +2,6 @@
 
 import React, { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import { NetrunnerMatrix } from "matrix-engine/NetrunnerMatrix";
 
 interface SplashScreenProps {
   onComplete: () => void;
@@ -22,54 +21,45 @@ export function SplashScreen({ onComplete }: SplashScreenProps) {
 
   return (
     <div
-      className={`fixed inset-0 z-[100] transition-opacity duration-1000 flex items-center justify-center bg-[#0B0D17] ${
-        isFadingOut ? "opacity-0 pointer-events-none" : "opacity-100"
+      className={`fixed inset-0 transition-opacity duration-1000 flex items-center justify-center ${
+        isFadingOut ? "opacity-0" : "opacity-100"
       }`}
+      // Вместо bg-[#0a0a0c] используем радиальный градиент, который
+      // слегка притеняет края, но оставляет центр прозрачным для матрицы
+      style={{
+        background:
+          "radial-gradient(circle, transparent 20%, rgba(10, 10, 12, 0.8) 100%)",
+      }}
     >
-      {/* Матрица */}
-      <div className="absolute inset-0 z-0">
-        <NetrunnerMatrix isSecure={false} assetsPath="/wasm-matrix" />
-      </div>
-
       <motion.div
         initial={{ opacity: 0, y: 50 }}
-        animate={{ opacity: 1, y: 40 }}
+        animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 1.2, ease: "easeOut" }}
-        className="relative z-10 flex flex-col items-center text-center mt-40"
+        className="flex flex-col items-center text-center"
       >
         {/* Заголовок */}
-        <h1 className="text-3xl md:text-4xl font-black tracking-[0.6em] text-white drop-shadow-[0_0_15px_rgba(139,61,255,1)] ml-[0.6em]">
+        <h1 className="text-3xl md:text-4xl font-black tracking-[0.6em] text-white ml-[0.6em] drop-shadow-[0_0_20px_rgba(255,255,255,0.3)]">
           NETRUNNER
         </h1>
 
-        {/* Разделитель — стал ярче */}
+        {/* Разделитель */}
         <div className="flex items-center gap-4 my-10">
-          <div className="w-24 h-[1px] bg-primary" />
-          <div className="w-2 h-2 rotate-45 bg-secondary shadow-[0_0_15px_#00E5F2]" />
-          <div className="w-24 h-[1px] bg-primary" />
+          <div className="w-24 h-[1px] bg-primary/50" />
+          <div className="w-2 h-2 rotate-45 bg-[#00E5F2] shadow-[0_0_15px_#00E5F2]" />
+          <div className="w-24 h-[1px] bg-primary/50" />
         </div>
 
         {/* Контентная часть */}
         <div className="flex flex-col gap-4">
-          <p className="text-[12px] font-mono text-white font-bold tracking-[0.5em] uppercase drop-shadow-[0_2px_4px_rgba(0,0,0,1)]">
+          <p className="text-[12px] font-mono text-white font-bold tracking-[0.5em] uppercase">
             The System Watches Everyone
           </p>
 
-          {/* EXCEPT YOU — теперь максимально агрессивный Cyan */}
-          <p className="text-xl md:text-2xl font-mono font-black tracking-[0.8em] uppercase text-[#00E5F2] drop-shadow-[0_0_20px_#00E5F2] animate-pulse ml-[0.8em]">
+          <p className="text-xl md:text-2xl font-mono font-black tracking-[0.8em] uppercase text-[#00E5F2] drop-shadow-[0_0_15px_#00E5F2] animate-pulse ml-[0.8em]">
             Except You
           </p>
         </div>
       </motion.div>
-
-      {/* Сканирующая полоса — сделал чуть заметнее */}
-      <div
-        className="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-primary/20 to-transparent h-[5%] w-full animate-scan"
-        style={{ animationDuration: "2.5s" }}
-      />
-
-      {/* Виньетка — убрал лишнее затемнение в центре, чтобы не «серило» текст */}
-      <div className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,transparent_30%,rgba(11,13,23,1)_100%)]" />
     </div>
   );
 }