@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');

:root { 
    --neon-green: #00ff41; 
    --dark-bg: #050505; 
    --card-bg: #0a0a0a; 
    --text-dim: #888; 
    --error-red: #ff3333; 
}

body { 
    background-color: var(--dark-bg); 
    color: #e0e0e0; 
    font-family: 'Rajdhani', sans-serif; 
    margin: 0; 
    padding: 0; 
    line-height: 1.6; 
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* HEADER GLOBAL */
header { 
    min-height: 110px; 
    background: #080808; 
    border-bottom: 1px solid #222; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 25px; 
    padding: 15px 20px; 
    flex-wrap: wrap; 
}

.logo { 
    height: 85px; 
    width: auto; 
    filter: drop-shadow(0 5px 15px rgba(0,255,65,0.2)); 
}

.nav-links { display: flex; gap: 20px; }

.nav-links a { 
    color: var(--text-dim); 
    text-decoration: none; 
    font-weight: 600; 
    text-transform: uppercase; 
    transition: 0.3s; 
    font-size: 14px; 
    letter-spacing: 1px; 
}

.nav-links a:hover, .nav-links a.active { 
    color: var(--neon-green); 
    text-shadow: 0 0 8px rgba(0,255,65,0.4);
}

/* FOOTER GLOBAL */
footer { 
    text-align: center; 
    padding: 40px; 
    color: #444; 
    font-size: 12px; 
    border-top: 1px solid #111; 
    margin-top: auto; 
    background: #080808;
}

/* Common Utility Classes */
.container { max-width: 1000px; margin: 0 auto; padding: 20px; }