.bg_main{
            background-color: #080808ef;
        }
        
        #terminal {
            opacity: 0;
            transition: opacity 0.5s ease-in;
        }
        
        #terminal.loaded {
            opacity: 1;
        }
        
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.3; }
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-10px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        @keyframes cursorBlink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }
        
        @keyframes statusPulse {
            0%, 100% { 
                transform: scale(1);
                box-shadow: 0 0 8px #ffffff;
            }
            50% { 
                transform: scale(1.2);
                box-shadow: 0 0 15px #ffffff;
            }
        }

        /* Terminal Sleep/Wake States */
        .terminal-sleeping .px-6.py-6 {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 600px;
            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
            position: relative;
            overflow: hidden;
        }

        .terminal-sleeping .px-6.py-6::before {
            content: '';
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(
                0deg,
                rgba(255, 255, 255, 0.01) 0px,
                transparent 1px,
                transparent 2px,
                rgba(255, 255, 255, 0.01) 3px
            );
            opacity: 0.3;
            pointer-events: none;
                            }

                .wake-button {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: 4rem 5rem;
                    background: #00000080;
                    border: #4b4b4b 0.1rem solid;
                    border-radius: 1rem;
                    color: #ffffff;
                    font-family: monospace;
                    font-weight: bold;
                    font-size: 1.5rem;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    backdrop-filter: blur(10px);
                    
                }
        .wake-button:hover {
                    background: rgba(255, 255, 255, 0.2);
                    border-color: rgba(255, 255, 255, 0.5);
                    transform: translateY(-2px) scale(1.05);
              }

        .wake-button:active {
            transform: translateY(0) scale(1);
        }

        .wake-button svg {
            filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
            animation: lightning 2s ease-in-out infinite;
        }

        @keyframes lightning {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.8; transform: scale(1.1); }
        }

        /* Terminal waking animation */
        .terminal-waking .px-6.py-6::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.1) 50%,
                transparent 100%
            );
            animation: scanline 2s linear;
            pointer-events: none;
        }

        @keyframes scanline {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }

        /* Active terminal state */
        .terminal-active .px-6.py-6 {
            animation: terminalGlow 3s ease-in-out infinite;
        }

 

        /* Typing cursor animation */
        .typing-cursor {
            display: inline-block;
            color: #ffffff;
            animation: cursorBlink 0.8s step-end infinite;
            margin-left: 2px;
            font-weight: bold;
        }

        @keyframes cursorBlink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        /* Minimalist Gray-Black Scrollbar for Terminal */
#terminalBody::-webkit-scrollbar {
    width: 8px;
}

#terminalBody::-webkit-scrollbar-track {
    background: #0a0a0a;
}

#terminalBody::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
}

#terminalBody::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

#terminalBody::-webkit-scrollbar-thumb:active {
    background: #666666;
}

/* Firefox scrollbar */
#terminalBody {
    scrollbar-width: thin;
    scrollbar-color: #333333 #0a0a0a;
}





        /* Minimalist Gray-Black Scrollbar for Terminal */
#terminalBody2::-webkit-scrollbar {
    width: 8px;
}

#terminalBody2::-webkit-scrollbar-track {
    background: #0a0a0a;
}

#terminalBody2::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
}

#terminalBody2::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

#terminalBody2::-webkit-scrollbar-thumb:active {
    background: #666666;
}

/* Firefox scrollbar */
#terminalBody2 {
    scrollbar-width: thin;
    scrollbar-color: #333333 #0a0a0a;
}