body {
    background-color: #080808 !important; 
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 80px 80px;
    font-family: 'Space Mono', monospace;
    overflow-x: hidden;
}

/* Spezifischer Kupferton für gedimmte Texte */
.text-muted {
    color: rgba(255, 190, 150, 0.8) !important; 
}

.elegant-font {
    font-family: 'Playfair Display', serif;
    letter-spacing: -1px;
    text-shadow: 0 0 30px rgba(255,255,255,0.1);
}

.roles-badge {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(5px);
    letter-spacing: 1px;
}

/* Navigation Dock */
.bottom-nav { pointer-events: none; z-index: 1000; }
.nav-dock {
    pointer-events: auto;
    background: rgba(15, 15, 15, 0.85);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.8);
}
.nav-btn { font-size: 1.3rem; transition: all 0.3s ease; position: relative; }
.nav-btn:hover { color: #d3d3d3 !important; transform: translateY(-2px); }
.nav-btn.active { color: #ffffff !important; }
.nav-btn.active::after {
    content: '';
    position: absolute;
    bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; background: #ffbe96cc; border-radius: 50%;
}