/* CRT Monitor Effects */
.crt-monitor {
    background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
    box-shadow: 
        inset 0 0 20px rgba(0,0,0,0.8),
        0 0 40px rgba(0,0,0,0.5);
}

.crt-screen {
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.95) 100%);
    position: relative;
    overflow: hidden;
}

.crt-screen::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        transparent 50%, 
        rgba(0,255,0,0.03) 50%
    );
    background-size: 100% 4px;
    pointer-events: none;
    animation: scanlines 0.1s linear infinite;
}

.crt-screen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, transparent 70%, rgba(0,0,0,0.3) 100%);
    pointer-events: none;
}

@keyframes scanlines {
    0% { transform: translateY(0); }
    100% { transform: translateY(4px); }
}

/* Retro Computer Case */
.retro-case {
    background: linear-gradient(145deg, #f4f1e8 0%, #e8e0d0 50%, #d4c8b0 100%);
    box-shadow: 
        inset 2px 2px 4px rgba(255,255,255,0.8),
        inset -2px -2px 4px rgba(0,0,0,0.2),
        0 8px 32px rgba(0,0,0,0.3);
    border: 2px solid #c4b896;
}

/* Text Glow Effects */
.text-green-400 {
    text-shadow: 0 0 5px currentColor, 0 0 10px currentColor;
}

.text-amber-400 {
    text-shadow: 0 0 5px currentColor, 0 0 10px currentColor;
}

/* Terminal Styling */
.font-mono {
    font-family: 'Courier New', 'Consolas', 'Monaco', monospace;
    letter-spacing: 0.5px;
}

/* Button Hover Effects */
button:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* LED Glow Animation */
@keyframes led-glow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.animate-pulse {
    animation: led-glow 1s ease-in-out infinite;
}

/* Scrollbar Styling for Terminal */
.crt-screen::-webkit-scrollbar {
    width: 8px;
}

.crt-screen::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.5);
}

.crt-screen::-webkit-scrollbar-thumb {
    background: rgba(0,255,0,0.3);
    border-radius: 4px;
}

.crt-screen::-webkit-scrollbar-thumb:hover {
    background: rgba(0,255,0,0.5);
}

/* Focus outline for keyboard navigation */
*:focus {
    outline: 2px solid #22d3ee;
    outline-offset: 2px;
}

/* Retro button styling */
.retro-button {
    background: linear-gradient(145deg, #f0f0f0, #d0d0d0);
    border: 2px outset #e0e0e0;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.retro-button:active {
    border: 2px inset #e0e0e0;
    transform: translateY(1px);
}

/* Disk drive styling */
.disk-slot {
    background: linear-gradient(90deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100%);
    border: 1px solid #333;
}