* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
}

        #bgVideo {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);

          font-size: 1.2em;
          background: rgba(255,255,255,0.8);
          border: none;
          border-radius: 8px;
          cursor: pointer;
          z-index: 1;
        }


        .start{
            position: relative;
            background: #0a0a0a;
            color: #00ff41;
            font-family: 'Courier New', monospace;
            overflow: hidden;
            line-height: 1.4;
            z-index: 2;
            width: 100%;
            height: 100vh;
        }
        #matrix-canvas {
            background: #0a0a0a;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            opacity: 0.3;
        }
        
        .container {
            position: relative;
            z-index: 10;
            max-width: 800px;
            margin: 0 auto;
            padding: 2rem;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            z-index: 3;
        }
        
        .header {
            text-align: center;
            margin: 50px 0;
            animation: glitch 1s infinite;
            position: relative;
            display: block;
        }
       .start p{
          color:#fff;
            margin-bottom: 10px;
            font-size: 1.3rem;
        }
        .error-code {
            font-size: 5rem;
            font-weight: bold;
            color: #ff003c;
            text-shadow: 0 0 0px #ff003c, 0 0 5px #ff003c;
            margin-bottom: 2rem;

        }
        
        .error-title {
            font-size: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-top: 3rem;
            color: #00eeff;
            cursor: pointer;
        }

        .terminal-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1rem;
            border-bottom: 1px solid #008f11;
            padding-bottom: 0.5rem;
            font-size: 0.9rem;
        }
        
        .terminal-body {
            font-size: 1.1rem;
            line-height: 1.6;
        }
        
        .prompt {
            color: #00eeff;
        }
        
        .command {
            color: #ff00c8;
        }
        
        .output {
            margin: 1rem 0;
            padding-left: 1rem;
            border-left: 2px solid #008f11;
        }
        
        .blink {
            animation: blink 1s infinite;
        }
        
     
        
    
        

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }
        
        @keyframes scan {
            0% { top: 0; }
            100% { top: 100%; }
        }
        
        @keyframes glitch {
            0% { transform: translate(0); }
            20% { transform: translate(-2px, 2px); }
            40% { transform: translate(-2px, -2px); }
            60% { transform: translate(2px, 2px); }
            80% { transform: translate(2px, -2px); }
            100% { transform: translate(0); }
        }
        
        .access-denied {
            color: #ff003c;
            text-shadow: 0 0 5px #ff003c;
            animation: deny-pulse 1.5s infinite;
        }
        
        @keyframes deny-pulse {
            0%, 100% { opacity: 0.8; }
            50% { opacity: 0.4; }
        }
        
        /* Responsive design */
        @media (max-width: 990px) {
            .error-code { font-size: 2rem;font-weight: 400 }
            .terminal-body { font-size: 1rem; }
            .container { padding: 1rem; }
            .matrix-canvas{ height: 90%;}
            .error-title { font-size: 2rem;font-weight: 500; }
        }