/* Custom Legacy Tech Styles */
body {
    background-color: #030B1E;
    color: #C5D8F7;
    background-image: 
        radial-gradient(rgba(10, 26, 58, 0.75) 1px, transparent 0),
        linear-gradient(to bottom, #030B1E 0%, #06132D 100%);
    background-size: 16px 16px, 100% 100%;
}

/* Legacy CRT & Cyber scanlines subtle effect */
.scanlines {
    position: relative;
    overflow: hidden;
}
.scanlines::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
    background-size: 100% 3px;
    z-index: 10;
    pointer-events: none;
    opacity: 0.6;
}

/* Neon Borders & Glows */
.border-neon {
    border-color: #00FF66;
    box-shadow: 0 0 8px rgba(0, 255, 102, 0.3);
}
.text-neon {
    color: #00FF66;
    text-shadow: 0 0 6px rgba(0, 255, 102, 0.4);
}
.bg-neon {
    background-color: #00FF66;
}

/* Retro Bevel Borders */
.legacy-box {
    border: 2px solid #1E4080;
    background-color: #0A1A3A;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), inset -1px -1px 0px rgba(0, 0, 0, 0.5);
}

.legacy-box-hover:hover {
    border-color: #00FF66;
    box-shadow: 0 0 10px rgba(0, 255, 102, 0.25);
}

.legacy-button {
    border: 1px solid #00FF66;
    background: linear-gradient(180deg, #0A2E1C 0%, #031A0F 100%);
    color: #00FF66;
    text-shadow: 0 0 4px rgba(0, 255, 102, 0.5);
    transition: all 0.15s ease;
}

.legacy-button:hover {
    background: #00FF66;
    color: #030B1E;
    text-shadow: none;
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.6);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #030B1E;
    border-left: 1px solid #1E4080;
}
::-webkit-scrollbar-thumb {
    background: #1E4080;
    border: 1px solid #00FF66;
}
::-webkit-scrollbar-thumb:hover {
    background: #00FF66;
}

/* Winamp EQ Visualizer Simulation */
.eq-bar {
    animation: bounce 0.8s infinite ease-in-out alternate;
}
@keyframes bounce {
    0% { height: 15%; }
    100% { height: 95%; }
}