/* Advanced OS Interface Effects */

/* Scan line effect */
.os-interface::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00d4ff, transparent);
    animation: scanLine 3s linear infinite;
    pointer-events: none;
    z-index: 10;
}

@keyframes scanLine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Enhanced status pulse */
@keyframes statusPulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(34, 197, 94, 0.8), 0 0 30px rgba(34, 197, 94, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 25px rgba(34, 197, 94, 1), 0 0 50px rgba(34, 197, 94, 0.6);
        transform: scale(1.2);
    }
}

/* Holographic text effect */
.os-name {
    position: relative;
    animation: holoText 2s ease-in-out infinite alternate;
}

.os-name::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 2px;
    color: #ff0080;
    opacity: 0.3;
    z-index: -1;
}

.os-name::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: -2px;
    color: #00ffff;
    opacity: 0.3;
    z-index: -1;
}

@keyframes holoText {
    0% {
        text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
    }
    100% {
        text-shadow: 0 0 20px rgba(0, 212, 255, 0.8), 0 0 30px rgba(0, 212, 255, 0.4);
    }
}

/* Matrix rain effect */
.desktop-grid::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 98px,
        rgba(0, 212, 255, 0.03) 100px
    );
    animation: matrixRain 20s linear infinite;
    pointer-events: none;
}

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

/* Enhanced app icon effects */
.app-icon {
    position: relative;
}

.app-icon::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(45deg, transparent, rgba(0, 212, 255, 0.1), transparent);
    border-radius: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.app-icon:hover::before {
    opacity: 1;
    animation: borderGlow 1s ease-in-out infinite alternate;
}

@keyframes borderGlow {
    0% {
        box-shadow: 0 0 5px rgba(0, 212, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 20px rgba(0, 212, 255, 0.6);
    }
}

/* Taskbar enhancements */
.taskbar {
    position: relative;
    overflow: hidden;
}

.taskbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.1), transparent);
    animation: taskbarSweep 4s ease-in-out infinite;
}

@keyframes taskbarSweep {
    0%, 100% {
        left: -100%;
    }
    50% {
        left: 100%;
    }
}