/* CRT Effect */
.crt-effect {
    position: relative;
    overflow: hidden;
}

.crt-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(rgba(18, 255, 18, 0.03) 50%, transparent 50%),
        linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.03));
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
    z-index: 10;
}

/* Scanlines */
.crt-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.15),
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
    z-index: 11;
}

/* Glow effect for text */
.text-glow {
    text-shadow: 0 0 5px #7CFF7C, 0 0 10px #7CFF7C;
}

/* Glow effect for borders */
.border-glow {
    box-shadow: 0 0 5px #7CFF7C, 0 0 10px #7CFF7C;
}

/* Flicker animation */
@keyframes flicker {
    0% { opacity: 0.9; }
    5% { opacity: 0.8; }
    10% { opacity: 0.95; }
    15% { opacity: 0.87; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.crt-effect {
    animation: flicker 0.5s infinite;
}

/* Noise texture */
.noise {
    position: relative;
}

.noise::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVGhD7cExAQAAAMKg9U9tCF8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgZQKkAAFk3Z5QAAAAAElFTkSuQmCC');
    opacity: 0.02;
    pointer-events: none;
    z-index: 1;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(11, 58, 11, 0.5);
}

::-webkit-scrollbar-thumb {
    background: #7CFF7C;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #BFFFBF;
}