/*
 Theme Name:   Nexus Fabrication Child
 Theme URI:    https://nexusfabrication3d.com/
 Description:  Tactical HUD and Lab Evolution Overlay
 Author:       Nexus Operator
 Template:     twentytwentyfour
 Version:      1.0.0
*/

/* --- NEXUS CORE VARIABLES --- */
:root { 
    --nexus-blue: #00d2ff; 
    --nexus-dark: #050505; 
    --nexus-border: #222; 
    --google-green: #34a853; 
}

/* --- LOGO NEON PULSE --- */
.nexus-glow {
    transition: 0.3s ease;
    animation: neon-pulse 2.5s infinite alternate;
}

.nexus-glow:hover {
    filter: drop-shadow(0 0 20px var(--nexus-blue));
    transform: scale(1.05);
}

@keyframes neon-pulse {
    0% { filter: drop-shadow(0 0 5px rgba(0, 210, 255, 0.4)); }
    100% { filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.8)); }
}

/* --- HUD & LAYOUT --- */
.sticky-hud { 
    position: fixed; 
    top: 80px; 
    width: 100%; 
    height: 45px; 
    background: rgba(10,10,10,0.9); 
    backdrop-filter: blur(10px); 
    z-index: 999; 
    border-bottom: 1px solid var(--nexus-border); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 30px; 
    font-size: 10px; 
    font-weight: bold; 
    letter-spacing: 1px; 
}

.video-bg { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: -1; 
}

.video-bg video { 
    min-width: 100%; 
    min-height: 100%; 
    object-fit: cover; 
    filter: brightness(0.4) contrast(1.1) grayscale(40%); 
}

/* --- MASTER GRID & PANELS --- */
.master-grid { 
    display: grid; 
    grid-template-columns: 2fr 1fr; 
    gap: 30px; 
    width: 95%; 
    max-width: 1400px; 
    margin: 60px auto; 
    position: relative; 
    z-index: 1; 
}

.main-panel { 
    background: rgba(10,10,10,0.92); 
    border: 1px solid var(--nexus-border); 
    padding: 40px; 
    border-radius: 20px; 
    border-top: 3px solid var(--nexus-blue); 
}

/* --- MOBILE RESPONSIVENESS --- */
@media screen and (max-width: 1024px) {
    .master-grid {
        grid-template-columns: 1fr;
        margin-top: 150px;
    }
    .sticky-hud {
        flex-direction: column;
        height: auto;
        padding: 10px 0;
    }
}