:root {
    --bg-principal: #0d1117;
    --bg-tarjetas: #161b22;
    --texto-blanco: #ffffff;
    --texto-mutado: #8b949e;
    --neon-azul: #58a6ff;
    --neon-borde: #30363d;
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; }
body { background-color: var(--bg-principal); color: var(--texto-blanco); padding: 20px; }
.container { max-width: 800px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 40px; }
.header h1 { color: var(--texto-blanco); text-transform: uppercase; }
.header h1 span { color: var(--neon-azul); }
header, footer { border: 1px solid var(--neon-borde); padding: 20px; border-radius: 8px; margin-bottom: 20px; }